@extends('admin.layout.app')
@section('style')
@endsection
@section('header')
<!-- Page title -->

<li>
    <div class="add-btn">
        <a href="{{ url('/dashboard/zones/create') }}" type="button"
            class="btn btn-custom btn-rounded waves-effect waves-light w-md m-b-5"> <i class="fa fa-check"></i> اضافة
        </a>
    </div>
</li>

@endsection
@section('content')


{{--  <div class="row">

    <div class="col-sm-12">
        <div class="card-box">
            <form action="" method="get">
                @csrf  --}}
{{--  <div class="row">  --}}
{{--  <div class="col-md-12 part-top">
                        <div class="row">

                        </div>
                    </div>  --}}


{{--  <div class="col-md-12">
                        <div class="row">  --}}

{{--  

                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="name"
                                                value="{{(array_key_exists('name', $search))? $search['name'] : ''}}"
class="form-control" placeholder="كلمات البحث ">
</div>
</div>

</div>
</div>


<div class="col-md-2">
    <div class="form-horizontal m-b-15">
        <button type="button"
            onclick="$(this).closest('form').find('#excel').remove(); $(this).closest('form').submit();"
            class="btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i class="fa fa-search"></i>
            بحث</button>
    </div>
</div>
<div class="col-md-2">
    <div class="form-horizontal">
        <button type="button" target="_blank"
            onclick="$(this).closest('form').prepend(`<input name='excel' id='excel' type='hidden' value='1' />`); $(this).closest('form').submit();"
            class="btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10">تصدير لExcel</button>

    </div>
</div>

<div class="col-md-2">
    <div class="form-horizontal">
        <a href="{{url('/dashboard/drivers')}}"
            class="btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i class="fa fa-trash"></i>
            مسح خيارات البحث</a>
    </div>
</div>

</div>
</div>
</div> --}}
{{--  </form>
        </div>
    </div>
</div>  --}}



<div class="row">

    <div class="col-sm-12">
        <div class="card-box text-left">
            <div class="row">
                <div class="col-lg-12">
                    <div class="box-tebal">
                        <div class="title">
                            {{-- <h4><i class="fa fa-list" aria-hidden="true"></i>قائمه السيارات </h4> --}}
                        </div>
                        <div role="tabpanel" class="tab-pane " style="overflow: hidden;">
                            <table id="datatable-buttons" class="table table-striped table-bordered">
                                <thead>
                                    <tr>
                                        {{--  'name_ar' , 'name_en' , 'parent', 'latitude', 'longitude', 'address',  --}}

                                        <th>#</th>
                                        <th> الاسم </th>
                                        <th>العمليات</th>


                                    </tr>
                                </thead>

                                <tbody>
                                    @php
                                        $i = 1;
                                    @endphp
                                    @foreach($cities as $item)

                                    <tr>
                                        <td>{{$i++}} </td>
                                        <td> {{$item->name}} </td>
                                        <td class="btns">
                                            <a href="/dashboard/zones/{{$item->id}}/edit" type="button"
                                                class="btn btn-info   waves-effect waves-light m-b-5 btn-xs"> <i
                                                    class="fa fa-pencil"></i> تعديل </a>
                                            <a href="{{route('zones.destroy',$item)}}" id="delete-btn" type="button"
                                                class="btn btn-danger   waves-effect waves-light m-b-5 btn-xs"> <i
                                                    class="fa fa-times"></i> حذف </a>

                                        </td>

                                    </tr>
                                    @endforeach




                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div><!-- end col -->
</div>
<!-- end row -->
<div class="col-sm-12">

</div>
@endsection
@section('script')

@endsection