@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet"
          type="text/css"/>
    <style>
        [hidden] {
            display: none !important;
        }
        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            text-transform: capitalize;
        }
    </style>
@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">Village Mapping for {{$provider}}</span>
                    </div>
                    <div class="actions">
                        <select name="shipper" id="shipper" class="form-control">
                            <option value="bosta-new" @if($provider=="bosta-new") selected @endif>Bosta</option>
                            <option value="mimi-express" @if($provider=="mimi-express") selected @endif>Mimi Express</option>
                            <option value="deelzat" @if($provider=="deelzat") selected @endif>Deelzat</option>
                            <option value="bosta" @if($provider=="bosta") selected @endif>Bosta (OLD)</option>
                        </select>
                    </div>
                </div>
                <div class="portlet-body form">
                    @if(session()->has("message"))
                        <div class="alert alert-success">
                            <h4 style="margin-bottom: 0px"> {{session()->get("message")}}</h4>
                        </div>
                    @else
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    @endif
                       <table class="table">
                           <tbody>
                           {!! Form::open(['route'=>"admin.village-mapping",'method'=>"get"]) !!}

                           <tr>
                               <td>
                                   <input type="hidden" name="provider" value="{{request()->get("provider")}}">
                                   {{Form::text("title",Request::get("title",NULL),['class'=>"form-control form-filter input-sm"])}}
                               </td>
                               <td>
                                   <button class="btn btn-sm btn-success filter-submit margin-bottom">
                                       <i class="fa fa-search"></i> Search</button></td>
                               {!! Form::close() !!}
                           </tr>
                           </tbody>
                       </table>
                    {{Form::open(['route'=>["admin.village-mapping.post"],'role'=>"form",'method'=>"post", 'files' =>true])}}
                    <div class="form-body">
                        <div class="table-scrollable">
                            <table class="table table-hover">
                                <thead>
                                <tr>
                                    <th> iHouse Village </th>
                                    <th> Mapped Village </th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($village_mappers as $village_mapper)
                                    <tr>
                                        <td>
                                            <div class="form-group">
                                                {{$village_mapper->title}}
                                            </div>
                                            <a href="{{route("admin.cities.edit",$village_mapper->id)}}" target="_blank" class="btn btn-outline btn-sm purple" title="Edit"><i class="fa fa-edit"></i> @lang("constants.edit")</a>
                                            <a href="{{route("admin.cities.remove",[$village_mapper->id,"mapping"=>true])}}" class="btn btn-outline btn-sm red" title="Delete"><i class="fa fa-trash"></i> @lang("constants.delete")</a>
                                        </td>

                                        <td>
                                            <div class="form-group">
                                                {{Form::select("value[".$village_mapper->id."]",$mapped_villages,\App\Models\CityMapper::where("type",$provider)->where("city_id",$village_mapper->id)->first() ? \App\Models\CityMapper::where("type",$provider)->where("city_id",$village_mapper->id)->first()->mapping_id : null,['class'=>'form-control m-input select2',"placeholder"=>"Select village"])}}
                                            </div>
                                        </td>

                                    </tr>
                                @empty
                                @endforelse
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="8">
                                        {!! $village_mappers->appends(request()->all())->links()!!}
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>

                        <input type="hidden" name="provider" value="{{$provider}}">
                        <div class="form-actions noborder">
                            <button type="submit" class="btn blue">@lang("constants.edit")</button>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
    <script>
        $(".select2").select2({
            placeholder: "Select village",
            width: "100%",
            allowClear:true
        });
        $(document).ready(function () {
            $("#shipper").change(function() {
                window.location.search = "provider=" + $(this).val();
            });
        });
    </script>
@endsection