@extends('layouts.app')
@section('title')
{{ __('messages_301.User profile') }}
@endsection
@section('style')
<link rel="stylesheet" href="{{ asset('assets/vendor/css/pages/page-profile.css') }}" />
<style>
    .table th,
    .table td {
        width: 50%;
    }
</style>

<style>
    .box-img img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .box-img {

        height: 400px;
    }
</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="col-12">
        <div class="card mb-6">
            <div class="user-profile-header-banner">
                <img src="{{ asset("assets/img/pages/profile-banner.png") }}" alt="Banner image" class="rounded-top">
            </div>
            <div class="user-profile-header d-flex flex-column flex-lg-row text-sm-start text-center mb-5">
                <div class="flex-shrink-0 mt-n2 mx-sm-0 mx-auto">
                    <img src="{{ $data->image ? asset($data->image) : asset('default-images/user-image_.png') }}" alt="user image"
                        class="d-block h-auto ms-0 ms-sm-6 rounded user-profile-img">
                </div>
                <div class="flex-grow-1 mt-3 mt-lg-5">
                    <div
                        class="d-flex align-items-md-end align-items-sm-start align-items-center justify-content-md-between justify-content-start mx-5 flex-md-row flex-column gap-4">
                        <div class="user-profile-info">
                            <h4 class="mb-2 mt-lg-6">
                                @if($data->is_online)
                                <span style="width: 12px;height:12px;border-radius:50%"
                                    class="bg bg-success d-inline-block"></span>
                                @else
                                <span style="width: 12px;height:12px;border-radius:50%"
                                    class="bg bg-secondary d-inline-block"></span>
                                @endif

                                {{ $data->name }}
                            </h4>
                            <ul
                                class="list-inline mb-0 d-flex align-items-center flex-wrap justify-content-sm-start justify-content-center gap-4 my-2">
                                <li class="list-inline-item d-flex gap-2 align-items-center">
                                    <i class="ti ti-phone ti-lg"></i><span class="fw-medium"> {{ $data->mobile }}</span>
                                </li>
                                <li class="list-inline-item d-flex gap-2 align-items-center">
                                    <i class="ti ti-star ti-lg"></i><span class="fw-medium">{{ $data->rate ? $data->rate
                                        : '0.0' }}</span>
                                </li>
                                <li class="list-inline-item d-flex gap-2 align-items-center">
                                    <i class="ti ti-calendar ti-lg"></i><span class="fw-medium"> {{
                                        __("messages.Joined") }} {{
                                        \Carbon\Carbon::parse($data->created_at)->locale(app()->getLocale())->translatedFormat('F Y') }}</span>
                                </li>
                            </ul>
                        </div>
                        <div class="btn-group" role="group" aria-label="Basic example">

                            @can('show_driver')
                            <a href="{{ route('admin.drivers.edit', $data->id) }}"
                                class="btn btn-outline-primary waves-effect text-primary">{{ __("messages.Edit") }}<i
                                    class="fa-solid fa-pencil"></i></a>
                            @endcan
                            @can('show_order')
                            <a href="{{ route('admin.drivers.orders', $data->id) }}"
                                class="btn btn-outline-primary waves-effect text-primary">{{ __('messages_301.Orders')
                                }}<i class="ti ti-car"></i></a>
                            @endcan

                            @can('show_driver')
                            <button type="button" data-bs-toggle="modal" data-bs-target="#commentModal-{{ $data->id }}"
                                class="btn btn-outline-primary waves-effect text-primary"> {{
                                __('messages.Write_comment') }}<i class="ti ti-message"></i></button>


                            <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>
            </div>
        </div>



        <div class="row mt-5">
            <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-12">
                                        @if($data->vehicle_documents)
                                        <table class="table">
                                            <tr class="border border-dark">
                                                <th class="border border-dark">{{ __('messages_301.Type') }}</th>
                                                <td class="border border-dark">{{ $data->vehicle_documents?->type?->name
                                                    }}</td>
                                            </tr>
                                            <tr class="border border-dark">
                                                <th class="border border-dark">{{ __('messages_301.Vehicle number') }}
                                                </th>
                                                <td class="border border-dark">{{
                                                    $data->vehicle_documents?->vehicle_number }}</td>
                                            </tr>
                                            <tr class="border border-dark">
                                                <th class="border border-dark">{{ __('messages_301.Brand') }}</th>
                                                <td class="border border-dark">{{
                                                    $data->vehicle_documents?->brand?->name }}</td>
                                            </tr>
                                            <tr class="border border-dark">
                                                <th class="border border-dark">{{ __('messages_301.Vehicle make') }}
                                                </th>
                                                <td class="border border-dark">{{
                                                    $data->vehicle_documents?->vehicle_make }}</td>
                                            </tr>
                                        </table>

                                        @else
                                        <div class="text-center">
                                            <img width="250" height="250"
                                                src="{{ asset('assets/img/empty_data2.png') }}" alt="">
                                            <h3>{{ __("messages.Notfound") }}</h3>
                                        </div>
                                        @endif

                                    </div>

                                </div>


                            </div>
                            <div class="tab-pane fade " id="navs-tab-license-vehicle" role="tabpanel">
                                <div class="row">
                                    <div class="col-md-6  mb-3">
                                        <div class="mb-3">{{ __('messages_301.Front image') }}</div>
                                        <div class="d-flex align-restaurant_infos-start align-restaurant_infos-sm-center mb-3 gap-4  rounded box-img"
                                            style="width: 100%; height: 300px; overflow: hidden; position: relative;">

                                            <img style="width: 100%; height: 100%; object-fit: cover;"
                                                src="{{ $data->license_vehicle_documents?->front_image ? asset($data->license_vehicle_documents?->front_image ) : asset('default-images/default.png') }}" alt="user-avatar"
                                                class="img-fluid my-3 rounded shadow-img img-btn-click border border-dark zoom-image" />
                                        </div>

                                    </div>

                                    <div class="col-md-6  mb-3">
                                        <div class="mb-3">{{ __('messages_301.Back image') }}</div>
                                        <div class="d-flex align-restaurant_infos-start align-restaurant_infos-sm-center mb-3 gap-4  rounded box-img"
                                            style="width: 100%; height: 300px; overflow: hidden; position: relative;">

                                            <img style="width: 100%; height: 100%; object-fit: cover;"
                                                src="{{ $data->license_vehicle_documents?->back_image ? asset($data->license_vehicle_documents?->back_image) : asset('default-images/default.png') }}" alt="user-avatar"
                                                class="img-fluid my-3 rounded shadow-img img-btn-click border border-dark zoom-image" />
                                        </div>

                                    </div>
                                    
                                </div>
                            </div>
                                <div class="tab-pane fade " id="navs-tab-license-driver" role="tabpanel">
                                    <div class="row">
                                        <div class="col-md-6  mb-3">
                                            <div class="mb-3">{{ __('messages_301.Front image') }}</div>
                                            <div class="d-flex align-restaurant_infos-start align-restaurant_infos-sm-center mb-3 gap-4  rounded box-img"
                                                style="width: 100%; height: 300px; overflow: hidden; position: relative;">

                                                <img style="width: 100%; height: 100%; object-fit: cover;"
                                                    src="{{ $data->license_driver_documents?->front_image ? asset($data->license_driver_documents?->front_image ) : asset('default-images/default.png') }}" alt="user-avatar"
                                                    class="img-fluid my-3 rounded shadow-img img-btn-click border border-dark zoom-image" />
                                            </div>

                                        </div>

                                        <div class="col-md-6  mb-3">
                                            <div class="mb-3">{{ __('messages_301.Back image') }}</div>
                                            <div class="d-flex align-restaurant_infos-start align-restaurant_infos-sm-center mb-3 gap-4  rounded box-img"
                                                style="width: 100%; height: 300px; overflow: hidden; position: relative;">

                                                <img style="width: 100%; height: 100%; object-fit: cover;"
                                                    src="{{ $data->license_driver_documents?->back_image ? asset($data->license_driver_documents?->back_image) : asset('default-images/default.png') }}" alt="user-avatar"
                                                    class="img-fluid my-3 rounded shadow-img img-btn-click border border-dark zoom-image" />
                                            </div>

                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="tab-pane fade " id="navs-tab-inspection" role="tabpanel">
                                    
                                    @if ($data->inspection_documents && $data->inspection_documents?->images && count($data->inspection_documents?->images))
                                    <div class="row">
                                        @foreach ($data->inspection_documents->images as $image)
                                    
                                            <div class="col-md-4  mb-3">
                                                    <div class="mb-3">{{ $loop->index + 1 }}</div>
                                                    <div class="d-flex align-restaurant_infos-start align-restaurant_infos-sm-center mb-3 gap-4  rounded box-img"
                                                        style="width: 100%; height: 300px; overflow: hidden; position: relative;">

                                                        <img style="width: 100%; height: 100%; object-fit: cover;"
                                                            src="{{ asset($image->path) }}" alt="user-avatar"
                                                            class="img-fluid my-3 rounded shadow-img img-btn-click border border-dark zoom-image" />
                                                    </div>

                                            </div>

                                        @endforeach

                                    </div>
                                      

                                   

                                    @else
                                    <div class="text-center">
                                        <img width="250" height="250"
                                            src="{{ asset('assets/img/empty_data2.png') }}" alt="">
                                        <h3>{{ __("messages.Notfound") }}</h3>
                                    </div>

                                    @endif
                                
                                </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>

        @endsection