@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 ($category->name_ar)
                            <li class="breadcrumb-item text-gray-4" aria-current="page">
                            @if(strpos(Request::server('HTTP_REFERER'), Request::root()) !== false)
                              
                                <a href="{{url()->previous()}}">
                            @else
                                
                                <a href="{{route('aquars',$category->id)}}">
                            @endif
                                 {{ $category->name_ar ?? '' }}  </a> 

                            </li>
                        @endif
                        
                        @if ($aquar->name_ar)
                            <li class="breadcrumb-item text-gray-4" aria-current="page">
                                <!-- <a href="javascript:void(0)"> --> {{ $aquar->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">
                            @if (!empty($aquar->images))
                                @foreach (explode(',', $aquar->images) as $key => $img)
                                    <div class="slide @if ($key == 0) show @endif"
                                        data-slide="{{ $key }}">
                                        <img src="{{ $img }}"
                                            onerror="this.src='{{ FRONTASSETS }}/images/department-1.svg'"
                                            alt="department" />
                                    </div>
                                @endforeach
                            @else
                                {{-- <div class="slide" data-slide="{{ $key }}">
                                    <img src="{{ FRONTASSETS }}/images/side-image-1.png" alt="department" />
                                </div>
                                <div class="slide" data-slide="{{ $key }}">
                                    <img src="{{ FRONTASSETS }}/images/side-image-1.png" alt="department" />
                                </div> --}}
                                <div class="slide">
                                    <img src="{{ FRONTASSETS }}/images/side-image-1.png" alt="department" />
                                </div>
                                <div class="slide">
                                    <img src="{{ FRONTASSETS }}/images/side-image-1.png" alt="department" />
                                </div>
                            @endif

                            <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($aquar->images))
                                @foreach (explode(',', $aquar->images) as $key => $img)
                                    <div class="thumbnail @if ($key == 0) active @endif"
                                        data-slide="{{ $key }}">
                                        <img src="{{ $img }}"
                                            onerror="this.src='{{ FRONTASSETS }}/images/department-1.svg'"
                                            alt="department" />
                                    </div>
                                @endforeach
                            @else
                                {{-- <div class="thumbnail" data-slide="{{ $key }}">
                                    <img src="{{ FRONTASSETS }}/images/side-image-1.png" alt="department" />
                                </div> --}}
                                <div class="thumbnail">
                                    <img src="{{ FRONTASSETS }}/images/side-image-1.png" alt="department" />
                                </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')({{ $aquar->id ?? 0 }})
                        </div>
                        <h2 class="pt-3">{!! strip_tags(html_entity_decode($aquar->name ?? '')) !!}</h2>
                        <div class="d-flex align-items-center mt-2">
                            <div class="department-badge bg-main text-white">
                                <div class="pt-1">{{ round($aquar->aqarReview2()) }}</div>
                                <div>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="number-ads gray-txt">
                                @lang('site.comments')

                                {{ $aquar->aqarComment->count() }}
                            </div>

                        </div>


                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="details-box mb-4 mt-lg-0 mt-3">
                            <div class="py-2 px-3 d-flex align-items-center">
                                <div class="details-icon">
                                    <i class="far fa-map-marker-alt"></i>

                                </div>

                                <div class="d-flex align-items-center">
                                    <div class="h2 text-second mb-0">@lang('site.locations'):</div>
                                    <div class="h2 text-gray-4 mb-0 padding-details"><span>
                                            {{ $aquar->country->name ?? '' }} , {{ $aquar->city->name ?? '' }}</span>
                                    </div>
                                </div>

                            </div>
                            {{-- <div class="py-2 px-3 d-flex align-items-center">
                                <div class="details-icon">
                                    <i class="far fa-building"></i>

                                </div>
                                <div class="d-flex align-items-center">
                                    <div class="h2 text-second mb-0">@lang('site.floor_numbers'):</div>
                                    @foreach ($aquar->aqarSection as $key => $section)
                                        @if ($section->name_ar == 'عدد الأدوار')
                                            @if ($section->subsection->isNotEmpty())
                                                @foreach ($section->subsection->unique('name') as $subsection)
                                                    @if (!empty($subsection->name))
                                                        <div class="h2 text-gray-4 mb-0 padding-details">
                                                            {{ $subsection->name }}
                                                        </div>
                                                    @endif
                                                @endforeach
                                            @endif
                                        @endif
                                    @endforeach


                                </div>
                            </div> --}}
                            @php
                                $floorSections = $aquar->aqarSection->filter(function ($section) {
                                    return $section->name_ar == 'عدد الأدوار' &&
                                        $section->subsection->isNotEmpty() &&
                                        $section->subsection->unique('name')->whereNotNull('name')->isNotEmpty();
                                });
                            @endphp

                            @if ($floorSections->isNotEmpty())
                                <div class="py-2 px-3 d-flex align-items-center">
                                    <div class="details-icon">
                                        <i class="far fa-building"></i>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <div class="h2 text-second mb-0">@lang('site.floor_numbers'):</div>
                                        @foreach ($floorSections as $section)
                                            @foreach ($section->subsection->unique('name')->whereNotNull('name') as $subsection)
                                                <div class="h2 text-gray-4 mb-0 padding-details">
                                                    {{ $subsection->name }}
                                                </div>
                                            @endforeach
                                        @endforeach
                                    </div>
                                </div>
                            @endif

                            @if ($aquar->fixed_price != null || $aquar->changed_price != null)
                                @if ($aquar->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">
                                                {{ $aquar->fixed_price . ' ' . ($aquar->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">
                                                {{ $aquar->fixed_price . ' ' . ($aquar->country->currency_ar ?? '') }}
                                            </div>
                                        </div>
                                    </div>
                                @elseif ($aquar->changed_price != null)
                                    @php
                                        $changed_price = json_decode($aquar->changed_price);
                                    @endphp
                                    @if (!empty($changed_price->person_num) && !empty($changed_price->price))
                                        @foreach ($changed_price->person_num as $key => $person_num)
                                            @if (!is_null($person_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-user"></i>
                                                    </div>
                                                    <div class="d-flex align-items-center">
                                                        <span class="h2 text-second mb-0">@lang('site.personnumber'):</span>
                                                        <div class="h2 text-gray-4 mb-0 padding-details">
                                                            {{ $person_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] . ' ' . ($aquar->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('bookingaquars', $aquar->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>
                                <a href="#tab-1" class="tab-link d-flex align-items-center justify-content-center">
                                    @lang('site.details') </a>
                            </li>
                            <li>
                                <a href="#tab-2" class="tab-link d-flex align-items-center justify-content-center">
                                    @lang('site.comments') </a>
                            </li>
                            <li>
                                <a href="#tab-3" class="tab-link d-flex align-items-center justify-content-center">
                                    @lang('site.locations') </a>
                            </li>
                            <li>
                                <a href="#tab-4" 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">
                                            {{-- {{ $aquar->details ?? '' }} --}}
                                            {!! strip_tags(html_entity_decode($aquar->details ?? '')) !!}

                                        </div>
                                        <h3 class="details-head">
                                            {!! strip_tags(html_entity_decode($aquar->description ?? '')) !!}
                                            {{-- {!! html_entity_decode($aquar->description) !!} --}}
                                        </h3>
                                    </div>
                                    <div class="col-12 my-lg-3">
                                        <div class="accordion" id="accordion_details">
                                            @foreach ($aquar->aqarSection as $key => $section)
                                                <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-{{ $key }}"
                                                            aria-expanded="true"
                                                            aria-controls="accordion-details-{{ $key }}">
                                                            <div>

                                                                <img src="{{ asset('images/services_aqars/' . $section->icon) }}"
                                                                    width="50" height="50"
                                                                    onerror="this.src='{{ FRONTASSETS }}/images/side-image-2.png'"
                                                                    alt="car" />


                                                                {{ $section->name ?? '' }}
                                                            </div>

                                                            <div>
                                                                <i class="far fa-chevron-down"></i>

                                                            </div>
                                                        </button>
                                                    </h2>
                                                    <div id="accordion-details-{{ $key }}"
                                                        class=" collapse show">
                                                        <div class="accordion-body">
                                                            @foreach ($section->subsection->unique('name') as $subsection)
                                                                <div class="custom-ul-list">
                                                                    <div class="custom-ul-list-item">
                                                                        {{ $subsection->name ?? '' }}
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="col-12 d-flex justify-content-center mb-5">
                                        <div class="booking-now-btn py-4 d-flex justify-content-center align-items-center">
                                            <a href="{{ route('bookingaquars', $aquar->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($aquar->aqarReview2()) }}</span>
                                                                </div>
                                                                <div class="text-second text-center">
                                                                    {{ $aquar->aqarComment->count() }} @lang('site.reviews')
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    @if (round($aquar->aqarReview2()) == 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($aquar->aqarReview2()) == 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($aquar->aqarReview2()) == 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($aquar->aqarReview2()) == 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($aquar->aqarReview2()) == 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 ($aquar->aqarReview 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 $aquar in <b>/home/saeeh/public_html/resources/views/frontend/detailaquar.blade.php</b> on line <b>429</b><br />
<br />
<b>Fatal error</b>:  Uncaught Error: Call to a member function aqarReviewElement() on null in /home/saeeh/public_html/resources/views/frontend/detailaquar.blade.php:429
Stack trace:
#0 {main}
  thrown in <b>/home/saeeh/public_html/resources/views/frontend/detailaquar.blade.php</b> on line <b>429</b><br />