@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>
                        
                        @if ($car->name_ar)
                            <li class="breadcrumb-item">
                                <a href="javascript:void(0)"> {{ $car->name_ar ?? '' }} </a>

                            </li>
                        @endif

                    </ol>
                </nav>
            </div>
        </section>
        <section class="py-4">
            <div class="container">
                <div class="row" id="slideshow">
                    <div class="col-lg-10">
                        <div id="slides">
                            {{-- {{ dd("dd") }} --}}
                            @if (!empty($car->images))
                                {{-- {{ dd($car->images) }} --}}
                                @foreach (explode(',', $car->images) as $key => $img)
                                    <div class="slide @if ($key == 0) show @endif"
                                        data-slide="{{ $key }}">
                                        <img src="{{ $img }}" alt="car" />
                                    </div>
                                @endforeach
                            @else
                                {{-- <div class="slide show" data-slide="{{ $key }}">
                                    <img src="{{ FRONTASSETS }}/images/cars/car.png"
                                        onerror="this.src='{{ FRONTASSETS }}/images/cars/car.png'" alt="car" />
                                </div> --}}
                                <div class="slide show">
                                    <img src="{{ FRONTASSETS }}/images/cars/car.png"
                                        onerror="this.src='{{ FRONTASSETS }}/images/cars/car.png'" alt="car" />
                                </div>
                            @endif

                            {{--                            <div class="slide" data-slide="2"> --}}
                            {{--                                <img src="{{FRONTASSETS}}/images/cars/sm-car.png" alt="car"/> --}}
                            {{--                            </div> --}}

                            {{--                            <div class="slide" data-slide="3"> --}}
                            {{--                                <img src="{{FRONTASSETS}}/images/cars/sm-car.png" alt="car"/> --}}
                            {{--                            </div> --}}
                            {{--                            <div class="slide" data-slide="4"> --}}
                            {{--                                <img src="{{FRONTASSETS}}/images/cars/sm-car.png" alt="car"/> --}}
                            {{--                            </div> --}}
                            <div class="slide-btn next-slide">
                                <i class="fas fa-chevron-left"></i>
                            </div>

                            <div class="slide-btn prev-slide">
                                <i class="fas fa-chevron-right"></i>
                            </div>

                        </div>
                    </div>

                    <div class="col-lg-2 gallery-list-mobile">
                        <div id="gallery">
                            @if (!empty($car->images))
                                {{-- {{ dd($car->images) }} --}}
                                @foreach (explode(',', $car->images) as $key => $img)
                                    {{-- {{ dd($car->images) }} --}}
                                    <div class="thumbnail @if ($key == 0) active @endif"
                                        data-slide="{{ $key }}">
                                        <img alt="car" src="{{ $img }}"
                                            onerror="this.src='{{ FRONTASSETS }}/images/cars/car.png'" />
                                    </div>
                                @endforeach
                            @else
                                {{-- <div class="thumbnail" data-slide="{{ $key }}">
                                    <img alt="car" src="{{ FRONTASSETS }}/images/cars/car.png"
                                        onerror="this.src='{{ FRONTASSETS }}/images/cars/car.png'" />
                                </div> --}}
                                <div class="thumbnail">
                                    <img alt="car" src="{{ FRONTASSETS }}/images/cars/car.png"
                                        onerror="this.src='{{ FRONTASSETS }}/images/cars/car.png'" />
                                </div>
                            @endif

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

                <div class="row mt-4">
                    <div class="col-lg-8 col-md-6">
                        <div
                            class="badge-ads-details bg-main round-border d-flex align-items-center justify-content-center">
                            @lang('site.id number')({{ $car->id }})


                        </div>
                        <h2 class="pt-3">{{ $car->name ?? '' }}</h2>
                        <div class="d-flex align-items-center mt-3">
                            <div class="department-badge bg-main text-white">
                                <div class="pt-1">{{ round($car->carReview2()) }}</div>
                                <div>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="number-ads gray-txt">{{ $car->carComment->count() ?? 0 }} @lang('site.comments')
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="details-box mb-4 mt-lg-0 mt-3">
                            @if ($car->fixed_price != null || $car->changed_price != null)
                                @if ($car->fixed_price != null)
                                    <div class="pb-2 p-3 d-flex align-items-center">
                                        <div class="details-icon">
                                            <i class="far fa-wallet"></i>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <div class="h2 text-second mb-0"> @lang('site.price'):</div>
                                            <div class="h2 text-main mb-0 padding-details">
                                                {{ $car->fixed_price . ' ' . ($car->country->currency_ar ?? '') }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="py-2 px-3 bg-light-orange d-flex align-items-center">
                                        <div class="details-icon">
                                            <i class="far fa-wallet"></i>
                                        </div>
                                        <div class="d-flex align-items-center">
                                            <div class="h2 text-gray-2 mb-0">@lang('site.Reservation deposit'):</div>
                                            <div class="h2 text-gray-2 mb-0 padding-details">
                                                {{ $car->fixed_price . ' ' . ($car->country->currency_ar ?? '') }}
                                            </div>
                                        </div>
                                    </div>
                                @elseif ($car->changed_price != null)
                                    @php
                                        $changed_price = json_decode($car->changed_price);
                                    @endphp
                                    @if (!empty($changed_price->day_num) && !empty($changed_price->price))
                                        @foreach ($changed_price->day_num as $key => $day_num)
                                            @if (!is_null($day_num) && !is_null($changed_price->price[$key]))
                                                <div class="pb-2 p-3 d-flex align-items-center">
                                                    <div class="details-icon">
                                                        <i class="fal fa-cloud-sun"></i>
                                                    </div>
                                                    <div class="d-flex align-items-center">
                                                        <span class="h2 text-second mb-0"> @lang('site.day_numbers'):</span>
                                                        <div class="h2 text-gray-4 mb-0 padding-details">
                                                            {{ $day_num }}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="pb-2 p-3 d-flex align-items-center">
                                                    <div class="details-icon">
                                                        <i class="far fa-wallet"></i>
                                                    </div>
                                                    <div class="d-flex align-items-center">
                                                        <div class="h2 text-second mb-0"> @lang('site.price'):</div>
                                                        <div class="h2 text-main mb-0 padding-details">
                                                            {{ $changed_price->price[$key] . ' ' . ($car->country->currency_ar ?? '') }}
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    @endif
                                @endif
                            @endif


                            <div class="pt-2 p-3 d-flex align-items-center">
                                <div>
                                    <img src="{{ FRONTASSETS }}/images/money-ic.png" alt="money icon">
                                </div>
                                <div class="boxx-txt text-gray-2 ">
                                    @lang('site.The deposit is paid at the time of booking')
                                </div>
                            </div>
                        </div>
                        <div class="booking-now-btn py-4 w-100 d-flex justify-content-center align-items-center">
                            <a href="{{ route('bookingcar', $car->id) }}"> @lang('site.book')</a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="tabs-details mt-5">
                        <ul class="tabs-nav-details list-unstyled mb-0 tabs-nav-detailss">
                            <li class="car-item">
                                <a href="#tab-1" class="tab-link d-flex align-items-center justify-content-center">
                                    @lang('site.details')
                                </a>
                            </li>
                            <li class="car-item">
                                <a href="#tab-2" class="tab-link d-flex align-items-center justify-content-center">
                                    @lang('site.comments')
                                </a>
                            </li>

                            <li class="car-item">
                                <a href="#tab-3" class="tab-link d-flex align-items-center justify-content-center">
                                    @lang('site.conditions')
                                </a>
                            </li>
                        </ul>
                        <ul class="tabs-content list-unstyled tabs-content-details">
                            <li id="tab-1">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="details-txt py-4">


                                            {!! strip_tags(html_entity_decode($car->description ?? '')) !!}

                                            {{-- {!! html_entity_decode(substr($car->description, 0, 125)) !!} --}}

                                        </div>
                                        <h3 class="details-head"> {{ $car->name ?? '' }}</h3>
                                    </div>
                                    <div class="col-12 my-lg-3">
                                        <div class="accordion" id="accordion_details">
                                            <div class="accordion-item details-item mb-2">
                                                <h2 class="accordion-header">
                                                    <button class="accordion-button fw-bold" data-bs-toggle="collapse"
                                                        data-bs-target="#accordion-details-1" aria-expanded="true"
                                                        aria-controls="accordion-details-1">
                                                        <div class="details-car-ic">
                                                            <i class="fal fa-car-side"></i>
                                                            @lang('site.category')
                                                        </div>

                                                        <div>
                                                            <i class="far fa-chevron-down"></i>
                                                        </div>
                                                    </button>
                                                </h2>
                                                <div id="accordion-details-1" class=" collapse show">
                                                    <div class="accordion-body">
                                                        <div class="custom-ul-list">
                                                            <div class="custom-ul-list-item">{{ $car->category ?? '' }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-item details-item mb-2">
                                                <h2 class="accordion-header">
                                                    <button class="accordion-button fw-bold collapsed"
                                                        data-bs-toggle="collapse" data-bs-target="#accordion-details-2"
                                                        aria-expanded="false" aria-controls="accordion-details-2">
                                                        <div class="details-car-ic">
                                                            <i class="fal fa-car-side"></i>
                                                            @lang('site.year')
                                                        </div>

                                                        <div>
                                                            <i class="far fa-chevron-down"></i>
                                                        </div>
                                                    </button>
                                                </h2>
                                                <div id="accordion-details-2" class=" collapse show">
                                                    <div class="accordion-body">
                                                        <div class="custom-ul-list">
                                                            <div class="custom-ul-list-item">{{ $car->year ?? '' }}</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="accordion-item details-item mb-2">
                                                <h2 class="accordion-header">
                                                    <button class="accordion-button fw-bold collapsed"
                                                        data-bs-toggle="collapse" data-bs-target="#accordion-details-3"
                                                        aria-expanded="false" aria-controls="accordion-details-3">
                                                        <div class="details-car-ic">
                                                            <i class="far fa-palette"></i>
                                                            @lang('site.color')
                                                        </div>

                                                        <div>
                                                            <i class="far fa-chevron-down"></i>
                                                        </div>
                                                    </button>
                                                </h2>
                                                <div id="accordion-details-3" class="collapse show">
                                                    <div class="accordion-body">
                                                        <div class="custom-ul-list">
                                                            <div class="custom-ul-list-item">
                                                                <p class="color-block"
                                                                    style="background-color: {{ $car['color'] ?? '' }}">
                                                                </p>
                                                            </div>
                                                            {{-- <div class="custom-ul-list-item">{{ $car->color ?? '' }}</div> --}}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="accordion-item details-item mb-2">
                                                <h2 class="accordion-header">
                                                    <button class="accordion-button fw-bold collapsed"
                                                        data-bs-toggle="collapse" data-bs-target="#accordion-details-6"
                                                        aria-expanded="false" aria-controls="accordion-details-6">
                                                        <div class="details-car-ic">
                                                            <i class="fal fa-car-side"></i>
                                                            @lang('site.car_numbers')
                                                        </div>

                                                        <div>
                                                            <i class="far fa-chevron-down"></i>
                                                        </div>
                                                    </button>
                                                </h2>
                                                <div id="accordion-details-6" class="collapse show">
                                                    <div class="accordion-body">
                                                        <div class="custom-ul-list">
                                                            <div class="custom-ul-list-item">{{ $car->car_numbers ?? 0 }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 d-flex justify-content-end mb-5">
                                        <div class="booking-now-btn py-4 d-flex justify-content-center align-items-center">
                                            <a href="{{ route('bookingcar', $car->id) }}">

                                                @lang('site.book')</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li id="tab-2">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="full-reviews round-border mt-4 py-lg-4 px-lg-5 p-3">
                                            <div class="row g-0">
                                                <div class="col-lg-9 d-md-flex align-items-center">
                                                    <div class="d-flex align-items-center justify-content-center">
                                                        <div
                                                            class="round-box d-flex justify-content-center align-items-center">
                                                            <div>
                                                                <div>
                                                                    <span class="star-review"><i
                                                                            class="fas fa-star"></i></span>
                                                                    <span class="text-second">
                                                                        {{ round($car->carReview2()) }}</span>
                                                                </div>
                                                                <div class="text-second text-center">
                                                                    {{ $car->carComment->count() ?? 0 }} @lang('site.reviews')
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @if (round($car->carReview2()) == 5)
                                                        <div class="reviews-content">
                                                            <h2 class="review-title">@lang('site.excellent')</h2>
                                                            <p class="review-txt">@lang('site.Based on reviews from all kinds of travelers')</p>
                                                        </div>
                                                    @elseif(round($car->carReview2()) == 4)
                                                        <div class="reviews-content">
                                                            <h2 class="review-title">@lang('site.excellent2')</h2>
                                                            <p class="review-txt">@lang('site.Based on reviews from all kinds of travelers')</p>
                                                        </div>
                                                    @elseif(round($car->carReview2()) == 3)
                                                        <div class="reviews-content">
                                                            <h2 class="review-title">@lang('site.excellent3')</h2>
                                                            <p class="review-txt">@lang('site.Based on reviews from all kinds of travelers')</p>
                                                        </div>
                                                    @elseif(round($car->carReview2()) == 2)
                                                        <div class="reviews-content">
                                                            <h2 class="review-title">@lang('site.excellent4')</h2>
                                                            <p class="review-txt">@lang('site.Based on reviews from all kinds of travelers')</p>
                                                        </div>
                                                    @elseif(round($car->carReview2()) == 1)
                                                        <div class="reviews-content">
                                                            <h2 class="review-title">@lang('site.excellent5')</h2>
                                                            <p class="review-txt">@lang('site.Based on reviews from all kinds of travelers')</p>
                                                        </div>
                                                    @else
                                                        <div class="reviews-content">
                                                            <h2 class="review-title">@lang('site.excellent6')</h2>
                                                            {{-- <p class="review-txt">@lang('site.Based on reviews from all kinds of travelers')</p> --}}
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="col-lg-3">
                                                    <div
                                                        class="rating-see-btn py-4 d-flex justify-content-center align-items-center">
                                                        <a href="#" data-bs-toggle="modal"
                                                            data-bs-target="#YourRateModal">
                                                            @lang('site.Rate now')
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>



                                <div class="row pt-4">
                                    @foreach ($car->carReviews as $review)
                                        @if (!empty($review->reviewElement))
                                            <div class="col-lg-6 pb-4">

                                                <div class="d-flex justify-content-between align-items-center">
                                                    <div class="text-gray-2">{{ $review->reviewElement->name ?? '' }}
                                                    </div>
                                                    {{-- <div >{{round($aquar->aqarReviews->avg('rate')) ?? 0}}</div> --}}
                                                </div>

                                                <br />
<b>Warning</b>:  Undefined variable $car in <b>/home/saeeh/public_html/resources/views/frontend/detailcar.blade.php</b> on line <b>426</b><br />
<br />
<b>Fatal error</b>:  Uncaught Error: Call to a member function carReviewElement() on null in /home/saeeh/public_html/resources/views/frontend/detailcar.blade.php:426
Stack trace:
#0 {main}
  thrown in <b>/home/saeeh/public_html/resources/views/frontend/detailcar.blade.php</b> on line <b>426</b><br />