@extends('adminlte::page')
@section('content')

@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>{{ $message }}</p>
</div>
@endif

<div class="card">
    <div class="card-header">
        <h3 class="card-title">Drivers </h3>
        @if(Auth::user()->user_type=='admin')
        <button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#drivers_import"
            style="margin-left: 5px;float:right">
            <i class="fa fa-download"></i> Import
        </button>
        <a href="/settings/drivers/export" class="btn btn-sm btn-info" style="float:right;margin-left:5px"><i
                class="fa fa-upload"></i> Export</a>
        <a href="/settings/drivers/create" class="btn btn-sm btn-success" style="float:right"><i class="fa fa-plus"></i>
            Create</a>
        @endif
    </div>
    <!-- /.card-header -->
    <div class="card-body">

        @if($drivers->count()>0)

        <table class="table datatables table-bordered table-striped">
            <thead>
                <td style="width:600px">Name</td>
                <td>First name</td>
                <td>Truck ID</td>
                <td style="width:200px">Type</td>
                <td>Email</td>
                <td>Vehicle ID</td>
                <td style="width:200px">Edit</td>
                @if(Auth::user()->user_type=='admin') <td style="width:200px">Delete</td> @endif
            </thead>
            <tbody>
                @foreach($drivers as $driver)
                <tr>
                    <td>{{$driver->name}}</td>
                <td>{{$driver->first_name}}</td>
                    <td>{{$driver->truck_id}}</td>
                    <td>{{$driver->type}}</td>
                    <td>{{$driver->email}}</td>
                    <td>{{$driver->vehicle_id}}</td>
                    <td><a href="{{Request::url()}}/{{$driver->id}}/edit" class="btn btn-warning">Edit</a></td>
                    @if(Auth::user()->user_type=='admin') <td>
                        <form action="{{ route('drivers.destroy',$driver->id) }}" method="POST">

                            @csrf
                            @method('DELETE')

                            <button type="submit" onclick="return confirm('Are you sure?')"
                                class="btn btn-danger">Delete</button>
                        </form>
                    </td> @endif
                </tr>
                @endforeach
            </tbody>

        </table>

        @else
        <p class="callout callout-info">There are no drivers defined yet!</p>
        @endif

    </div>
    <!-- /.card-body -->
</div>


<div class="modal fade" id="drivers_import">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="/settings/drivers/import" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h4 class="modal-title">Drivers import</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">

                    <label for="report">Report</label>
                    <input type="file" id="report" name="report" class="form-control" /> <br />
                    <input type="submit" class="btn btn-success" value="Import" />
                </div>
            </form>

        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>

@stop
@section('css')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">

@stop
@section('js')
<script>
    $(function () {
        $(".datatables").DataTable({
            "bAutoWidth": false,
            "paging": false,
            "searching": false,
            "bInfo": false
        });
    });

</script>
@stop