@extends('admin.layout.app')
@section('style')
@endsection
@section('header')
<!-- Page title -->
<ul class="nav navbar-nav navbar-left">
    <li>
        <button class="button-menu-mobile  ">
            <i class="zmdi zmdi-menu"></i>
        </button>
    </li>
    <li>
        <h4 class="page-title">
            عرض السائقين </h4>
    </li>
</ul>
<ul class="nav navbar-nav navbar-right">
    <li> 
        <div class="add-btn">
            <a href="{{ url('/dashboard/drivers/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>
</ul>
@endsection
@section('content')


                <!-- Page-Title -->
               

<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', 'username', 'password', 'email' , 'ssn' ,'city_id' , 'phone' , 'lat' , 'long' , 'address' , 'gender' ,
        'balance' , 'water_type' , 'price' , 'rate' , 'status' , 'online' , 'verified' , 'ip' ,
        'firbase_token' , 'details' , 'remember_token', 'lang', 'verify_code', 'image',  --}}
                                                                
                                                                <th>#</th>
                                                                {{--  <th>   	الاسم   </th>  --}}
                                                                <th>    الاسم 	   </th>
                                                                <th>   رقم الهوية </th>  
                                                                <th> البريد الإلكترونى   </th>
                                                                {{--  <th>  المدينه</th>  --}}
                                                                <th>  رقم الجوال</th>
                                                                <th>   العنوان  </th>
                                                                <th>      النوع</th>
                                                                <th>      التفاصيل</th>
                                                                {{--  <th>      الصوره</th>  --}}
                                                                <th>      الحاله</th>
                                                                <th>      السعر</th>
                                                                <th>      نوع الماء</th>
                                                                <th>عمليات</th>
                                                              
        
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($drivers as $item)
                                                            <tr>
                                                                <td>{{$item->id}} </td>
                                                                {{--  <td>{{$item->name}} </td>  --}}
                                                                <td>{{$item->username}} </td>
                                                                <td>{{$item->ssn}} </td>
                                                                <td>{{$item->email}} </td>
                                                                {{--  <td>{{$item->City()->name_ar}} </td>  --}}
                                                                <td>{{$item->phone}} </td>
                                                                <td>{{$item->address}} </td>
                                                                <td>{{$item->gender}} </td>
                                                                <td>{{$item->details}} </td>
                                                                {{--  <td>{{$item->image}} </td>  --}}
                                                                <td>{{$item->status}} </td>
                                                                <td>{{$item->price}} </td>
                                                                <td>{{$item->water_type}} </td>
                                                                <td class="btns">
                                                                
                                                                    <a href="/dashboard/drivers/{{$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('drivers.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>
                                                                    <a href="{{route('drivers.show',$item->id)}}" ><i class="fa fa-eye  m-r-10" style="color: #188ae2;"></i> عرض</a>
                                                               
                                                                </td>
                                                            </tr>
                                                                
                                                            @endforeach
                                                            
                                                        
        
                                                            
                                                            
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        
                    </div><!-- end col -->
                </div>
                <!-- end row -->
                <div class="col-sm-12">
                      
                    </div>

                <div id="modal-delete" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="custom-width-modalLabel" aria-hidden="true">
                    <div class="modal-dialog" style="width:55%;">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h4 class="modal-title" id="custom-width-modalLabel">هل تريد الحذف </h4>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">إلغاء الامر</button>
                                <button type="button" class="btn btn-primary buunton-notofication waves-effect waves-light" data-type="success"  data-message="تم الحذف">حذف</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                </div>

                <div id="info-modal" class="modal fade in" tabindex="-1" role="dialog" aria-labelledby="custom-width-modalLabel" aria-hidden="true">
                    <div class="modal-dialog" style="width:55%;">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h4 class="modal-title" id="custom-width-modalLabel">بيانات العميل </h4>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-12" id="client-info-box">
                                        {{--  --}}
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                </div>
                                                    
                                            
@endsection
@section('script')


        <script type="text/javascript">
            // $('#datatable-0, #datatable-1, #datatable-2, #datatable-3, #datatable-4').DataTable( {
            //     "bLengthChange" : false, //thought this line could hide the LengthMenu
            //     "bInfo":false,  
            // } );
            
            // $('.buunton-notofication').on('click',function(){
            //     var type = $(this).data('type');     
            //     var message = $(this).data('message');     
            //     switch(type){
            //         case 'error' : toastr.error(message);  break;
            //         case 'success' : toastr.success(message);  break;
            //         case 'info' : toastr.info(message);  break;
            //         case 'warning' : toastr.warning(message);  break; 
            //     }
            //     return false;
            // });
            // TableManageButtons.init();

            $(document).on('click', '.client-info', function(){
                $.get( "{{url('/dashboard/user-info')}}" + "/" + $(this).attr('data-id'), function( data ) {
                    $('#client-info-box').html(data);
                });
            });
        </script>
@endsection