@extends('admin.default')
@section('title', 'Admin | Cities List')
@section('content')
@php
$permissions= getPermissions();
@endphp	
<div id="add-msg"></div>
<nav class="page-breadcrumb">
   <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
      <li class="breadcrumb-item active" aria-current="page">Cities List</li>
   </ol>
</nav>
<div class="row">
   <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
         <div class="card-body">
            <div class="row">
               <div class="col-md-2">
                  <label>Country:</label>
               </div>
               <div class="col-md-4">
                  <select class="js-example-basic-single form-control w-100" onChange="getCities()" id="country_id">
                     @foreach($countries as $key)
                     <option value="{{$key->id}}" {{($key->id == $country)?"selected":""}}>{{$key->name}}</option>
                     @endforeach
                  </select>
               </div>
               @if(isset($permissions) && isset($permissions['city_resolve_button']) && $permissions['city_resolve_button']==1)
                  <div class="col-md-6">
                     <Button type="submit" class="btn btn-primary" id="resolve" style="float:right;">Resolve</Button>
                  </div>
               @endif
            </div>
            <form class="d-inline">
               @csrf
               <div class="row mt-3">
               </div>
               <div class="table-responsive">
                  <table id="" class="table">
                     <thead>
                        <tr>
                           <th>Action</th>
                           <th>City</th>
                           <th>Status</th>
                           <th>Resolve With</th>
                           <th>Resolve By</th>
                        </tr>
                     </thead>
                     <tbody>
                        @foreach($cities as $key)
                        <tr>
                           <td>
                              @if($key->users_count <= 0  && $key->status != 'new')
                                 @if(isset($permissions) && isset($permissions['city_disable_button']) && $permissions['city_disable_button']==1) 
                                    <a href="{{route('setCityStatus', ['id' => $key->id, 'status' => 'new'])}}" class="btn btn-danger">Disable</a>
                                 @endif
                              @endif
                              @if($key->status === 'new')
                                 @if(isset($permissions) && isset($permissions['city_active_button']) && $permissions['city_active_button']==1) 
                                    <a href="{{route('setCityStatus', ['id' => $key->id, 'status' => 'active'])}}" class="btn btn-success">Active</a>
                                 @endif
                              @endif
                           </td>
                           <td>{{$key->name}} ({{$key->users_count}})</td>
                           <td>{{$key->status}}</td>
                           <td><input type="radio" name="resolvedWith" id="resolvedWith" value="{{$key->id}}"></td>
                           <td><input type="checkbox" class="ResolveAble" name="ResolveAble[]" name="ResolveAble" value="{{$key->id}}"></td>
                        </tr>
                        @endforeach
                     </tbody>
                  </table>
                  <hr>
                  <span>Page No. <b>{{$cities->currentPage()}}</b></span>
                  <span>Total <b>{{$cities->total()}}</b> entries</span>
                  <span class="float-right">{{$cities->links()}}<span>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>

<script type="text/javascript">
   function getCities() {
      country_id = document.getElementById('country_id').value;
      window.location.href = '/administrator/compare-city-record/' + country_id;
   }
   $(document).ready(function() {
      $(document).on("click", "#resolve" , function() {
         var resolvedWith = $(':radio:checked').val();
         // console.log(resolvedWith);
         var ResolveAble = [];
         $(':checkbox:checked').each(function(i){
            ResolveAble[i] = $(this).val();
        });
         window.location = '/administrator/city-correction?resolvedWith='+resolvedWith+'&ResolveAble='+ResolveAble;
      });
   });

</script>
@stop