@extends("layouts.admin.app")
@section("page-title")
    {{__("Drivers")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("Drivers")}}</h1>
            <p>{{__("All Requests Join")}}</p>
        </div>

        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Requests Join")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Drivers")}}</a></li>

        </ul>
    </div>
@endsection
<style>
    .download-links-box{
        text-align: -webkit-center;
    }
    .image{
        width: 100%;
        height: 50%;
    }
</style>
@section("content")
    @include("includes.dialog")

    <div class="row">
        <div class="col-12">
            @include("admin.drivers.parts.filter")
        </div>
        @if(isPermissionsAllowed("control-drivers"))
            <div class="col-lg-6">
                <div class="buttons-group">
                    <a href="{{route("admin.driver.create")}}" class="btn btn-primary"><i class="fas fa-plus"></i> {{__("Create Driver")}}</a>
                </div>
            </div>
            <div class="col-lg-6 p-3 text-right">
                <form action="{{route("admin.driver.excel")}}" method="post"  id="form-excel">
                    @csrf
                    <input type="hidden" name="status" value="0">
                    <span  class="download-excel btn btn-primary"><i class="far fa-fw fa-lg  fa-file-excel text-left"></i> {{__("Export As Excel")}}</span>
                </form>
            </div>
        @endif
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered text-center" id="sampleTable">
                            <thead>
                            <tr>
{{--                                <th>{{__("ID")}}</th>--}}
                                <th>{{__("Serial Number")}}</th>
                                <th>{{__("Name Driver")}}</th>
                                <th>{{__("Username")}}</th>
                                <th>{{__("First Password")}}</th>
                                <th>{{__("Phone Number")}}</th>
                                <th>{{__("Type Car")}}</th>
{{--                                <th>{{__("Car Model")}}</th>--}}
                                <th>{{__("Car Number")}}</th>
                                <th>{{__("Residence No. / ID No.")}}</th>
                                <th>{{__("Created at")}}</th>
                                <th>{{__("Attachment")}}</th>
                                @if(isPermissionsAllowed("control-drivers"))
                                    <th>{{__("Control")}}</th>
                                @endif
                            </tr>
                            </thead>
                            <tbody>
                                                        @foreach($drivers as $driver)
                                <tr>
{{--                                    <td>{{$driver->id}}</td>--}}
                                    <td>{{$serial_number++}}</td>
                                    <td>{{$driver->full_name}}</td>
                                    <td>{{$driver->technician->username}}</td>
                                    <td>{{$driver->technician->first_password}}</td>
                                    <td>{{$driver->technician->phone_number}}</td>
                                    <td>{{$driver->technician->getService()}}</td>
{{--                                    <td>{{$driver->technician->carModel->name}}</td>--}}
                                    <td>{{$driver->technician->car_number . " " . $driver->technician->car_number_character}}</td>
                                    <td>{{$driver->technician->residency_number}}</td>
                                    <td>{{$driver->created_at->diffForHumans()}}</td>
                                    <td>
                                        @if($driver->technician->getFirstMediaFile("driving_license_photo") || $driver->technician->getFirstMediaFile("passport_photo") || $driver->technician->getFirstMediaFile("form_image") || $driver->technician->getFirstMediaFile("residence_photo") || $driver->technician->getFirstMediaFile("car_photo"))
                                            <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#Attachment{{$driver->id}}">
                                                {{__('View')}}
                                            </button>
                                            <!-- Modal -->
                                            <div class="modal fade" id="Attachment{{$driver->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-xl">
                                                    <div class="modal-content" style="height: 800px;overflow-y: auto;">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">{{__('Attachments')}}</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body mt-2 mb-2" >
                                                            <div class="links-box">
                                                                <div class="row">
                                                                    @if($driver->technician->getFirstMediaFile("driving_license_photo"))
                                                                        <div class="col-lg-4">
                                                                            <div class="download-links-box">
                                                                                <div class="image">
                                                                                    <img src="{{$driver->technician->getFirstMediaFile("driving_license_photo") ? $driver->technician->getFirstMediaFile("driving_license_photo")->url : Null}}" width="100%" height="100%">
                                                                                </div>
                                                                                <div class="mb-3 mt-3">{{__("Driving License Photo")}}</div>
                                                                                <a href="{{$driver->technician->getFirstMediaFile("driving_license_photo") ? $driver->technician->getFirstMediaFile("driving_license_photo")->url : Null}}" class="btn btn-primary" download="">{{__("Download")}}</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    @if($driver->technician->getFirstMediaFile("passport_photo"))
                                                                        <div class="col-lg-4">
                                                                            <div class="download-links-box">
                                                                                <div class="image">
                                                                                    <img src="{{$driver->technician->getFirstMediaFile("passport_photo") ? $driver->technician->getFirstMediaFile("passport_photo")->url : Null}}" width="100%" height="100%">
                                                                                </div>
                                                                                <div class="mb-3 mt-3">{{__("Passport Photo")}}</div>
                                                                                <a href="{{$driver->technician->getFirstMediaFile("passport_photo") ? $driver->technician->getFirstMediaFile("passport_photo")->url : Null}}" class="btn btn-primary" download="">{{__("Download")}}</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    @if($driver->technician->getFirstMediaFile("form_image"))
                                                                        <div class="col-lg-4">
                                                                            <div class="download-links-box">
                                                                                <div class="image">
                                                                                    <img src="{{$driver->technician->getFirstMediaFile("form_image") ? $driver->technician->getFirstMediaFile("form_image")->url : Null}}" width="100%" height="100%">
                                                                                </div>
                                                                                <div class="mb-3 mt-3">{{__("Form Image")}}</div>
                                                                                <a href="{{$driver->technician->getFirstMediaFile("form_image") ? $driver->technician->getFirstMediaFile("form_image")->url : Null}}" class="btn btn-primary" download="">{{__("Download")}}</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    @if($driver->technician->getFirstMediaFile("residence_photo"))
                                                                        <div class="col-lg-4">
                                                                            <div class="download-links-box">
                                                                                <div class="image">
                                                                                    <img src="{{$driver->technician->getFirstMediaFile("residence_photo") ? $driver->technician->getFirstMediaFile("residence_photo")->url : Null}}" width="100%" height="100%">
                                                                                </div>
                                                                                <div class="mb-3 mt-3">{{__("Residence Photo")}}</div>
                                                                                <a href="{{$driver->technician->getFirstMediaFile("residence_photo") ? $driver->technician->getFirstMediaFile("residence_photo")->url : Null}}" class="btn btn-primary" download="">{{__("Download")}}</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    @if($driver->technician->getFirstMediaFile("car_photo"))
                                                                        <div class="col-lg-4">
                                                                            <div class="download-links-box">
                                                                                <div class="image">
                                                                                    <img src="{{$driver->technician->getFirstMediaFile("car_photo") ? $driver->technician->getFirstMediaFile("car_photo")->url : Null}}" width="100%" height="100%">
                                                                                </div>
                                                                                <div class="mb-3 mt-3">{{__("Car Photo")}}</div>
                                                                                <a href="{{$driver->technician->getFirstMediaFile("car_photo") ? $driver->technician->getFirstMediaFile("car_photo")->url : Null}}" class="btn btn-primary" download="">{{__("Download")}}</a>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </td>
                                    @if(isPermissionsAllowed("control-drivers"))
                                        <td>
                                            <a href="{{route("admin.driver.edit", $driver->id)}}" class="control-link edit"><i class="fas fa-edit"></i></a>
                                        </td>
                                    @endif
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section("scripts")

    <!-- Data table plugin-->
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
    <script type="text/javascript">$('#sampleTable').DataTable({
            "order": [[ 0, "desc" ]]
        });</script>
    @if(session()->has("technician_register_info"))
        <script>
            $("#Register").modal('show')
        </script>
    @endif
    <script>
        $("#FilterButton").on("click", function (){
            let  url = $(this).data("url"),
                type = $("#type").val()
            url = type ? `${url}/${type}` : url;
            window.location = url
        });
    </script>
    <script type="text/javascript">
        $(".download-excel").click(function (e){
            e.preventDefault();

            let status = $("#status-filter option:selected").data("value");


            $(this).siblings("input[name='status']").val(status);


            $("#form-excel").submit();

        });
    </script>
    <script type="module" src="{{asset("assets/js/pages/technicians.js")}}"></script>

@endsection