@extends('layouts.app')
@section('title')
{{ __('messages_301.Drivers') }}
@endsection
@section('style')

@endsection
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    @include('inc.breadcrumb', [
    'breadcrumb_items' => [
    __('messages.Home') => route('home'),
    __('messages_303.users') => null,
    __('messages_301.Drivers') => 'active',
    ],
    ])




    <div class="row">

        <div class="col-lg-4 col-sm-6">
            <div class="card card-border-shadow-primary h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-2">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-primary"><i
                                    class="ti ti-user-pin ti-28px"></i></span>
                        </div>
                        <h4 class="mb-0">{{ $counts['driver_counts'] }}</h4>
                    </div>
                    <p class="mb-1">{{ __('messages_301.Drivers count') }}</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card card-border-shadow-success h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-2">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-success"><i
                                    class="ti ti-user-bolt ti-28px"></i></span>
                        </div>
                        <h4 class="mb-0">{{ $counts['online_counts'] }}</h4>
                    </div>
                    <p class="mb-1">{{ __("messages.Online") }}</p>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-sm-6">
            <div class="card card-border-shadow-danger h-100">
                <div class="card-body">
                    <div class="d-flex align-items-center mb-2">
                        <div class="avatar me-4">
                            <span class="avatar-initial rounded bg-label-danger"><i
                                    class="ti ti-user-question ti-28px"></i></span>
                        </div>
                        <h4 class="mb-0">{{ $counts['pending_counts'] }}</h4>
                    </div>
                    <p class="mb-1">{{ __('messages_301.Drivers pending') }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="card mt-5">

        <div>

            <div class="row">
                <div class="col-12">
                    <div class=" mb-4">
                        <div class="card-body">
                            <div class="">

                                @if ($driver_name)
                                <span class="mt-3 badge bg-label-success mx-2"><i data-input_name="select_driver_id"
                                        class="ti ti-x cursor-pointer btn_remove_filter"></i>{{
                                    __('messages_301.Driver') }}
                                    : {{ $driver_name }}</span>
                                @endif

                                @if ($governorate_name)
                                <span class="mt-3 badge bg-label-success mx-2"><i
                                        data-input_name="select_governorate_id"
                                        class="ti ti-x cursor-pointer btn_remove_filter"></i>{{
                                    __('messages_301.Governorate') }}
                                    : {{ $governorate_name }}</span>
                                @endif

                                @if ($vehicle_type)
                                <span class="mt-3 badge bg-label-success mx-2"><i
                                        data-input_name="select_vehicle_type_id"
                                        class="ti ti-x cursor-pointer btn_remove_filter"></i>{{ __('messages_301.Vehicle
                                    types') }}
                                    : {{ $vehicle_type }}</span>
                                @endif



                                @if (request('online_status'))
                                <span class="mt-3 badge bg-label-success mx-2"><i data-input_name="select_online_status"
                                        class="ti ti-x cursor-pointer btn_remove_filter"></i>{{ __('messages.Status') }}
                                    : {{ ucfirst(request('online_status')) }}</span>
                                @endif

                                @if (request('rating'))
                                <span class="mt-3 badge bg-label-success mx-2"><i data-input_name="select_rating"
                                        class="ti ti-x cursor-pointer btn_remove_filter"></i>{{ __('messages.Rate') }}
                                    : {{ __('messages_301.Rating.' . request('rating')) }}</span>
                                @endif

                                @if (request('mobile_verified_at'))
                                <span class="mt-3 badge bg-label-success mx-2">
                                    <i data-input_name="select_mobile_verified"
                                        class="ti ti-x cursor-pointer btn_remove_filter"></i>
                                    {{ __('messages.Mobile Verified') }}:
                                </span>
                                @endif

                            </div>
                            <p class="demo-inline-spacing">
                            <div class="p-3 d-flex justify-content-between">
                                <a class="btn btn-primary me-1" data-bs-toggle="collapse" href="#collapseExample"
                                    role="button" aria-expanded="false" aria-controls="collapseExample">
                                    <i class="ti ti-adjustments-horizontal"></i>
                                </a>
                                {{-- <div class="btn-group" role="group" aria-label="Basic example">
                                    <a href="{{ route('admin.products.export') . $request_filter }}"
                                        class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.EXPORT
                                        XLS') }}<i class="fa-solid fa-file-export"></i></a> --}}

                                    <div class="btn-group" role="group" aria-label="Basic example">
                                        <a href="{{route('admin.drivers.create')}}"
                                            class="btn btn-outline-primary waves-effect text-primary">اضافة<i
                                                class="fa-solid fa-circle-plus"></i></a>
                                        <a href="{{ route('admin.drivers.export') }}"
                                            class="btn btn-outline-primary waves-effect text-primary">{{
                                            __('messages.EXPORT XLS')
                                            }}<i class="fa-solid fa-file-export"></i></a>

                                        <button type="button" class="btn btn-outline-primary">{{ __("messages.Select Actions") }}</button>
                                        <button type="button"
                                            class="btn btn-primary dropdown-toggle dropdown-toggle-split waves-effect waves-light"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                            <span class="visually-hidden"> </span>
                                        </button>
                                        <ul class="dropdown-menu" style="">
                                            <li>
                                                <a data-url="" data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                                    id="delete_select"
                                                    data-text_btn_cancel="{{ __('messages.Cancel') }}"
                                                    data-method="post"
                                                    data-message="{{ __('messages_301.Are you sure to delete the selected item ? knowing that you cannot undo this procedure ?') }}"
                                                    class="dropdown-item btn-action btn-check-delete"
                                                    href="javascript:void(0);">{{
                                                    __('messages.Delete') }}</a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>

                                </p>
                                <div class="collapse border border-dark rounded p-4" id="collapseExample">

                                    <form id="form_filter">
                                        <div class="row">


                                            <div class=" col-6 mt-4">
                                                <label class="mb-1">{{ __('messages_301.Driver') }}</label>
                                                <select name="driver_id" class="form-control select2 select_driver_id">
                                                    <option value="">--------</option>
                                                    @foreach ($drivers as $driver)
                                                    <option @selected(request('driver_id')==$driver->id) value="{{
                                                        $driver->id }}">
                                                        {{ $driver->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class=" col-6 mt-4">
                                                <label class="mb-1">{{ __('messages_301.Governorate') }}</label>
                                                <select name="governorate_id"
                                                    class="form-control select2 select_governorate_id">
                                                    <option value="">--------</option>
                                                    @foreach ($governorates as $governorate)
                                                    <option @selected(request('governorate_id')==$governorate->id)
                                                        value="{{ $governorate->id }}">
                                                        {{ $governorate->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class=" col-6 mt-4">
                                                <label class="mb-1">{{ __('messages_301.Vehicle types') }}</label>
                                                <select name="vehicle_type_id"
                                                    class="form-control select2 select_vehicle_type_id">
                                                    <option value="">--------</option>
                                                    @foreach ($types as $type)
                                                    <option @selected(request('vehicle_type_id')==$type->id) value="{{
                                                        $type->id }}">
                                                        {{ $type->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>


                                            <div class=" col-6 mt-4">
                                                <label class="mb-1">{{ __('messages.Status') }}</label>
                                                <select name="online_status"
                                                    class="form-control select2 select_online_status">
                                                    <option value="">--------</option>
                                                    <option @selected(request('online_status')=='online' )
                                                        value="online">Online</option>

                                                    <option @selected(request('online_status')=='offline' )
                                                        value="offline">
                                                        Offline</option>
                                                </select>
                                            </div>

                                            <div class=" col-6 mt-4">
                                                <label class="mb-1">{{ __('messages.Rate') }}</label>
                                                <select name="rating" class="form-control select2 select_rating">
                                                    <option value="">--------</option>
                                                    <option @selected(request('rating')=='1_to_2' ) value="1_to_2">
                                                        {{ __('messages_301.Rating.1_to_2') }}</option>
                                                    <option @selected(request('rating')=='2_to_3' ) value="2_to_3">
                                                        {{ __('messages_301.Rating.2_to_3') }}</option>
                                                    <option @selected(request('rating')=='3_to_4' ) value="3_to_4">
                                                        {{ __('messages_301.Rating.3_to_4') }}</option>
                                                    <option @selected(request('rating')=='+4' ) value="+4">
                                                        {{ __('messages_301.Rating.+4') }}</option>
                                                </select>
                                            </div>

                                            <div class="col-6 mt-4">
                                                <label class="mb-1">{{ __('messages.Mobile Verified') }}</label>
                                                <select name="mobile_verified_at"
                                                    class="form-control select2 select_mobile_verified">
                                                    <option value="">--------</option>
                                                    <option @selected(request('mobile_verified_at')=='verified' )
                                                        value="verified">{{ __('messages.Verified') }}</option>
                                                    <option @selected(request('mobile_verified_at')=='not_verified' )
                                                        value="not_verified">{{ __('messages.Not Verified') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-12">
                                                <button type="submit" class="btn btn-primary me-1 w-100">
                                                    {{ __('messages_301.Filter') }}<i
                                                        class="ti ti-adjustments-horizontal"></i>
                                                </button>
                                            </div>
                                        </div>

                                    </form>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="table-responsive text-nowrap">
                <table class="table">
                    <thead>
                        <tr>

                            <th>
                                <div class="form-check form-check-primary mt-3">
                                    <input class="form-check-input" type="checkbox" value="" id="selectAll">
                                    <label class="form-check-label" for="customCheckPrimary"></label>
                                </div>
                            </th>

                            <th>#</th>
                            <th>{{ __('messages_301.Photo') }}</th>
                            <th>{{ __('messages.Name') }}</th>
                            <th>{{ __('messages.Mobile') }}</th>
                            {{-- <th>{{ __('messages_303.mobile') }}</th> --}}
                            <th>{{ __('messages_301.Governorate') }}</th>
                            <th>{{ __('messages.Comment') }}</th>
                            <th>{{ __('messages_301.Documents status') }}</th>
                            {{-- <th>{{ __('messages_301.documents action') }}</th> --}}
                            <th>{{ __('messages_301.Wallet balance') }}</th>
                            <th>{{ __('messages_301.Vehicle data') }}</th>
                            {{-- <th>{{ __('messages.Date created') }}</th> --}}
                            <th>{{ __('messages.Actions') }}</th>
                        </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                        @php
                        $i = 1;
                        $skipCount = $data->perPage() * $data->currentPage() - $data->perPage();
                        @endphp
                        @include('inc.is_empty_data', [
                        'var_check_empty' => $data,
                        'var_check_empty_rows' => 11,
                        ])

                        @foreach ($data as $item)
                        <tr>
                            <th>
                                <div class="form-check form-check-primary mt-3">
                                    <input class="form-check-input rowCheckbox" type="checkbox" value="{{ $item->id }}">
                                    <label class="form-check-label" for="customCheckPrimary"></label>
                                </div>
                            </th>
                            <th>{{ $skipCount + $i }}</th>
                            @php $i++ @endphp

                            <td>
                                <div class="me-3">
                                    <div class="avatar avatar-{{ $item->is_online == 1 ? "online" : "offline" }}">
                                        <img src="{{ $item->image ? asset($item->image) : asset('default-images/user-image_.png') }}" alt="" class="rounded-circle">
                                    </div>
                                </div>
                            </td>
                            @can('show_driver')
                            <td width="100px">
                                <div class="flex-grow-1 row">
                                    <h6 class="mb-0">
                                        <a href="{{ route('admin.drivers.show', $item->id) }}">{{ $item->name }}</a>

                                    </h6>
                                </div>
                            </td>
                            @else
                            <td width="100px">
                                <div class="flex-grow-1 row">
                                    <h6 class="mb-0">
                                        {{ $item->name }}
                                    </h6>
                                </div>
                            </td>
                            @endcan

                            <td>
                                {{ $item->mobile_country_code . '' . $item->mobile }} 
                                 @if ($item->mobile_verified_at)
                                    <i class="ti ti-square-check text-success"></i>
                                 @else
                                    <i class="ti ti-square-x text-danger"></i>
                                 @endif
                            </td>


                            <td>
                                {{ $item->governorate?->name ?? "------" }}
                            </td>

                           
                            <td>
                                {{ Str::limit($item->comment ?? '', 20, '....') ?: '-----' }}
                            </td>
                            <td>

                                @if (in_array($item->id, $ids))
                                <span class="badge bg-label-warning me-1" style="width: 175px">{{
                                    __('messages_301.Waiiting for approve') }}</span>
                                @else
                                <span class="badge bg-label-success me-1" style="width: 175px">{{
                                    __('messages_301.Documents approved') }}</span>
                                @endif
                            </td>

                            {{-- <td>
                                <div class="btn-group" role="group">
                                    <!-- زرار القبول -->
                                    <button type="button" class="btn btn-sm btn-success accept-doc"
                                        data-id="{{ $item->id }}" data-toggle="modal" data-target="#actionModal">{{
                                        __('messages_301.approve doc') }}</button>

                                    <!-- زرار الرفض -->
                                    <button type="button" class="btn btn-sm btn-danger reject-doc"
                                        data-id="{{ $item->id }}" data-toggle="modal" data-target="#actionModal">{{
                                        __('messages_301.Rejected doc') }}</button>
                                </div>
                            </td> --}}

                            <td>
                                {{ $item->wallet }} EGP
                            </td>

                            <td>
                                @if ($item->vehicle_documents)
                                {{ $item->vehicle_documents?->type?->name . '-' .
                                $item->vehicle_documents?->vehicle_number }}
                                @else
                                -----
                                @endif
                            </td>
                            {{-- <td>
                                {{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d') }}
                            </td> --}}
                            <td>
                                <div class="dropdown">
                                    <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                        data-bs-toggle="dropdown">
                                        <i class="ti ti-dots-vertical"></i>
                                    </button>
                                    <div class="dropdown-menu">

                                        @can('show_driver')
                                        <a class="dropdown-item" href="{{ route('admin.drivers.show', $item->id) }}"><i
                                                class="ti ti-eye "></i>{{ __('messages_301.Show') }}</a>
                                        @endcan

                                        @can('show_driver')
                                        <a class="dropdown-item" href="{{ route('admin.drivers.edit', $item->id) }}"><i
                                                class="ti ti-pencil "></i>{{ __('messages.Edit') }}</a>
                                        @endcan

                                        @can('show_order')
                                        <a class="dropdown-item"
                                            href="{{ route('admin.drivers.orders', $item->id) }}"><i
                                                class="ti ti-car "></i>{{ __('messages_301.Orders') }}</a>
                                        @endcan


                                        @can('block_driver')
                                        @if ($item->is_block)
                                        <a data-url="{{ route('admin.drivers.unblock', $item->id) }}"
                                            data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                            data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="post"
                                            data-message="{{ __('messages.Are you sure to activate the account ?') }}"
                                            class="dropdown-item btn-action" href="javascript:void(0);"><i
                                                class="fa-solid fa-circle-check"></i>
                                            {{ __('messages.Activate the account') }}</a>
                                        @else
                                        <a data-url="{{ route('admin.drivers.block', $item->id) }}"
                                            data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                            data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="post"
                                            data-message="{{ __('messages.Are you sure the account is blocked ?') }}"
                                            class="dropdown-item btn-action" href="javascript:void(0);"><i
                                                class="fa-solid fa-ban "></i> {{ __('messages.Account ban') }}</a>
                                        @endif
                                        @endcan
                                        @can('block_driver')
                                        <a data-url="{{ route('admin.drivers.destroy', $item->id) }}"
                                            data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                            data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="delete"
                                            data-message="{{ __('messages.Are you sure to delete ?') }}"
                                            class="dropdown-item btn-action" href="javascript:void(0);"><i
                                                class="ti ti-trash "></i> {{ __('messages.Delete') }}</a>
                                        @endcan
                                        @can('verify_driver')
                                        @if ($item->mobile_verified_at)
                                        <a data-url="{{ route('admin.drivers.unverify', $item->id) }}"
                                            data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                            data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="post"
                                            data-message="{{ __('messages_301.Are you sure to unverify the email ? ') }}"
                                            class="dropdown-item btn-action" href="javascript:void(0);"><i
                                                class="fa-solid fa-ban "></i>
                                            {{ __('messages_301.Unverify account') }}</a>
                                        @else
                                        <a data-url="{{ route('admin.drivers.verify', $item->id) }}"
                                            data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                            data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="post"
                                            data-message="{{ __('messages_301.Are you sure to verify the email ? ') }}"
                                            class="dropdown-item btn-action" href="javascript:void(0);"><i
                                                class="fa-solid fa-circle-check"></i>
                                            {{ __('messages_301.Account verify') }}</a>
                                        @endif
                                        @endcan

                                        @if ($item->driver_location)
                                        <button type="button" class="map-driver dropdown-item" data-bs-toggle="modal"
                                            data-bs-target="#modalCenter" data-lat="{{ $item->driver_location?->lat }}"
                                            data-long="{{ $item->driver_location?->long }}"
                                            data-name="{{ $item->name }}"
                                            data-vehicle="{{ $item->vehicle_documents?->type?->image ? asset($item->vehicle_documents?->type?->image) : null }}">
                                            <i class="ti ti-map-pin "></i>{{ __('messages_301.Last location') }}
                                        </button>
                                        @endif

                                        @can('send_notification')
                                        <a class="dropdown-item"
                                            href="{{ route('admin.drivers.create.notify', $item->id) }}"><i
                                                class="ti ti-bell "></i>{{ __('messages_301.Notify') }}</a>
                                        @endcan


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

                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="m-3">
                    {{ $data->appends(Request::except(['_token']))->links() }}
                </div>

            </div>
        </div>
        <!--/ Basic Bootstrap Table -->

    </div>


    <div class="modal fade" id="modalCenter" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="col-xl-12">
                        <div class="row g-3">
                            <div id="map"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="actionModal" tabindex="-1" role="dialog" aria-labelledby="actionModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="actionModalLabel">{{ __('messages_301.documents action') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p id="actionMessage"></p>
                    <form id="actionForm" method="POST" action="" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="user_id" id="documentId">

                        <!-- الحقول الإضافية للـ Accept (كلها Nullable) -->
                        <div id="acceptFields" style="display: none;">
                            <div class="mb-3">
                                <label for="expire_date" class="form-label">تاريخ انتهاء الرخصة (اختياري):</label>
                                <input type="date" class="form-control" id="expire_date" name="expire_date">
                            </div>
                            <div class="mb-3">
                                <label for="vehicle_type_id" class="form-label">نوع المركبة (اختياري):</label>
                                <select class="form-control" id="vehicle_type_id" name="vehicle_type_id">
                                    <option value="">اختر نوع المركبة</option>
                                    @foreach ($types as $type)
                                    <option value="{{ $type->id }}">{{ $type->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="front_image" class="form-label">صورة الرخصة (أمامي - اختياري):</label>
                                <input type="file" class="form-control" id="front_image" name="front_image">
                            </div>
                            <div class="mb-3">
                                <label for="back_image" class="form-label">صورة الرخصة (خلفي - اختياري):</label>
                                <input type="file" class="form-control" id="back_image" name="back_image">
                            </div>
                            <div class="mb-3">
                                <label for="license_type" class="form-label">نوع الرخصة (اختياري):</label>
                                <select class="form-control" id="license_type" name="license_type">
                                    <option value="">اختر نوع الرخصة</option>
                                    <option value="driver">رخصة سائق</option>
                                    <option value="vehicle">رخصة مركبة</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="vehicle_number" class="form-label">رقم المركبة (اختياري):</label>
                                <input type="text" class="form-control" id="vehicle_number" name="vehicle_number">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
                    <button type="button" class="btn btn-primary" id="confirmAction">تأكيد</button>
                </div>
            </div>
        </div>
    </div>
    @endsection

    @section('script')
    @include('admin.users.drivers.includes.checkbox')
    <script
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAAOcn3r6DVavhuoPatQvNGg5kUuV1zAFo&callback=initMap&v=weekly&libraries=marker"
        defer></script>

    <script>
        $(function() {
            $('.select2').select2();

            $('.map-driver').click(function() {
                var lat = parseFloat($(this).data('lat'));
                var long = parseFloat($(this).data('long'));
                var name = $(this).data('name');
                var vehicle = $(this).data('vehicle');
                // تخزين الإحداثيات
                $('#modalCenter').on('shown.bs.modal', function() {
                    // تهيئة الخريطة عند فتح المودال
                    initMap(lat, long, name, vehicle ? vehicle : null);
                });
            });

            $('#modalCenter').on('shown.bs.modal', function() {
                google.maps.event.trigger(map, 'resize');
            });

            // دالة رسم الخريطة
        });

        function initMap(lat, long, name, vehicle = null) {
            var location = {
                lat: lat,
                lng: long
            };

            var map = new google.maps.Map(document.getElementById('map'), {
                center: location,
                zoom: 13,
            });
            const infoWindow = new google.maps.InfoWindow();

            const marker = new google.maps.Marker({
                position: location,
                map: map,
                title: name,

                icon: {
                    url: vehicle, // استبدل هذا بالمسار الصحيح لصورة السيارة
                    scaledSize: new google.maps.Size(40, 40) // تعديل الحجم ليكون مناسبًا
                }
            });


            marker.addListener('click', () => {
                map.setCenter(marker.position); // نقل الخريطة إلى موقع السائق
                map.setZoom(17); // تكبير الخريطة إلى مستوى مناسب
                // محتوى InfoWindow
                const content = `
                <div>
                    <h5>${name}</h5>
                </div>
            `;

                // تحديث محتوى InfoWindow
                infoWindow.setContent(content);

                // فتح InfoWindow عند الـ Marker
                infoWindow.open(map, marker);
            });
        }
    </script>

    <script>
        $(".btn_remove_filter").click(function() {
            var input_name = $(this).data('input_name')
            $(`.${input_name}`).html(null)
            $(`.${input_name}`).val(null)
            $('#form_filter').submit()
        })
    </script>
    <!-- تمرير الروتات -->
    <script>
        window.routes = {
        accept: '{{ route("admin.drivers.documents.accept") }}',
        reject: '{{ route("admin.drivers.documents.reject") }}'
    };

 $(document).ready(function() {
        let currentAction = '';
        let documentId = '';

        // زرار القبول
        $('.accept-doc').on('click', function() {
            documentId = $(this).data('id');
            currentAction = 'accept';
            $('#actionMessage').text('هل أنت متأكد من قبول المستند؟ أدخل التفاصيل أدناه (اختياري):');
            $('#acceptFields').show();
            $('#documentId').val(documentId);
            $('#actionForm').attr('action', window.routes.accept);
            $('#actionModal').modal('show');
        });

        // زرار الرفض
        $('.reject-doc').on('click', function() {
            documentId = $(this).data('id');
            currentAction = 'reject';
            $('#actionMessage').text('هل أنت متأكد من رفض المستند؟');
            $('#acceptFields').hide();
            $('#documentId').val(documentId);
            $('#actionForm').attr('action', window.routes.reject);
            $('#actionModal').modal('show');
        });

        // تأكيد الإجراء
        $('#confirmAction').on('click', function() {
            $('#actionForm').submit(); // بدون شروط، كل الحقول اختيارية
        });
    });
    </script>
    @endsection