@extends('backend.layouts.app')
@section('content')

<div class="row">
    <div class="col-lg-8 mx-auto">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{translate('Update Banner')}}</h5>
            </div>
            <div class="card-body">
                <form action="{{ route('banner.update',$banner->id) }}" method="POST">
                  	@csrf
                    @error('banner_image_id')
                        <div class="alert alert-danger">{{ $message }}</div>
                    @enderror
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="sharing">{{translate('Add Banner')}}<span class="text-danger"> *</span></label>
                        <div class="col-sm-9">
                           <div class="input-group" data-toggle="aizuploader" data-type="image">
                                <div class="input-group-prepend">
                                    <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}</div>
                                </div>
                                <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                                <input type="hidden" name="banner_image_id" class="selected-files" value="{{$banner->banner_image_id}}">
                            </div>
                            <div class="file-preview box sm">
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="sharing">{{translate('Url')}}</label>
                        <div class="col-sm-9">
                            <input type="text" name="url" class="form-control" value="{{$banner->url}}">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label"  for="sharing">{{translate('Banner For')}}<span class="text-danger"> *</span></label>
                        <div class="col-sm-9">
                            <select class="form-control" name="banner_type">
                               <option value="">{{translate('Select Banner For')}}</option>
                               <option  value="web" {{($banner->banner_type=='web') ? 'selected': ""}}>Web</option>
                               <option value="application" {{($banner->banner_type=='application') ? 'selected': ""}}>Application</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-3 col-from-label" for="sharing">{{translate('State')}}</label>
                        <div class="col-sm-9">
                            <select class="form-control aiz-selectpicker" id="state" name="state" data-live-search="true" onchange="getDistrict(this.value)">
                                <option value="">{{translate('Select State')}}</option>
                                @foreach($pincode=App\Models\Pincode::select('state')->groupBy('state')->get() as $value)
                                    <option value="{{$value->state}}"{{($value->state==$banner->state) ? 'selected' : '' }}>{{$value->state}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                     <div class="form-group row">
                        <label class="col-sm-3 col-from-label"  for="sharing">{{translate('District')}}</label>
                        <div class="col-sm-9">
                            <select class="form-control aiz-selectpicker district" name="district" data-live-search="true">

                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        @php
                            $arrayData=isset($banner->pincode) ? json_decode($banner->pincode) : [];
                            $pincode=DB::table('pincode')->groupBy('pincode')->get();


                        @endphp
                        <label class="col-sm-3 col-from-label" for="sharing">{{translate('Pincode')}}</label>
                        <div class="col-sm-9">
                            <select class="form-control w-100" multiple="multiple" name="pincode[]"  id="pincode">
                                <option value="">{{translate('Select Pincode')}}</option>
                                @foreach($pincode as $value)
                                    <!-- <option value="{{$value->pincode}}" @if($arrayData != [] ) {{ in_array($value->pincode, $arrayData) ? 'selected' : '' }} @endif>{{$value->city}},{{$value->district}},{{$value->state}},{{$value->pincode}}</option> -->
                                    <option value="{{$value->pincode}}"@if($arrayData != [] ) {{ in_array($value->pincode, $arrayData) ? 'selected' : '' }} @endif>{{$value->city}}, {{$value->district}}, {{$value->state}}, {{$value->pincode}} </option>
                                @endforeach

                         </select>
                        </div>
                    </div>
                    <div class="form-group mb-0 text-right">
                        <button type="submit" class="btn btn-primary">{{translate('Save')}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')

<script type="text/javascript">
    $('#pincode').select2({ width:470,placeholder:'Select Pincode'});
    $(document).ready(function(){
        var state=$('#state').val();
        var district="{{$banner->district}}";
        district=JSON.parse(JSON.stringify(district));
        getDistrict(state,district);
    });
     function getDistrict(state,district="") {
            $('[name="city"]').html("");
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('admin.getDistrict') }}",
                type: 'POST',
                data: {
                    state:state,district:district
                },
                success: function(response) {
                    var obj = JSON.parse(response);
                    if (obj != '') {
                        $('[name="district"]').html(obj);
                        AIZ.plugins.bootstrapSelect('refresh');
                    }
                }
            });
        }
</script>
@endsection