@extends('layouts.app')
@section('title')
    {{ __('messages_301.Drivers') }}
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/libs/rateyo/rateyo.css') }}" />
    <style>
        #map {
            width: 100%;
            height: 400px;
            /* يمكنك تعديل الارتفاع حسب الحاجة */
            margin-top: 20px;
        }
    </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="col-xl-12 mb-4 col-lg-7 col-12">
            <div class="card h-100">
                <div class="card-header">
                    <div class="d-flex justify-content-between mb-3">
                        <h5 class="card-title mb-0">{{ __('messages.Statistics') }}</h5>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row gy-3">
                        <div class="col-md-3 col-6">
                            <div class="d-flex align-items-center">
                                <div class="badge rounded-pill bg-label-primary me-3 p-2">
                                    <i class="ti ti-user-pin ti-md"></i>
                                </div>
                                <div class="card-info">
                                    <h5 class="mb-0">{{ $counts['driver_counts'] }}</h5>
                                    <small>{{ __('messages_301.Drivers count') }}</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="d-flex align-items-center">
                                <div class="badge rounded-pill bg-label-success me-3 p-2">
                                    <i class="ti ti-user-bolt ti-md"></i>
                                </div>
                                <div class="card-info">
                                    <h5 class="mb-0">{{ $counts['online_counts'] }}</h5>
                                    <small>Online</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="d-flex align-items-center">
                                <div class="badge rounded-pill bg-label-warning me-3 p-2">
                                    <i class="ti ti-user-question ti-md"></i>
                                </div>
                                <div class="card-info">
                                    <h5 class="mb-0">{{ $counts['pending_counts'] }}</h5>
                                    <small>{{ __('messages_301.Drivers pending') }}</small>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- Basic Bootstrap Table -->
        <div class="card">
            <div>
            
                <div class="row">
                    <div class="p-3 d-flex justify-content-between">
                        <div>
                            <form method="GET" action="{{ route('admin.drivers.index') }}">
                                <div class="input-group">
                                    <input value="{{ request('key_words') }}" name="key_words" type="text" class="form-control" placeholder="ابحث بالاسم أو رقم الموبايل" aria-label="Example text with button addon" aria-describedby="button-addon1">
                                    <button type="submit" class="btn btn-outline-primary waves-effect" id="button-addon1">ابحث <i class="fa-solid fa-magnifying-glass"></i></button>
                                </div>
                            </form>
                        </div>
                        <div>
                            <div class="btn-group" role="group" aria-label="Basic example">
                                <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>
                            </div>
                        </div>
                    </div>
                    <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>
                                    </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="d-flex justify-content-end px-5">

                <div class="btn-group">
                    <button type="button" class="btn btn-primary waves-effect waves-light">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 class="dropdown-item" id="exp_select"
                                href="javascript:void(0);">{{ __('messages.EXPORT XLS') }}</a></li> --}}
                        <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>
                            {{-- <a class="dropdown-item" href="javascript:void(0);">{{ __("messages.Delete") }}</a> --}}
                        </li>
                        {{-- <li>
                            <hr class="dropdown-divider">
                          </li>
                          <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li> --}}
                    </ul>
                </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_303.mobile') }}</th> --}}
                            <th>{{ __('messages_301.Governorate') }}</th>
                            <th>{{ __('messages.Status') }}</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">
                                        <img src="{{ $item->image ? asset($item->image) : asset('default-images/user-image_.png') }}"
                                            alt="User" class="rounded" width="46">
                                    </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>
                                            <small class="text-muted">
                                                <a
                                                    href="{{ route('admin.drivers.show', $item->id) }}">{{ $item->mobile_country_code . '' . $item->mobile }}</a>
                                                @if ($item->mobile_verified_at)
                                                <span class="badge bg-label-success me-1"><i
                                                class="fa-solid fa-circle-check"></i></span>
                                                @else
                                                 <span class="badge bg-label-danger me-1"><i style=""
                                                class="fa-solid fa-circle-xmark"></i></span>
                                                @endif
                                            </small>
                                        </div>
                                    </td>
                                @else
                                    <td width="100px">
                                        <div class="flex-grow-1 row">
                                            <h6 class="mb-0">
                                                {{ $item->name }}

                                            </h6>
                                            <small class="text-muted">
                                                {{ $item->mobile_country_code . ' ' . $item->mobile }} 
                                            </small>
                                        </div>
                                    </td>
                                @endcan
                                <td>
                                    {{ $item->governorate?->name }}
                                </td>

                                <td>
                                    @if ($item->is_online == 1)
                                        <span class="badge bg-label-success me-1">Online<i
                                                class="fa-solid fa-circle-check"></i></span>
                                    @else
                                        <span class="badge bg-label-danger me-1">Offline<i style=""
                                                class="fa-solid fa-circle-xmark"></i></span>
                                    @endif
                                </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