@extends('adminlte::page')

@section('title', trans('adminlte::parkingsites.title.edit'))

@section('content')

    @if ($errors->any())
        <div class="alert alert-danger">
            <strong>Whoops!</strong> There were some problems with your input.<br><br>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form role="form"  id="parkingsite-form" action="{{ route('parkingsites.update', $parkingsite->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="card card-primary card-tabs">
                    <div class="card-header p-0 pt-1">
                        <!-- <h3 class="card-title">@lang('adminlte::parkingsites.header.create')</h3> -->
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                          <li class="nav-item">
                            <a class="nav-link active" id="custom-tabs-one-basic-tab" data-toggle="pill" href="#custom-tabs-one-basic" role="tab" aria-controls="custom-tabs-one-basic" aria-selected="false">Basic Details</a>
                          </li>
                          <li class="nav-item">
                            <a class="nav-link" id="custom-tabs-one-settings-tab" data-toggle="pill" href="#custom-tabs-one-settings" role="tab" aria-controls="custom-tabs-one-settings" aria-selected="true">APS Web Settings</a>
                          </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content" id="custom-tabs-one-tabContent">
                          <div class="tab-pane fade active show" id="custom-tabs-one-basic" role="tabpanel" aria-labelledby="custom-tabs-one-basic-tab">
                             <div class="row">
                                <div class="col-6">
                                    <div class="form-group col-xs-6 col-sm-12 col-md-12">
                                        <label for="inputParkingSiteName">@lang('adminlte::parkingsites.parking_site_name')<span style="color:red">*</span></label>
                                        <input type="text" value="{{$parkingsite->parking_site_name}}" name='parking_site_name' id="inputParkingSiteName" class="form-control" placeholder="Enter ParkingSite Name">
                                    </div>  
                                </div>
                                <div class="col-6">
                                    <div class="form-group col-xs-6 col-sm-12 col-md-12">
                                        <label for="inputParkingSiteCode">@lang('adminlte::parkingsites.parking_site_code')<span style="color:red">*</span></label>
                                        <input type="text" value="{{$parkingsite->parking_site_code}}" name='parking_site_code' id="inputParkingSiteCode" class="form-control" placeholder="Enter ParkingSite Code">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputStatus">@lang('adminlte::smstemplates.status')<span style="color:red">*</span></label>
                                        @php $arrStatus = config('aps.status'); @endphp
                                        <select class="form-control status" id ="inputStatus" name="status">
                                            <option value="">Select Status</option>
                                            @foreach($arrStatus as $key => $value)
                                            <option {{ $parkingsite->status == $key ? 'selected=selected' : '' }}  value="{{$key}}" >{{$value}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                 <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputName">@lang('adminlte::areas.area_name')<span style="color:red">*</span></label>
                                        <select class="form-control area_id" name="area_id">
                                            <option value="">Select Area</option>
                                            @foreach($areas as $key => $area)
                                             <option {{ $parkingsite->area_id == $key ? 'selected=selected' : '' }}  value="{{$key}}" >{{$area}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputName">@lang('adminlte::locations.location_name')<span style="color:red">*</span></label>
                                        <select class="form-control location_id" name="location_id">
                                            <option value="">Select Location</option>
                                            @foreach($locations as $key => $location)
                                            <option {{ $parkingsite->location_id == $key ? 'selected=selected' : '' }}  value="{{$key}}" >{{$location}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                 <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputName">@lang('adminlte::regions.region_name')<span style="color:red">*</span></label>
                                        <select class="form-control region_id" name="region_id">
                                            <option value="">Select Region</option>
                                            @foreach($regions as $key => $region)
                                             <option {{ $parkingsite->region_id == $key ? 'selected=selected' : '' }}  value="{{$key}}" >{{$region}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputName">@lang('adminlte::city.city_name')<span style="color:red">*</span></label>
                                        <select class="form-control city_id" name="city_id">
                                            <option value="">Select City</option>
                                            @foreach($cities as $key => $city)
                                             <option {{ $parkingsite->city_id == $key ? 'selected=selected' : '' }}  value="{{$key}}" >{{$city}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                 <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputParkingSiteUrl">@lang('adminlte::parkingsites.parking_site_url')</label>
                                        <input type="text" value="{{$parkingsite->parking_site_url}}" name='parking_site_url' id="inputParkingSiteUrl" class="form-control" placeholder="Enter Local Site URL">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                        <label for="inputParkingSiteLogo">@lang('adminlte::parkingsites.site_logo')</label>
                                        <br>
                                        <input type="file" value="{{$parkingsite->site_logo}}" name='site_logo' id="inputParkingSiteLogo" class="form-control" placeholder="Site Logo" style="padding: 3px 5px;">
                                        @if($parkingsite->site_logo)
                                        <img src="{{url('storage/uploads/'.$parkingsite->site_logo)}}" style="max-width: 200px">
                                        @endif
                                    </div>
                                </div>
                                 <div class="col-6">
                                    <div class="form-group col-xs-6 col-sm-12 col-md-12">
                                            <label for="inputParkingSiteName">@lang('adminlte::parkingsites.sync_time')</label>
                                            <div class="input-group date" id="datetimepicker" data-target-input="nearest">
                                                <input type="text" name="sync_time" id="sync_time" class="form-control datetimepicker-input" data-target="#datetimepicker" value="" />
                                                <div class="input-group-append" data-target="#datetimepicker" data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="fas fa-fw fa-clock"></i></div>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                          </div>
                          <div class="tab-pane fade" id="custom-tabs-one-settings" role="tabpanel" aria-labelledby="custom-tabs-one-settings-tab">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group col-xs-6 col-sm-12 col-md-12">
                                            <!-- <label for="inputApplyVoucher">@lang('adminlte::parkingsites.apply_voucher')</label> -->
                                            @php
                                                $checked ='';
                                                if(isset($parkingsite->web_aps) && 
                                                $parkingsite->web_aps=='1')
                                                {
                                                    $checked = 'checked="checked"';
                                                }
                                            @endphp
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" name='web_aps' id="inputWebAPS" data-toggle="tooltip" title="Check to enable voucher on APS" {{$checked}}>@lang('adminlte::parkingsites.enable_web_aps')
                                            </div>
                                        </div>  
                                    </div>
                                    <div class="col-6">
                                        
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                            <label for="payment_gateway">@lang('adminlte::parkingsites.payment_gateway')</label><br>
                                            @php 
                                                $arrSelectedOptions = array();
                                                if(isset($parkingsitesettings[$settings['payment_gateway']])){
                                                    $arrSelectedOptions = json_decode($parkingsitesettings[$settings['payment_gateway']]);
                                                }   
                                            @endphp
                                            <div class="input-group">
                                                <select class="form-control multiselect web_aps_settings" id ="payment_gateway" name="payment_gateway[]" style="width: 100%;" multiple="multiple">
                                                    @foreach($paymentgateways as $key => $value)
                                                        @if($arrSelectedOptions)
                                                            <option {{ in_array($key, $arrSelectedOptions) ? 'selected=selected' : '' }}  value="{{$key}}" >{{$value}}</option>
                                                        @else
                                                             <option value="{{$key}}" >{{$value}}</option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group col-xs-6 col-sm-12 col-md-12">
                                            <label for="inputTimer">@lang('adminlte::parkingsites.timer')</label>
                                            <input type="text" name='timer' id="inputTimer" class="form-control web_aps_settings" placeholder="Enter Timer Value" value="{{ isset($parkingsitesettings[$settings['timer']]) ? $parkingsitesettings[$settings['timer']] : '' }}">
                                        </div>  
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group col-xs-12 col-sm-12 col-md-12">
                                            <label for="inputStatus">@lang('adminlte::parkingsites.home_options')</label><br>
                                            @php 
                                            $arrHomeOptions = config('aps.home_options'); 
                                            $arrSelectedOptions = array();
                                            if(isset($parkingsitesettings[$settings['home_options']])){
                                                $arrSelectedOptions = json_decode($parkingsitesettings[$settings['home_options']]);
                                            }
                                            @endphp
                                            <div class="input-group">
                                                <select class="form-control multiselect web_aps_settings" id ="inputStatus" name="home_options[]" style="width: 100%;" multiple="multiple">
                                                    @foreach($arrHomeOptions as $key => $value)
                                                    <option {{ in_array($key, $arrSelectedOptions) ? 'selected=selected' : '' }}  value="{{$key}}" >{{$value}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group col-xs-6 col-sm-12 col-md-12">
                                            <label for="inputApplyVoucher">@lang('adminlte::parkingsites.apply_voucher')</label>
                                            <!-- <input type="checkbix" name='apply_voucher' id="inputApplyVoucher" class="form-control" placeholder="Apply Voucher"> -->
                                            <div class="form-check">
                                                @php
                                                    $checked ='';
                                                    if(isset($parkingsitesettings[$settings['apply_voucher']]) && 
                                                    $parkingsitesettings[$settings['apply_voucher']]!='')
                                                    {
                                                        $checked = 'checked="checked"';
                                                    }
                                                @endphp
                                                <input class="form-check-input web_aps_settings" type="checkbox" name='apply_voucher' id="inputApplyVoucher" data-toggle="tooltip" title="Check to enable voucher on APS" {{ $checked }}>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                          
                        </div>

                    </div>
                    <div class="card-footer">
                         <button type="submit" class="btn btn-success">@lang('adminlte::parkingsites.parkingsite_add')</button>
                            <a class="btn btn-default" href="{{ route('parkingsites.index') }}"> Back</a>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection

@section('js')
<script>
    $(document).ready( function () {
        $('#datetimepicker').datetimepicker({
            format: 'LT',
        });

        $('#sync_time').val("{{ isset($parkingsitesettings[$settings['sync_time']]) ? $parkingsitesettings[$settings['sync_time']] : '' }}");

        $('.multiselect').select2();

        $('[data-toggle="tooltip"]').tooltip();   

        var web_aps = '{{$parkingsite->web_aps}}';
        if(web_aps!='1')
        {
            $('.web_aps_settings').prop("disabled", true);
        }
        $('#inputWebAPS').change(function () {
            var status = this.checked;
            if (status)
                $('.web_aps_settings').prop("disabled", false);
            else
                $('.web_aps_settings').prop("disabled", true);
        })

        $('select[name=area_id]').change(function() {

            var url = "{{ url('admin/areas') }}/" + $(this).val() + "/locations/";

            $.get(url, function(data) {
                var select = $('form select[name= location_id]');

                select.empty();

                select.append('<option value="">Select Location</option>');
                $.each(data,function(key, value) {
                    select.append('<option value=' + value.id + '>' + value.location_name + '</option>');
                });
            });
        });

        $('select[name=region_id]').change(function() {

            var url = "{{ url('admin/regions') }}/" + $(this).val() + "/city/";

            $.get(url, function(data) {
                var select = $('form select[name= city_id]');

                select.empty();

                select.append('<option value="">Select City</option>');
                $.each(data,function(key, value) {
                    select.append('<option value=' + value.id + '>' + value.city_name + '</option>');
                });
            });
        });
    });
</script>

<!-- Laravel Javascript Validation -->
<script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js')}}"></script>
{!! JsValidator::formRequest('App\Http\Requests\Admin\ParkingSiteRequest', '#parkingsite-form'); !!}
@stop