@extends('admin.app')
@section('title') Driver List @endsection
@section('styles') 
@endsection
@section('content')
<div class="product-status mg-b-30">
    <div class="container-fluid">
        <div class="row dataList">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: left;">
                <div class="product-status-wrap">
                    <h4 class="heading_h4" style="margin-left: 10px;"><i class="fas fa-hotel"></i> Driver List</h4>
                
                    <!--<div class="row dataRow">-->
                    <!--    <div class="col-4">-->
                    <!--        <select class="form-control">-->
                    <!--            <option>The current Orders</option>-->
                    <!--            <option>Completed Orders</option>-->
                    <!--            <option>All</option>-->
                    <!--        </select>-->
                    <!--    </div>-->
                    <!--    <div class="col cp_iptxt">-->
                    <!--        <input type="search" style="width: 14em;" class="cp_iptxt" placeholder="Search" name="search" id="search" >-->
                    <!--        <i class="fas fa-search" style="left: 15px"></i>-->
                    <!--        <button class="btn btn-primary" style="padding: 0.5rem; font-size: small;">Search</button>-->
                    <!--        <button class="btn btn-primary" style="padding: 0.5rem; font-size: small; margin-left: 10px;" data-bs-toggle="modal" data-bs-target="#filterModal">Filter</button>-->
                    <!--    </div>-->
                    <!--</div>-->

                    <table id="driverListTable">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Mobile</th>
                            <th>City</th>
                            <th>Visa Type</th>
                            <th>Vehicle Availability</th>
                            <th>Vehicle Model</th>
                            <th>Transporter Type</th>
                            <th>Update Date Time</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                            @foreach($list as $driver)
                            <tr>
                                <td>{{ $driver->driver_first_name }} {{ $driver->driver_last_name }}</td>
                                <td>{{ $driver->email }}</td>
                                <td>{{ $driver->driver_phone }}</td>
                                <td>{{ $driver->driver_city }}</td>
                                <td>{{ $driver->driver_visa_status }}</td>
                                <td>@if($driver->driver_vehicle_owner) Yes @else No @endif</td>
                                <td>{{ $driver->driver_vehicle_num }}</td>
                                <td>{{ $driver->driver_transport_type }}</td></td>
                                <td>{{ $driver->created_at }}</td></td>
                                <td>
                                    <a href="{{ route('admin.drivers.edit', $driver) }}" class="orders icons" ><i class="fas fa-edit"></i></a>
                                    <a href="{{ route('admin.drivers.password.edit', $driver) }}" class="orders icons" ><i class="fas fa-key"></i></a>
                                    <a onclick="event.preventDefault(); swalDelete('#delete-form-{{$driver->driver_id}}')" class="orders icons"><i class="fas fa-trash-alt"></i></a>
                                    <form id="delete-form-{{$driver->driver_id}}" action="{{ route('admin.drivers.delete', $driver) }}" method="POST">
                                        @csrf
                                        @method('DELETE')
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
    
@push('scripts')
<script>
$(document).ready( function () {
    $('#driverListTable').DataTable();
} );

function swalDelete(form_id) {
    Swal.fire({
      title: 'Are you sure?',
      text: "You won't be able to revert driver!",
      icon: 'warning',
      showCancelButton: true,
      confirmButtonText: 'Yes, Delete driver!',
      customClass: {
        confirmButton: 'btn btn-primary',
        cancelButton: 'btn btn-outline-danger ms-1'
      },
      buttonsStyling: false
    }).then(function(result) {
      if (result.value) {
        $(form_id).submit();

        Swal.fire({
          icon: 'success',
          title: 'Deleted!',
          text: 'Driver has been deleted.',
          customClass: {
            confirmButton: 'btn btn-success'
          }
        });

      } else if (result.dismiss === Swal.DismissReason.cancel) {
        Swal.fire({
          title: 'Cancelled',
          text: 'Cancelled Delete :)',
          icon: 'error',
          customClass: {
            confirmButton: 'btn btn-success'
          }
        });
      }
    });
};
</script>
@endpush