@extends('layouts.app')



@section('content')



<div class="page-wrapper">

    <div class="row page-titles">

        <div class="col-md-5 align-self-center">

            <h3 class="text-themecolor">{{trans('lang.approved_drivers')}}</h3>

        </div>



        <div class="col-md-7 align-self-center">

            <ol class="breadcrumb">

                <li class="breadcrumb-item">

                    <a href="{{url('/dashboard')}}">{{trans('lang.dashboard')}}</a>

                </li>

                <li class="breadcrumb-item active">

                    {{trans('lang.driver_plural')}}

                </li>

            </ol>

        </div>

        <div>

        </div>

    </div>



    <div class="container-fluid">
        <div class="admin-top-section">
            <div class="row">
                <div class="col-12">
                    <div class="d-flex top-title-section pb-4 justify-content-between">
                        <div class="d-flex top-title-left align-self-center">

                        </div>
                        <form action="{{ route('drivers.approved') }}" method="get" id="filterForm">
                            <div class="d-flex top-title-right align-self-center">
                                <div class="select-box pl-3">
                                    <select class="form-control status_selector filteredRecords" name="status_selector">
                                        <option value="">{{trans("lang.status")}}</option>
                                        <option value="active" {{isset($_GET['status_selector']) && $_GET['status_selector'] =='active' ? 'selected ':'' }}>{{trans("lang.active")}}</option>
                                        <option value="inactive" {{isset($_GET['status_selector']) && $_GET['status_selector'] =='inactive' ? 'selected' :'' }}>{{trans("lang.in_active")}}</option>
                                    </select>
                                </div>
                                <div class="select-box pl-3">
                                    <input type="text" placeholder="dd-mm-yyyy" class="form-control filteredRecords" id="daterange" name="daterange" value="{{ request('daterange') }}" readonly />
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">

            <div class="col-12">

                <div class="card">

                    <div class="card-body">

                        <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">

                            {{trans('lang.processing')}}

                        </div>



                        <div class="userlist-topsearch d-flex mb-3">

                            <div class="userlist-top-left">

                                <a class="nav-link" href="{!! route('drivers.create') !!}"><i class="fa fa-plus mr-2"></i>{{trans('lang.drivers_create')}}</a>

                            </div>

                            <div id="users-table_filter" class="ml-auto">

                                <label>{{ trans('lang.search_by')}}

                                    <div class="form-group mb-0">

                                        <form action="{{ route('drivers.approved') }}" method="get">

                                            @if(isset($_GET['selected_search']) && $_GET['selected_search'] != '')

                                            <select name="selected_search" id="selected_search" class="form-control input-sm">

                                                <option value="prenom" @if ($_GET['selected_search']=='prenom' ) selected="selected" @endif>{{trans('lang.user_name')}}</option>



                                                <option value="phone" @if ($_GET['selected_search']=='phone' ) selected="selected" @endif>{{trans('lang.user_phone')}}</option>



                                                <option value="email" @if ($_GET['selected_search']=='email' ) selected="selected" @endif>{{ trans('lang.email')}}</option>



                                            </select>

                                            @else

                                            <select name="selected_search" id="selected_search" class="form-control input-sm">

                                                <option value="prenom">{{trans('lang.user_name')}}</option>

                                                <option value="phone">{{trans('lang.user_phone')}}</option>

                                                <option value="email">{{ trans('lang.email')}}</option>

                                            </select>

                                            @endif

                                            <div class="search-box position-relative">

                                                @if(isset($_GET['search']) && $_GET['search'] != '')

                                                <input type="text" class="search form-control" name="search" id="search" value="{{$_GET['search']}}">

                                                @else

                                                <input type="text" class="search form-control" name="search" id="search">

                                                @endif

                                                <button type="submit" class="btn-flat position-absolute">

                                                    <i class="fa fa-search"></i>

                                                </button>

                                                <a class="btn btn-warning btn-flat" href="{{url('drivers/approved')}}">Clear</a>

                                            </div>

                                        </form>

                                    </div>

                                </label>

                            </div>

                        </div>

                        <div class="dropdown text-right">
                            <button class="btn btn-outline-primary dropdown-toggle" type="button" id="exportDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fas fa-download"></i> Export as
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="exportDropdown">
                                <li><a class="dropdown-item" href="{{ route('export.data', ['type' => 'excel', 'model' => 'Driver', 'is_verified' => '1']) }}">{{ trans("lang.export_excel") }}</a></li>
                                <li><a class="dropdown-item" href="{{ route('export.data', ['type' => 'pdf', 'model' => 'Driver', 'is_verified' => '1']) }}">{{ trans("lang.export_pdf") }}</a></li>
                                <li><a class="dropdown-item" href="{{ route('export.data', ['type' => 'csv', 'model' => 'Driver', 'is_verified' => '1']) }}">{{ trans("lang.export_csv") }}</a></li>
                            </ul>
                        </div>

                        <div class="table-responsive m-t-10">

                            <table id="example24" class="display nowrap table table-hover table-striped table-bordered table table-striped" cellspacing="0" width="100%">

                                <thead>

                                    <tr>

                                        <th class="delete-all"><input type="checkbox" id="is_active"><label class="col-3 control-label" for="is_active"><a id="deleteAll" class="do_not_delete" href="javascript:void(0)"><i class="fa fa-trash"></i> All</a></label></th>

                                        <th>{{trans('lang.extra_image')}}</th>

                                        <th>{{trans('lang.driver_name')}}</th>

                                        <!-- <th>{{trans('lang.approval_status')}}</th> -->

                                        <th>{{trans('lang.documents')}}</th>

                                        <th>{{trans('lang.email')}}</th>

                                        <th>{{trans('lang.user_phone')}}</th>

                                        <th>{{trans('lang.vehicle_type')}}</th>

                                        <th>{{trans('lang.total_ride')}}</th>

                                        <th>{{trans('lang.wallet_history')}}</th>

                                        <th>{{trans('lang.status')}}</th>

                                        <th>{{trans('lang.actions')}}</th>

                                    </tr>

                                </thead>

                                <tbody id="append_list12">

                                    @if(count($drivers) > 0)

                                    @foreach($drivers as $driver)



                                    <tr>

                                        <td class="delete-all"><input type="checkbox" id="is_open_{{$driver->id}}" class="is_open" dataid="{{$driver->id}}"><label class="col-3 control-label" for="is_open_{{$driver->id}}"></label></td>



                                        @if (file_exists(public_path('assets/images/driver'.'/'.$driver->photo_path)) && !empty($driver->photo_path))

                                        <td><img class="rounded" style="width:50px" src="{{asset('assets/images/driver').'/'.$driver->photo_path}}" alt="image"></td>

                                        @else

                                        <td><img class="rounded" style="width:50px" src="{{asset('assets/images/placeholder_image.jpg')}}" alt="image"></td>

                                        @endif



                                        <td><a href="{{route('driver.show', ['id' => $driver->id])}}"> {{ $driver->prenom}} {{ $driver->nom}}</a></td>



                                        <td><a href="{{route('driver.documentView', ['id' => $driver->id])}}"><i class="fa fa-file-text"></i></a></td>

                                        <td>{{ $driver->email}}</td>

                                        <td>{{ $driver->phone}}</td>

                                        <td>{{$driver->libelle}}</td>

                                        
                                        <td>@foreach($totalRide as $ride)

                                            @if($ride->id_conducteur==$driver->id)

                                            
                                            @endif

                                            @endforeach

                                            <a href="{{route('rides.all',['id'=>$driver->id])}}">1</a>

                                        </td>

                                        <td><a href="{{route('walletstransactions.driver',['id'=>$driver->id])}}">{{trans("lang.wallet_history")}}</a></td>



                                        <td>@if ($driver->statut=="yes") <label class="switch"><input type="checkbox" checked id="{{$driver->id}}" name="isActive"><span class="slider round"></span></label>

                                            @else <label class="switch"><input type="checkbox" id="{{$driver->id}}" name="isActive"><span class="slider round"></span></label><span>

                                                @endif

                                        </td>



                                        <td class="action-btn">

                                            <a data-toggle="dropdown" data-original-title="View détails">

                                                <i class="fa fa-eye"></i></a>

                                            <a href="{{route('drivers.edit', ['id' => $driver->id])}}"><i class="fa fa-edit"></i></a><a id="'+val.id+'" class="delete-btn" name="user-delete" href="{{route('driver.delete', ['id' => $driver->id])}}"><i class="fa fa-trash"></i></a>



                                            <ul class="dropdown-menu">

                                                <li><a href="{{route('driver.show', ['id' => $driver->id])}}">View détails</a></li>

                                                <li><a href="{{route('driver.documentView', ['id' => $driver->id])}}">Approved</a></li>

                                            </ul>



                                        </td>

                                    </tr>

                                    @endforeach

                                    @else

                                    <tr>
                                        <td colspan="11" align="center">{{trans("lang.no_result")}}</td>
                                    </tr>

                                    @endif

                                </tbody>

                            </table>



                            <nav aria-label="Page navigation example" class="custom-pagination">

                                {{$drivers->appends(request()->query())->links()}}



                            </nav>

                            {{ $drivers->links('pagination.pagination') }}

                        </div>



                    </div>



                </div>



            </div>



        </div>



    </div>

</div>



</div>

</div>



@endsection



@section('scripts')



<script type="text/javascript">
    $(document).ready(function() {

        $(".shadow-sm").hide();

    })

    $('.status_selector').select2({
        placeholder: '{{trans("lang.status")}}',
        minimumResultsForSearch: Infinity,
        allowClear: true
    });
    $('select').on("select2:unselecting", function(e) {
        var self = $(this);
        setTimeout(function() {
            self.select2('close');
        }, 0);
    });

    function setDate() {
        let initialDateRange = $('#daterange').val(); // Get the initial value from input

        $('#daterange').daterangepicker({
            autoUpdateInput: false,
            locale: {
                format: 'DD-MM-YYYY',
                cancelLabel: 'Clear'
            }
        });

        if (initialDateRange) {
            let dates = initialDateRange.split(' - ');
            $('#daterange').data('daterangepicker').setStartDate(dates[0]);
            $('#daterange').data('daterangepicker').setEndDate(dates[1]);
            $('#daterange').val(initialDateRange);
        }

        $('#daterange').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('DD-MM-YYYY') + ' - ' + picker.endDate.format('DD-MM-YYYY'));
            $('.filteredRecords').trigger('change');
        });

        $('#daterange').on('cancel.daterangepicker', function(ev, picker) {
            $(this).val('');
            $('.filteredRecords').trigger('change');
        });
    }

    setDate();

    $('.filteredRecords').change(async function() {
        $('#filterForm').submit();
    })


    $("#is_active").click(function() {

        $("#example24 .is_open").prop('checked', $(this).prop('checked'));



    });



    $("#deleteAll").click(function() {

        if ($('#example24 .is_open:checked').length) {



            if (confirm('{{trans("lang.selected_delete_alert")}}')) {

                var arrayUsers = [];

                $('#example24 .is_open:checked').each(function() {

                    var dataId = $(this).attr('dataId');

                    arrayUsers.push(dataId);



                });



                arrayUsers = JSON.stringify(arrayUsers);

                var url = "{{url('driver/delete', 'id')}}";

                url = url.replace('id', arrayUsers);



                $(this).attr('href', url);

            }

        } else {

            alert('{{trans("lang.select_delete_alert")}}');

        }

    });



    /* toggal publish action code start*/

    $(document).on("click", "input[name='isActive']", function(e) {

        var ischeck = $(this).is(':checked');

        var id = this.id;



        $.ajax({

            headers: {

                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

            },

            url: '../driver/switch',

            method: "POST",

            data: {
                'ischeck': ischeck,
                'id': id
            },

            success: function(data) {



            },

        });



    });



    /*toggal publish action code end*/
</script>



@endsection