@extends('admin.layout')
@section('title',__('Cities'))
@section('css')
  <!-- DATA TABLES -->
  <link href="{{URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.css')}}" rel="stylesheet" type="text/css" />
@endsection
@section('breadcrump')
  <h1>
    {{ __('Cities') }}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{_('Home')}}</a></li>
    <li><a href="{{ route('states.index') }}"><i class="fa fa-truck"></i> {{_('States')}}</a></li>
    <li class="active"><i class="fa fa-truck"></i> {{__('Cities')}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
        <div class="col-xs-12">
          <div class="box">
            <div class="box-header">
              <h3 class="box-title">{{$state->name}}</h3>
              <button type="button" class="btn btn-primary" onclick="create_city()" style="float:@if(app()->getLocale()=='ar') left @else right @endif">
                {{__('Create')}}
              </button>
            </div><!-- /.box-header -->
            <div class="box-body" style="overflow-x:auto">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>#</th>
                    <th>{{ __('Name arabic') }}</th>
                    <th>{{ __('Name english') }}</th>
                    <th>{{ __('Price') }}</th>
                    <th>{{ __('Active')}}</th>
                    <th>{{ __('Action') }}</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($cities as $city)
                    <tr>
                        <td>{{$city->id}}</td>
                        <td>{{$city->name_ar}}</td>
                        <td>{{$city->name_en}}</td>
                        <td>{{$city->price}}</td>
                        <td>
                            <label class="switch">
                              <input type="checkbox" name="active" @if($city->active) checked  @endif onclick="change_status('{{$city->id}}')">
                              <span class="slider round"></span>
                            </label>
                        </td>
                        <td>
                            <a class="btn btn-primary btn-sm" onclick="edit_city('{{$city}}')"><i class="fa fa-edit"></i></a>
                            <button type="button" class="btn btn-danger btn-sm" onclick="delete_city('{{$city->id}}')"><i class="fa fa-trash"></i></button>
                            <form method="POST" action="{{route('cities.destroy',$city->id)}}" id="delete-{{$city->id}}">
                              @csrf
                              @method('delete')
                            </form>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
              </table>
            </div><!-- /.box-body -->
          </div><!-- /.box -->
        </div><!-- /.col -->
      </div><!-- /.row -->
      @include('admin.pages.shipping.city_modal')
@endsection

@section('scripts')
  @include('admin.pages.shipping.city_js')
@endsection