@extends('layouts.main_frontend')
@section('content')
    <main>
        <!-- Desktop Breadcrumb -->
        <section class="py-md-4 py-2">
            <div class="container">
                <nav class="breadcrumb-container" aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('Home') }}"> @lang('site.home') </a>
                        </li>
                        <li class="breadcrumb-item text-gray-4" aria-current="page">
                            @lang('site.details')
                        </li>
                    </ol>
                </nav>
            </div>
        </section>

        <!-- section -->
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="mb-3 text-gray-2"> @lang('site.details') </h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7">
                        <div class="col-12">
                            <div class="card card-department round-border mb-3 p-md-3 p-2">
                                <div class="row g-0">
                                    <div class="col-md-4 position-relative">
                                        <div class="car-img">
                                            <div>

                                                <img loading="lazy" src="{{ FRONTASSETS }}/images/cars/car-card-1.png"
                                                    class="department-img-list of-cover car-image" alt="image 1" />
                                            </div>

                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="card-body card-car-body position-relative">
                                            <div class="row justify-content-between align-items-center mb-3 small">
                                                <div class="col-auto mb-lg-0 mb-3">
                                                    <span class="text-main number-ads">
                                                        @lang('site.id number')({{ $booking->car->id }})</span>
                                                </div>
                                                <div class="col-auto">
                                                    <div class="d-flex justify-content-center align-items-center">
                                                        <div class="department-badge bg-main text-white">
                                                            <span>{{ round($booking->car->carReview2()) }}</span>
                                                            <span>
                                                                <i class="fas fa-star"></i>
                                                            </span>
                                                        </div>
                                                        <div class="number-ads gray-txt">
                                                            {{ $booking->car->carComment->count() ?? 0 }} @lang('site.comments')
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <h2 class="card-title mb-2">
                                                {{ $booking->car->name ?? '' }}
                                            </h2>

                                            <div class="gray-txt number-ads pb-2">
                                                <span>
                                                    {!! strip_tags(html_entity_decode($booking->car->description ?? '')) !!}

                                                </span>
                                            </div>
                                            <div class="text-gray-2 number-ads d-flex align-items-center pt-2">
                                                <div>
                                                    <span class="ps-2">
                                                        <i class="fal fa-car-side text-main"></i>
                                                    </span>

                                                    <span>{{ $booking->car->car_numbers ?? 0 }}</span>
                                                </div>
                                                <div class="padding-35">
                                                    <span class="ps-2">
                                                        <i class="far fa-briefcase text-main"></i>
                                                    </span>
                                                    <span>{{ $booking->car->year ?? '' }}</span>
                                                </div>
                                            </div>


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

                            <div class="card card-department round-border mb-4 p-3">
                                <h2 class="mb-3"> @lang('site.Information that may interest you') </h2>
                                <div class="card card-department round-border p-3">
                                    <h2 class="text-gray-2"> @lang('site.basic information')</h2>
                                    <div class="d-flex">
                                        <div class="d-flex align-items-center">
                                            <span class="booking-icon">
                                                <i class="far fa-user"></i>
                                            </span>
                                            <span class="text-second dd-txt px-2"> @lang('site.name1'):
                                            </span>
                                        </div>
                                        <div class="text-gray-2 d-flex align-items-center booking-info-txt">
                                            {{ $booking->car->user->firstname ?? '' }}
                                            {{ $booking->car->user->lastname ?? '' }}
                                        </div>
                                    </div>

                                    {{-- {{dd($booking->booking_status_id)}} --}}
                                    @if ($booking->booking_status_id != 4)
                                        <div class="d-flex pt-3">
                                            <div class="call-btn d-flex align-items-center justify-content-center mb-1">
                                                <a href="https://wa.me/{{ $booking->car->user->phone ?? '' }}">
                                                    <span>
                                                        <i class="far fa-phone"></i>
                                                    </span>
                                                    <span class="pe-1">@lang('site.communication')</span>
                                                </a>
                                            </div>
                                            <div class="cancle-btn d-flex align-items-center justify-content-center mb-1">
                                                <a href="#" data-bs-toggle="modal"
                                                    data-bs-target="#cancelBookingModal">
                                                    <span> @lang('site.cancle_reason')</span>
                                                </a>
                                            </div>
                                        </div>
                                    @endif


                                </div>
                            </div>

                            <div class="card card-department round-border mb-4 p-3">
                                <h2 class="mb-3"> @lang('site.Information that may interest yous')</h2>
                                <p class="mb-2 department-txt">
                                    @lang('site.It may take a few days for the request to be approved')
                                </p>
                                <p class="department-txt">@lang('site.A reservation deposit is required to confirm the reservation')</p>
                            </div>

                            <div class="accordion" id="accordionExample">
                                <div class=" accordion-item  ">
                                    <h2 class="accordion-header" id="headingOne">
                                        <a class="text-second h2 booking-link">@lang('site.conditionBooking') </a>
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            <div>
                                            </div>
                                            <div>
                                                <i class=" new-icon far fa-chevron-down"></i>
                                            </div>
                                        </button>
                                    </h2>
                                    <div id="collapseOne" class="accordion-collapse collapse show"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            @if (!empty($booking->car->user->InvestCoditions[0]['conditions']))
                                                <div class="custom-ul-list-item">
                                                    {{ $booking->car->user->InvestCoditions[0]['conditions'] }}
                                                </div>
                                            @else
                                                <div class="custom-ul-list-item">

                                                    @lang('site.conditionBookingss')

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

                                {{-- <div>
                                <a class="text-second h2 booking-link">@lang('site.conditionBooking') </a>
                            </div>

                            <div class="custom-ul-list-item">{{ $booking->car->user->InvestCoditions[0]['conditions'] }}</div>
                            <div> --}}

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="card-booking mb-5">
                            <div class="d-sm-flex justify-content-sm-between py-md-4 px-md-3 p-3">
                                <div>
                                    <div class="d-flex align-items-center pb-3">
                                        <span class="booking-icon">
                                            <i class="fal fa-calendar-alt"></i>
                                        </span>
                                        <span class="text-second dd-txt pe-2">
                                            @lang('site.reciept_date')
                                        </span>
                                    </div>
                                    <div class="card-booking p-3 text-center">
                                        {{--                                        <h2 class="mb-0 lh-1">22</h2> --}}
                                        {{--                                        <div>مارس</div> --}}
                                        <div class="text-gray-4 pt-1"> {{ $booking->reciept_date ?? '' }}</div>
                                    </div> {{-- {{ $car->reciept_date ?? '' }} --}}

                                </div>
                                <div>
                                    <div class="d-flex align-items-center pb-3 mt-md-0 mt-3">
                                        <span class="booking-icon">
                                            <i class="fal fa-calendar-alt"></i>
                                        </span>
                                        <span class="text-second dd-txt pe-2 ">@lang('site.delivery_date')</span>
                                    </div>
                                    <div class="card-booking p-3 text-center">
                                        <div class="text-gray-4 pt-1"> {{ $booking->delivery_date ?? '' }}</div>


                                    </div>
                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-clock"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2"> @lang('site.Receipt hour') </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->delivery_hour ?? '' }}

                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-clock"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">@lang('site.delivery hour') </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->receipt_hour ?? '' }}
                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-cloud-sun"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2"> @lang('site.day_count') </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->day_count ?? 0 }}
                                </div>
                            </div>
                            {{-- <hr class="hr-saeeh my-0" /> --}}
                            {{-- <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                <span class="booking-icon">
                                        <i class="far fa-user"></i>
                                        </span>
                                    <span class="text-second dd-txt pe-2">@lang('site.personnumber') </span>
                                </div>
                                <div
                                    class="text-gray-2 d-flex align-items-center justify-content-center booking-data"
                                >
                                    {{$booking->person_num ?? 0}}
                                </div>
                            </div> --}}
                        </div>

                        <div class="card-booking mb-4">
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-car-side"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">@lang('site.category')</span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->car->categories->name ?? '' }}
                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-car-side"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">
                                        @lang('site.year')
                                    </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->car->year ?? '' }}
                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-palette"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">
                                        @lang('site.color')
                                    </span>
                                </div>

                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{-- {{$booking->car->color ?? ''}} --}}
                                    <div style="background-color:{{ $booking->car['color'] ?? '' }}; width:15%;">
                                        <p></p>
                                    </div>
                                </div>

                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-user"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">@lang('site.user')
                                    </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->user->firstname ?? '' }}
                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="fal fa-briefcase"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">

                                        @lang('site.year')
                                    </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->car->year ?? '' }}
                                </div>
                            </div>
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between py-1 px-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="far fa-car-side"></i>
                                    </span>
                                    <span class="text-second dd-txt pe-2">
                                        @lang('site.car_numbers')
                                    </span>
                                </div>
                                <div class="text-gray-2 d-flex align-items-center justify-content-center booking-data">
                                    {{ $booking->car->car_numbers ?? 0 }}
                                </div>
                            </div>

                        </div>

                        @if ($booking->booking_status_id == 1)
                            <hr class="hr-saeeh my-0" />
                            <div class="d-flex justify-content-between p-3">
                                <div class="d-flex align-items-center">
                                    <span class="booking-icon">
                                        <i class="fal fa-pencil-alt text-second"></i>
                                    </span>
                                    <a class="text-second dd-txt pe-2 booking-link"
                                        href="{{ route('editbookingcar', $booking->id) }}">@lang('site.Modify your selection')
                                    </a>
                                </div>
                            </div>
                        @else
                            <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\Models\BookingStatus&quot; not found in /home/saeeh/public_html/resources/views/frontend/bookingdetail.blade.php:381
Stack trace:
#0 {main}
  thrown in <b>/home/saeeh/public_html/resources/views/frontend/bookingdetail.blade.php</b> on line <b>381</b><br />