@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" id="country_id">
                            @foreach($countries as $key)
                            <option value="{{$key->id}}" {{($key->id == $id)?'selected':''}}>{{$key->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
               <form method="post" action="{{route('citiesStore')}}" class="d-inline">
               @csrf
                  <div class="row mt-3">
                     <!-- <div class="col-md-4"><h6 class="card-title">Cities List</h6></div> -->
                  
                     <div class="col-md-2">
                     @if(isset($permissions) && isset($permissions['select_all_cities_button']) && $permissions['select_all_cities_button']==1)  

                        <input class="checkbox mt-2" type="checkbox" id="checkAll" > Select All
                     @endif
                     </div>
                     <div class="col-md-4">
                        <select class="form-control" id="status" name="status" required>
                           <option value="active">Active</option>
                           <option value="new">Inactive</option>
                        </select>
                     </div>
                     <div class="col-md-2">
                     @if(isset($permissions) && isset($permissions['city_save_button']) && $permissions['city_save_button']==1)  
                        <input class="btn btn-info text-white mt-1" type="submit" value="Save">
                     @endif
                     </div>
                  </div>
                  <div class="table-responsive">
                     <table id="" class="table">
                        <thead>
                           <tr>
                              <th>#</th>
                              <th>City</th>
                              <th>Status</th>
                           </tr>
                        </thead>
                        <tbody>
                           @foreach($data as $key)
                           <tr>
                              <td><input type="checkbox" id="checkItem" name="id[]" value="{{$key->id}}"></td>
                              <td>{{$key->name}}</td>
                              <td>{{$key->status}}</td>
                           </tr>
                           @endforeach
                        </tbody>
                     </table>
                     <span>Page No. <b>{{$data->currentPage()}}</b></span>
                     <span>Total <b>{{$data->total()}}</b> entries</span>
                     <span class="float-right">{{$data->links()}}<span>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
   <script type="text/javascript">
    $(document).ready(function() {
      $('#checkAll').click(function () {    
         $('input:checkbox').prop('checked', this.checked);    
      });
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    $('#country_id').change(function(){
        country_id = $('#country_id').val();
        console.log(country_id);
         window.location = '/administrator/cities-list/'+country_id;
      });
  });

</script>
@stop