@extends('layouts.app')
@section('title')
    {{ __('messages_301.User profile') }}
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-profile.css') }}" />
    <link href="{{ asset('assets/vendor/libs/swiper/swiper.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/css/pages/ui-carousel.css') }}" rel="stylesheet">

    <style>
        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100% !important;
        }

        .bordered-img {
            border: 5px solid black;
            /* Adjust the color and width as needed */
            border-radius: 5px;
            /* Adjust the radius to match the rounded corners if needed */
        }

        .shadow-img {
            box-shadow: 0 4px 8px rgb(0, 0, 0);
            /* Adjust the offset, blur, and color as needed */
            border-radius: 5px;
            /* Adjust the radius to match the rounded corners if needed */
        }

        .img_popup {
            cursor: pointer;
        }

        .box-img img {
            height: 100%;
            width: 100%;
            object-fit: contain;
            /* border: #e6b6b638 1px solid; */
            {{--  border-radius: 20px  --}}
        }

        .box-img {

            height: 165px;
        }
    </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') => route('admin.drivers.index'),
                __('messages_301.User profile') => 'active',
            ],
        ])



        <div class="container-xxl flex-grow-1 container-p-y">

            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <!-- Avatar Section -->
                            <div class="col-3">
                                <div class="user-avatar-section text-center">
                                    <img class="img-fluid rounded-circle mb-2"
                                        src="{{ $data->image ? asset($data->image) : asset('default-images/user-image_.png') }}"
                                        height="120" width="120" alt="User avatar" />
                                    <div class="user-info">

                                        <span class="badge bg-label-{{ $data->mobile_verified_at ? 'success' : 'danger' }}">
                                            {{ $data->mobile_verified_at ? __('messages_301.Active') : __('messages_301.Inactive') }}
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <!-- User Details Section -->
                            <div class="col-9">
                                <div class="info-container">
                                    <div class="row g-3">
                                        <div class="col-12 col-md-4">
                                            <div class="mb-2">
                                                <h3 class="fw-medium ">{{ $data->name }} <small
                                                        class="fw-medium text-{{ $data->is_online ? 'success' : 'danger' }}">({{ $data->is_online ? 'Online' : 'Offline' }})</small>
                                                </h3>
                                                {{-- <span>{{ $data->phone }}</span> --}}
                                            </div>
                                            <div class="mb-2">
                                                <img src="{{ asset('default-images/rating-5.png') }}" width="85px">
                                                <h5 class="fw-medium">({{ $data->rate ? $data->rate : '0.0' }})</h5>
                                                {{-- <span>{{ $data->email }}</span> --}}
                                            </div>
                                            <div class="mt-3">
                                                @can('show_driver')
                                                    <a href="{{ route('admin.drivers.edit', $data->id) }}"
                                                        class="btn btn-primary">
                                                        {{ __('messages.Edit') }}
                                                        <i class="ti ti-pencil me-0"></i>
                                                    </a>
                                                @endcan
                                                @can('show_order')
                                                    <a href="{{ route('admin.drivers.orders', $data->id) }}"
                                                        class="btn btn-primary">{{ __('messages_301.Orders') }}<i
                                                            class="ti ti-car me-0"></i></a>
                                                @endcan
                                                @can('show_driver')
                                                    <button type="button" class="btn btn-primary mt-2" data-bs-toggle="modal" 
                                                            data-bs-target="#commentModal-{{ $data->id }}">
                                                        {{ __('messages.Write_comment') }}
                                                        <i class="ti ti-pencil me-0"></i>
                                                    </button>
                                                @endcan
                                                @can('show_driver')
                                                <div class="modal fade" id="commentModal-{{ $data->id }}" tabindex="-1" aria-labelledby="commentModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog">
                                                        <div class="modal-content">
                                                            <form action="{{ route('admin.drivers.comment.store', $data->id) }}" method="POST">
                                                                @csrf
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="commentModalLabel">
                                                                        {{ __('messages.Write_comment_for') }} {{ $data->name }}
                                                                    </h5>
                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <div class="mb-3">
                                                                        <label for="comment-{{ $data->id }}" class="form-label">{{ __('messages.Comment') }}</label>
                                                                        <textarea class="form-control" id="comment-{{ $data->id }}" name="comment" rows="5" required></textarea>
                                                                    </div>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                                                                    <button type="submit" class="btn btn-primary">{{ __('messages.Save_comment') }}</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endcan
                                            </div>
                                            
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="mb-2">
                                                <small class="fw-medium ">{{ __('messages.Mobile') }}:</small>
                                                <span>({{ $data->mobile_country_code }}) {{ $data->mobile }}</span>
                                            </div>
                                            <div class="mb-2">
                                                <small class="fw-medium ">{{ __('messages_301.Country') }}:</small>
                                                <span>{{ $data->country?->name ?? '----' }}</span>
                                            </div>
                                            <div class="mb-2">
                                                <small class="fw-medium ">{{ __('messages_301.Governorate') }}:</small>
                                                <span>{{ $data->governorate?->name ?? '----' }}</span>
                                            </div>
                                            <div class="mb-2">
                                                <small class="fw-medium ">{{ __('messages_301.Wallet balance') }}:</small>
                                                <span>{{ $data->wallet }} EGP</span>
                                            </div>

                                            <div class="mb-2">
                                                <small
                                                    class="fw-medium ">{{ __('messages_301.License expiry date') }}:</small>
                                                <span>{{ $data->license_driver_documents?->expiry_date ?? '----' }}</span>
                                            </div>
                                            <div class="mb-2">
                                                <small
                                                    class="fw-medium ">{{ __('messages_301.Vehicle license expiry date') }}:</small>
                                                <span>{{ $data->license_vehicle_documents?->expiry_date ?? '----' }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- User Profile Content -->
            <div class="row">
                <div class="col-md-12">
                    <div class="card mb-3">
                        <div class="card-header pt-1">
                            <ul class="nav nav-tabs card-header-tabs" role="tablist">

                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link active" role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-vehicle" aria-controls="navs-tab-vehicle"
                                        aria-selected="true">
                                        {{ __('messages_301.Vehicle data') }}
                                    </button>
                                </li>

                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-license-vehicle" aria-controls="navs-tab-license-vehicle"
                                        aria-selected="true">
                                        {{ __('messages_301.License vehicle') }}
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-license-driver" aria-controls="navs-tab-license-driver"
                                        aria-selected="true">
                                        {{ __('messages_301.License driver') }}
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-inspection" aria-controls="navs-tab-inspection"
                                        aria-selected="true">
                                        {{ __('messages_301.Inspection data') }}
                                    </button>
                                </li>


                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link" role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-transactions" aria-controls="navs-tab-transactions"
                                        aria-selected="true">
                                        {{ __('messages_301.Transactions') }}
                                    </button>
                                </li>

                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-rate" aria-controls="navs-tab-rate"
                                        aria-selected="true">
                                        {{ __('messages.Rate') }}
                                    </button>
                                </li>

                                <li class="nav-item" role="presentation">
                                    <button type="button" class="nav-link " role="tab" data-bs-toggle="tab"
                                        data-bs-target="#navs-tab-withdrawals" aria-controls="navs-tab-withdrawals"
                                        aria-selected="true">
                                        {{ __('messages_301.Withdrawals') }}
                                    </button>
                                </li>


                            </ul>
                        </div>
                        <div class="card-body pt-3">
                            <div class="tab-content p-0">

                                <div class="tab-pane fade show active" id="navs-tab-vehicle" role="tabpanel">
                                    <div class="row">
                                        <div class="col-xl-4 col-lg-5 col-md-5">
                                            <!-- About User -->
                                            <div class="card mb-4">
                                                <div class="card-body">
                                                    <small
                                                        class="card-text text-uppercase">{{ __('messages_301.Vehicle data') }}</small>
                                                    <ul class="list-unstyled mb-4 mt-3">
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages_301.Type') }}:</span>
                                                            <span>{{ $data->vehicle_documents?->type?->name }}</span>
                                                        </li>
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages_301.Vehicle number') }}:</span>
                                                            <span>{{ $data->vehicle_documents?->vehicle_number }}</span>
                                                        </li>
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages_301.Brand') }}:</span>
                                                            <span>{{ $data->vehicle_documents?->brand?->name }}</span>
                                                        </li>
                                                        <li class="d-flex align-items-center mb-3">
                                                            <i class="ti ti-user text-heading"></i><span
                                                                class="fw-medium mx-2 text-heading">{{ __('messages_301.Vehicle make') }}:</span>
                                                            <span>{{ $data->vehicle_documents?->vehicle_make }}</span>
                                                        </li>
                                                    </ul>


                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-xl-8 col-lg-7 col-md-7">
                                            <!-- Activity Timeline -->
                                            <div class="card card-action mb-2">
                                                <div class="card-body pb-0">
                                                    @if ($data->vehicle_documents && $data->vehicle_documents->images && count($data->vehicle_documents->images))
                                                        <div class="swiper" id="swiper-3d-coverflow-effect">
                                                            <div class="swiper-wrapper">
                                                                @foreach ($data->vehicle_documents->images as $image)
                                                                    <div class="swiper-slide"
                                                                        style="background-image: url({{ asset($image->path) }})">
                                                                        {{-- Slide 1 --}}
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                            <div class="swiper-pagination"></div>
                                                        </div>
                                                    @else
                                                        <div class="text-center">
                                                            <img width="400" height="400"
                                                                src="{{ asset('assets/img/empty_data.svg') }}">
                                                        </div>
                                                        <div class="text-center h2">
                                                            بانتظار رفع المستندات
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>


                                            <!--/ Activity Timeline -->

                                        </div>
                                    </div>
                                    <div class="card mb-4">
                                        <h5 class="card-header">{{ __('messages_301.Documents status') }}</h5>
                                        <div class="row">
                                            <div class="col-md-3 mb-4">
                                                @if ($data->vehicle_documents && $data->vehicle_documents->document_status == 'under_review')
                                                    <div class="d-flex justify-content-center">
                                                        <button type="button" class="btn btn-primary"
                                                            data-bs-toggle="modal" data-bs-target="#modalCenter"
                                                            data-type="vehicle_documents" data-id="{{ $data->id }}">
                                                            {{ __('messages_301.Change status') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->vehicle_documents && $data->vehicle_documents->document_status == 'rejected')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-danger">
                                                            {{ __('messages_301.Rejected') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->vehicle_documents && $data->vehicle_documents->document_status == 'approved')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-success">
                                                            {{ __('messages_301.Approved') }}
                                                        </button>
                                                    </div>
                                                @else
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-warning">
                                                            {{ __('messages_301.Waiiting to add documents') }}
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                            @if (count($vehicle_documents_history))
                                                <div class="col-md-9">
                                                    @include(
                                                        'admin.users.drivers.includes.document_history',
                                                        [
                                                            'data' => $vehicle_documents_history,
                                                        ]
                                                    )
                                                </div>
                                            @endif
                                        </div>

                                    </div>

                                </div>
                                <div class="tab-pane fade " id="navs-tab-license-vehicle" role="tabpanel">
                                    <div class="row g-3 gy-4 mb-4">
                                        <div class="mb-4">

                                            <div class="row">
                                                @if ($data->license_vehicle_documents?->front_image && $data->license_vehicle_documents?->back_image)
                                                    <div class="col-6">
                                                        <label for="logo"
                                                            class="mb-3">{{ __('messages_301.Front image') }}
                                                        </label>

                                                        <div class="box-img">
                                                            <img class="logo-preview img_popup shadow-img"
                                                                src="{{ asset($data->license_vehicle_documents?->front_image) }}"
                                                                alt="">
                                                        </div>
                                                    </div>

                                                    <div class="col-6">
                                                        <label for="logo"
                                                            class="mb-3">{{ __('messages_301.Back image') }}
                                                        </label>

                                                        <div class="box-img">
                                                            <img class="logo-preview img_popup shadow-img"
                                                                src="{{ asset($data->license_vehicle_documents?->back_image) }}"
                                                                alt="">
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="text-center">
                                                        <img width="400" height="400"
                                                            src="{{ asset('assets/img/empty_data.svg') }}">
                                                    </div>
                                                    <div class="text-center h2">
                                                        بانتظار رفع المستندات
                                                    </div>
                                                @endif

                                            </div>


                                        </div>
                                    </div>
                                    <div class="card mb-4">
                                        <h5 class="card-header">{{ __('messages_301.Documents status') }}</h5>
                                        <div class="row">
                                            <div class="col-md-3 mb-4">
                                                @if ($data->license_vehicle_documents && $data->license_vehicle_documents->document_status == 'under_review')
                                                    <div class="d-flex justify-content-center">
                                                        <button type="button" class="btn btn-primary"
                                                            data-bs-toggle="modal" data-bs-target="#modalCenter"
                                                            data-type="license_vehicle_documents"
                                                            data-id="{{ $data->id }}">
                                                            {{ __('messages_301.Change status') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->license_vehicle_documents && $data->license_vehicle_documents->document_status == 'rejected')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-danger">
                                                            {{ __('messages_301.Rejected') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->license_vehicle_documents && $data->license_vehicle_documents->document_status == 'approved')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-success">
                                                            {{ __('messages_301.Approved') }}
                                                        </button>
                                                    </div>
                                                @else
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-warning">
                                                            {{ __('messages_301.Waiiting to add documents') }}
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                            @if (count($license_vehicle_documents_history))
                                                <div class="col-md-9">
                                                    @include(
                                                        'admin.users.drivers.includes.document_history',
                                                        [
                                                            'data' => $license_vehicle_documents_history,
                                                        ]
                                                    )
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade " id="navs-tab-license-driver" role="tabpanel">
                                    <div class="row g-3 gy-4 mb-4">
                                        <div class="mb-3">
                                            <div class="row">
                                                @if ($data->license_driver_documents?->front_image && $data->license_driver_documents?->back_image)
                                                    <div class="col-6">
                                                        <label for="logo"
                                                            class="mb-3">{{ __('messages_301.Front image') }}
                                                        </label>

                                                        <div class="box-img">
                                                            <img class="logo-preview img_popup shadow-img"
                                                                src="{{ asset($data->license_driver_documents?->front_image) }}"
                                                                alt="">
                                                        </div>
                                                    </div>

                                                    <div class="col-6">
                                                        <label for="logo"
                                                            class="mb-3">{{ __('messages_301.Back image') }}
                                                        </label>

                                                        <div class="box-img">
                                                            <img class="logo-preview img_popup shadow-img"
                                                                src="{{ asset($data->license_driver_documents?->back_image) }}"
                                                                alt="">
                                                        </div>
                                                    </div>
                                                @else
                                                    <div class="text-center">
                                                        <img width="400" height="400"
                                                            src="{{ asset('assets/img/empty_data.svg') }}">
                                                    </div>
                                                    <div class="text-center h2">
                                                        بانتظار رفع المستندات
                                                    </div>
                                                @endif

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

                                    <div class="card mb-4">
                                        <h5 class="card-header">{{ __('messages_301.Documents status') }}</h5>
                                        <div class="row">
                                            <div class="col-md-3 mb-4">
                                                @if ($data->license_driver_documents && $data->license_driver_documents->document_status == 'under_review')
                                                    <div class="d-flex justify-content-center">
                                                        <button type="button" class="btn btn-primary"
                                                            data-bs-toggle="modal" data-bs-target="#modalCenter"
                                                            data-type="license_driver_documents"
                                                            data-id="{{ $data->id }}">
                                                            {{ __('messages_301.Change status') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->license_driver_documents && $data->license_driver_documents->document_status == 'rejected')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-danger">
                                                            {{ __('messages_301.Rejected') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->license_driver_documents && $data->license_vehicle_documents->document_status == 'approved')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-success">
                                                            {{ __('messages_301.Approved') }}
                                                        </button>
                                                    </div>
                                                @else
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-warning">
                                                            {{ __('messages_301.Waiiting to add documents') }}
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                            @if (count($license_driver_documents_history))
                                                <div class="col-md-9">
                                                    @include(
                                                        'admin.users.drivers.includes.document_history',
                                                        [
                                                            'data' => $license_driver_documents_history,
                                                        ]
                                                    )
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade " id="navs-tab-inspection" role="tabpanel">
                                    <div class="row">

                                        <div class="card card-action mb-2">
                                            <div class="card-body pb-0">
                                                @if ($data->inspection_documents && $data->inspection_documents?->images && count($data->inspection_documents?->images))
                                                    <div class="swiper" id="swiper-with-pagination">
                                                        <div class="swiper-wrapper">
                                                            @foreach ($data->inspection_documents->images as $image)
                                                                <div class="swiper-slide"
                                                                    style="background-image: url({{ asset($image->path) }})">
                                                                </div>
                                                            @endforeach

                                                        </div>
                                                        <div class="swiper-pagination"></div>
                                                    </div>
                                                @else
                                                    <div class="text-center">
                                                        <img width="400" height="400"
                                                            src="{{ asset('assets/img/empty_data.svg') }}">
                                                    </div>
                                                    <div class="text-center h2">
                                                        بانتظار رفع المستندات
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card mb-4">
                                        <h5 class="card-header">{{ __('messages_301.Documents status') }}</h5>
                                        <div class="row">
                                            <div class="col-md-3 mb-4">
                                                @if ($data->inspection_documents && $data->inspection_documents->document_status == 'under_review')
                                                    <div class="d-flex justify-content-center">
                                                        <button type="button" class="btn btn-primary"
                                                            data-bs-toggle="modal" data-bs-target="#modalCenter"
                                                            data-type="inspection_documents"
                                                            data-id="{{ $data->id }}">
                                                            {{ __('messages_301.Change status') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->inspection_documents && $data->inspection_documents->document_status == 'rejected')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-danger">
                                                            {{ __('messages_301.Rejected') }}
                                                        </button>
                                                    </div>
                                                @elseif($data->inspection_documents && $data->inspection_documents->document_status == 'approved')
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-success">
                                                            {{ __('messages_301.Approved') }}
                                                        </button>
                                                    </div>
                                                @else
                                                    <div class="d-flex justify-content-center">
                                                        <button disabled type="button" class="btn btn-warning">
                                                            {{ __('messages_301.Waiiting to add documents') }}
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                            @if (count($inspection_documents_history))
                                                <div class="col-md-9">
                                                    @include(
                                                        'admin.users.drivers.includes.document_history',
                                                        [
                                                            'data' => $inspection_documents_history,
                                                        ]
                                                    )
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="navs-tab-transactions" role="tabpanel">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-5 col-md-5">

                                            <div class="table-responsive">
                                                <table class="table border-top">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-truncate">#</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Transaction type') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Transaction value') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Transaction date') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @include('inc.is_empty_data', [
                                                            'var_check_empty' => $data->wallet_transactions,
                                                            'var_check_empty_rows' => 4,
                                                        ])

                                                        @foreach ($data->wallet_transactions as $item)
                                                            <tr>
                                                                <th>{{ $loop->iteration }}</th>
                                                                <td class="text-truncate">
                                                                    <i
                                                                        class="ti ti-{{ $item->operation == 'minus' ? 'arrow-down text-danger' : 'arrow-up text-success' }}  ti-xs me-2"></i>
                                                                    <span class="fw-medium">

                                                                        @if ($item->type == 'order')
                                                                            {{ __('messages.Fees were deducted from trip no') . ' #' . $item->order->order_num }}
                                                                        @elseif($item->type == 'from_panel')
                                                                            {{ __('messages.Recharge the balance through the platform management') }}
                                                                        @else
                                                                            {{ __('messages.Recharge the balance via a bank card') }}
                                                                        @endif
                                                                    </span>
                                                                </td>
                                                                <td class="text-truncate"><span
                                                                        class=" {{ $item->operation == 'minus' ? 'text-danger' : 'text-success' }} ">{{ $item->operation == 'minus' ? '-' . $item->value : '+' . $item->value }}</span>
                                                                </td>
                                                                <td class="text-truncate">
                                                                    {{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i A') }}
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>

                                            </div>

                                        </div>

                                    </div>

                                </div>
                                <div class="tab-pane fade " id="navs-tab-rate" role="tabpanel">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-5 col-md-5">

                                            <div class="table-responsive">
                                                <table class="table border-top">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-truncate">#</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Client') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Order num') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages.Rate') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_303.comment') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @include('inc.is_empty_data', [
                                                            'var_check_empty' => $data->drivers_rate,
                                                            'var_check_empty_rows' => 5,
                                                        ])

                                                        @foreach ($data->drivers_rate as $item)
                                                            <tr>
                                                                <th>{{ $loop->iteration }}</th>
                                                                <td class="text-truncate">
                                                                    {{ $item->customer?->name }}
                                                                </td>
                                                                <td class="text-truncate">
                                                                    #{{ $item->order?->order_num }}
                                                                </td>
                                                                <td class="text-truncate">
                                                                    ({{ $item->rate }})
                                                                </td>
                                                                <td class="text-truncate">
                                                                    <p>
                                                                        {!! $item->comment !!}
                                                                    </p>
                                                                </td>

                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>

                                            </div>

                                        </div>

                                    </div>
                                </div>
                                <div class="tab-pane fade " id="navs-tab-withdrawals" role="tabpanel">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-5 col-md-5">

                                            <div class="table-responsive">
                                                <table class="table border-top">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-truncate">#</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Amount') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Wallet balance old') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Wallet balance new') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages.Status') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Date requested') }}</th>
                                                            <th class="text-truncate">
                                                                {{ __('messages_301.Date processed') }}</th>
                                                            <th>
                                                                {{ __('messages.Actions') }}
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>

                                                        @include('inc.is_empty_data', [
                                                            'var_check_empty' => $data->withdrawals,
                                                            'var_check_empty_rows' => 8,
                                                        ])

                                                        @foreach ($data->withdrawals as $item)
                                                            <tr>
                                                                <th>{{ $loop->iteration }}</th>
                                                                <td class="text-truncate">
                                                                    {{ $item->amount }} EGP
                                                                </td>
                                                                <td class="text-truncate">
                                                                    {{ $data->wallet }} EGP
                                                                </td>
                                                                <td class="text-truncate">

                                                                    {{ $data->wallet - $item->amount }} EGP
                                                                </td>
                                                                <td class="text-truncate">

                                                                    <span
                                                                        class="badge bg-label-@if ($item->status == 'under_review') warning @elseif($item->status == 'approved')success @elseif($item->status == 'rejected')danger @endif me-1"
                                                                        style="width: 175px">{{ __('messages_301.' . $item->status) }}</span>

                                                                </td>
                                                                <td class="text-truncate">
                                                                    {{ Carbon\Carbon::parse($item->created_at)->format('Y-m-d H:i a') }}
                                                                </td>
                                                                <td class="text-truncate">
                                                                    {{ $item->updated_at ? Carbon\Carbon::parse($item->updated_at)->format('Y-m-d H:i a') : '' }}
                                                                </td>
                                                                <td>
                                                                    @if ($item->status == 'under_review')
                                                                        <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">
                                                                                <a data-url="{{ route('admin.drivers.approve_withdrawal', ['id' => $item->id, 'driver_id' => $data->id]) }}"
                                                                                    data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                                                                    data-text_btn_cancel="{{ __('messages.Cancel') }}"
                                                                                    data-method="post"
                                                                                    data-message="{{ __('messages_301.Are you sure to approve withdrawal ?') }}"
                                                                                    class="dropdown-item btn-action"
                                                                                    href="javascript:void(0);"><i
                                                                                        class="ti ti-check "></i>
                                                                                    {{ __('messages_301.Approve') }}</a>

                                                                                <a data-url="{{ route('admin.drivers.reject_withdrawal', ['id' => $item->id, 'driver_id' => $data->id]) }}"
                                                                                    data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                                                                    data-text_btn_cancel="{{ __('messages.Cancel') }}"
                                                                                    data-method="post"
                                                                                    data-message="{{ __('messages_301.Are you sure to reject withdrawal ?') }}"
                                                                                    class="dropdown-item btn-action"
                                                                                    href="javascript:void(0);"><i
                                                                                        class="ti ti-x "></i>
                                                                                    {{ __('messages_301.Reject') }}</a>





                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </td>

                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>

                                            </div>

                                        </div>

                                    </div>
                                </div>

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

    </div>
    <!-- Projects table -->

    <!--/ Projects table -->
    <!--/ User Profile Content -->


    <!-- Button trigger modal -->


    <!-- Modal -->
    <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">
                    <h5 class="modal-title" id="modalCenterTitle">{{ __('messages_301.Change status') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form method="POST" id="statusForm">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="col mb-3">
                                <label for="nameWithTitle" class="form-label">{{ __('messages_301.Comment') }}</label>
                                <input type="text" name="comment" id="nameWithTitle"
                                    class="form-control @error('comment')
                                    is-invalid
                                @enderror"
                                    placeholder="" />
                                @error('comment')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                        <div class="row g-2">
                            <div class="col mb-3">
                                <label class="mb-1">{{ __('messages_301.Select status') }}</label>
                                <select name="document_status" id="select_department_id"
                                    class="form-control select2  @error('document_status') is-invalid @enderror select_department_id">
                                    <option value="">--------</option>

                                    <option value="approved" @selected(old('document_status') == 'approved')>
                                        {{ __('messages_301.Approve') }}</option>
                                    <option value="rejected" @selected(old('document_status') == 'rejected')>
                                        {{ __('messages_301.Reject') }}</option>
                                </select>
                                @error('document_status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
                            {{ __('messages.Cancel') }}
                        </button>
                        <button type="submit" class="btn btn-primary">{{ __('messages.Save') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="{{ asset('assets/js/pages-account-settings-account.js') }}"></script>
    <script src="{{ asset('assets/js/pages-profile.js') }}"></script>
    <script src="{{ asset('assets/vendor/libs/swiper/swiper.js') }}"></script>
    <script src="{{ asset('assets/js/ui-carousel.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Select the modal
            var modal = $('#modalCenter');

            // Event when the modal is shown
            modal.on('show.bs.modal', function(event) {
                // The button that triggered the modal
                var button = $(event.relatedTarget);

                // Get data from the button
                var id = button.data('id');
                var type = button.data('type');

                // Generate the dynamic form action URL
                var actionUrl =
                    "{{ route('admin.drivers.approve_papers', ['id' => ':id', 'type' => ':type']) }}"
                    .replace(':id', id)
                    .replace(':type', type);

                // Set the form action
                $('#statusForm').attr('action', actionUrl);
            });
        });
    </script>
@endsection