@extends('dashboard.layout.layout')

@section('content')
<div class="card border-info bg-transparent">
    <div class="card-header header-elements-inline">
        <h5 class="card-title">{!! trans('dashboard.driver.drivers') !!}</h5>
        <div class="header-elements">
            <div class="list-icons">
                @if ($driver_count)
                <a class="btn btn-primary mr-1 mb-1 waves-effect waves-light text-white" onclick="notify('all','{{ route('dashboard.notification.store') }}','driver')">
                    <i class="feather icon-bell"></i>
                    {{ trans('dashboard.notification.add_notification') }}
                </a>
                @endif


                <a class="btn btn-primary mr-1 mb-1 waves-effect waves-light" href="{{ route('dashboard.driver.create') }}">
                    <i class="feather icon-plus"></i>
                    {{ trans('dashboard.driver.add_driver') }}
                </a>

            </div>
        </div>
    </div>

    <div class="card-body">

        <div class="table-responsive">
            <table class="table table-bordered datatable-new-ajax table-hover-animation">
                <thead>
                    <tr class="text-center">
                        <th>#</th>
                        <th>{!! trans('dashboard.general.image') !!}</th>
                        <th>{!! trans('dashboard.general.name') !!}</th>
                        <th>{!! trans('dashboard.general.email') !!}</th>
                        <th>{!! trans('dashboard.general.phone') !!}</th>
                        <th>{!! trans('dashboard.driver.vehicle_number') !!}</th>
                        <th>{!! trans('dashboard.order.order_count') !!}</th>
                        <th>{!! trans('dashboard.general.added_date') !!}</th>
                        <th><i class="feather icon-zap"></i></th>
                    </tr>
                </thead>
                <tbody class="text-center">

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

    </div>
</div>
@include('dashboard.layout.delete_modal')
@include('dashboard.layout.notify_modal')
@endsection
@section('vendor_styles')
<link rel="stylesheet" type="text/css" href="{{ asset('dashboardAssets') }}/vendors/css/tables/datatable/datatables.min.css">
@endsection

@section('page_styles')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />

<style media="screen">
    .toggle-switch .custom-control-label:before {
        background-color: #666b81 !important;
    }
</style>
@endsection
@include('dashboard.driver.scripts')