@extends('layout.master')

@section('meta')
    @include('layout.partials.seo', [
        'title' => $tour->meta_title,
        'description' => $tour->meta_description,
        'keywords' => $tour->meta_keywords,
        'image' => $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH, 'webp')['url'],
        'schema' => $tour->schema,
    ]) 
@endsection

@section('extraStyles')
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

    {{-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> --}}
@endsection
@section('content')
    <!--====================================================================
                                                                                           Carousel Start
                                                                                     ====================================================================-->
    <div class="container-fluid bg-breadcrumb"
        style="  position: relative;
            background: linear-gradient(#d09d5b30, #cc944e47), url({{ $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_BANNER_MEDIA_PATH, 'webp')['url'] }});
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 60px 0 100px 0;
            transition: 0.5s;">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h1 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">
                {{ $tour->name }}
            </h1>
        </div>
    </div>

    <div class="container-fluid  py-3 banar">
        <ol class="breadcrumb text-dark mb-0 wow fadeInDown" data-wow-delay="0.3s">
            <li class="breadcrumb-item"><a href="{{ route('home') }}" class="text-dark">{{ __('general.home') }}</a></li>
            <li class="breadcrumb-item"><a
                    href="{{ route('tour.category', ['categorySlug' => $tour->category->category->slug]) }}"
                    class="text-dark">{{ $tour->category->category->heading }}</a></li>
            <li class="breadcrumb-item"><a
                    href="{{ route('tour.index', ['categorySlug' => $tour->category->category->slug, 'subCategorySlug' => $tour->category->slug]) }}"
                    class="text-dark">{{ $tour->category->heading }}</a></li>
            <li class="breadcrumb-item active text-secondary"> {{ $tour->heading }}</li>
        </ol>
    </div>

    <!--====================================================================
                                                                                            Carousel
                                                                                     ====================================================================-->

    <!--====================================================================
                                                                                         tours Details
                                                                                    ====================================================================-->

    <section class="tour-details mt-50">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8">

                    <div class="tour-heading  ">
                        <a>
                            <h2> {{ $tour->name }}
                            </h2>
                        </a>
                        <div class="tour-details-cat-wrap ">
                            @isset($tour->duration)
                                <div class="tour-details-cat-item d-flex ">
                                    <div class="tour-details-cat-icon">
                                        <span>
                                            <i class="fa-solid fa-clock cont_icone"></i>
                                        </span>
                                    </div>
                                    <div class="tour-details-cat-text">
                                        <p>{{ $tour->duration }}</p>
                                    </div>
                                </div>
                            @endisset
                        </div>
                    </div>

                    <div class="tour-gallery">

                        <div class="row">
                            <!-- Swiper -->
                            <div class="col-xl-12 col-lg-12">
                                <div class="swiper mySwiper">
                                    <div class="swiper-wrapper">


                                        @foreach ($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH) as $galleryImage)
                                            <div class="swiper-slide">
                                                <img src=" {{ $galleryImage->getUrl('webp') }}"
                                                    alt="{{ $galleryImage->img_alt !== null ? json_decode($galleryImage->img_alt, true)[app()->getLocale()] : $tour->name }} }}"
                                                    title="{{ $galleryImage->img_title !== null ? json_decode($galleryImage->img_title, true)[app()->getLocale()] : $tour->name }}"
                                                    class="swiper__img" />
                                            </div>
                                        @endforeach


                                    </div>
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                                </div>
                            </div>

                        </div>

                        <div class="tour-overview mt-4">
                            <h3 class="tour-details-title mt-4 mb-4">{{ __('tour.overview') }} </h3>

                            <p>{!! $tour->description !!}</p>
                        </div>

                        <div class="tour-overview mt-4">
                            <div class="tour-include-exclude-table d-flex">
                                <div class="tour-include">
                                    <ul class="tour-Overview">
                                        @if ($tour->tour_guide != null)

                                            <li class="overview-item ">
                                                <i class="fa-solid fa-person-walking"></i> {{ __('tour.tour_guide') }} :
                                                <span> {{ $tour->tour_guide }} </span>
                                            </li>
                                        @endif

                                        @if ($tour->duration != null)

                                            <li class="overview-item ">
                                                <i class="fa-regular fa-newspaper"></i>
                                                {{ __('tour.duration') }} :
                                                <span> {{ $tour->duration }} </span>
                                            </li>
                                        @endif

                                        @if ($tour->group_size != null)
                                            <li class="overview-item">
                                                <i class="fa-solid fa-people-group"></i>
                                                {{ __('tour.group_size', [], 'en') }} :
                                                <span>{{ $tour->group_size }}</span>
                                            </li>
                                        @endif



                                    </ul>
                                </div>

                                <div class="tour-exclude">
                                    <ul class="tour-Overview">
                                        @if ($tour->location != null)
                                            <li class="overview-item ">
                                                <i class="fa-solid fa-map-location"></i>
                                                {{ __('tour.location') }} :
                                                <span> {{ $tour->location }} </span>
                                            </li>
                                        @endif

                                        @if ($tour->tour_type != null)
                                            <li class="overview-item ">
                                                <i class="fa-solid fa-earth-europe"></i>
                                                {{ __('tour.tour_type') }}:
                                                <span> {{ $tour->tour_type }}</span>
                                            </li>
                                        @endif


                                        @if ($tour->runs != null)
                                            <li class="overview-item ">
                                                <i class="fa-solid fa-diamond-turn-right"></i>
                                                {{ __('tour.runs') }} :
                                                <span> {{ $tour->runs }}</span>
                                            </li>
                                        @endif

                                    </ul>
                                </div>


                            </div>
                        </div>

                        <div class="tour-nav">
                            <div class="tour-nav-content d-flex align-items-center ">
                                @if ($tour->highlights != null)
                                    <h3 class="active"><a href="#Highlights">{{ __('tour.highlights') }} </a></h3>

                                @endif
                                @if (count($itineraries))
                                    <h3 class=""><a href="#Itinerary">{{ __('tour.itinary') }} </a></h3>

                                @endif
                                @if ($tour->included != null || $tour->exclude != null)
                                    <h3 class=""><a href="#Exclusions">{{ __('tour.included_exclude') }}</a></h3>

                                @endif
                                @if ($tour->notes != null)
                                    <h3 class=""><a href="#Notes">{{ __('tour.notes') }} </a></h3>

                                @endif
                                @if ($tour->optional_tours != null)
                                    <h3 class=""><a href="#Optional">{{ __('tour.optional_tours') }} </a></h3>

                                @endif
                                @if ($tour->accommodation != null)
                                    <h3 class=""><a href="#Accommodation">{{ __('tour.accommodation') }} </a></h3>

                                @endif
                                @if (count($related_tours))
                                    <h3 class=""><a href="#Tours">{{ __('tour.related_tours') }}</a></h3>

                                @endif
                            </div>
                        </div>

                        @if ($tour->highlights != null)

                            <div class="package-included-location" id="Highlights">
                                <h3 class="tour-details-title mt-4 mb-4 ">{{ __('tour.highlights') }} </h3>
                                {!! $tour->highlights !!}
                            </div>
                        @endif

                        @if (isset($itineraries))


                            @if ($itineraries)
                                @if (count($itineraries))
                                    <div class="tour_details_boxed" id="Itinerary">
                                        <h3 class="tour-details-title mt-4 mb-4">{{ __('tour.itinary') }}</h3>
                                        <div class="tour_details_boxed_inner">
                                            <div class="accordion accordion-flush" id="accordionExample">

                                                @foreach ($itineraries as $itinerary)
                                                    <div class="accordion_flex_area ">
                                                        {{-- @if ($loop->iteration > 1) --}}
                                                            <div class="accordion_left_side">
                                                                <h5>Day {{ $itinerary->day }}</h5>
                                                            </div>
                                                        {{-- @endif --}}

                                                        <div class="accordion-item">
                                                            <h2 class="accordion-header  {{ $loop->index == 0 ? 'active-day' : '' }}"
                                                                id="flush-headingTwo">
                                                                <button class="accordion-button collapsed" type="button"
                                                                    data-bs-toggle="collapse"
                                                                    data-bs-target="#flush-{{ $loop->index }}"
                                                                    aria-expanded="{{ $loop->index == 0 ? 'true' : 'false' }}"
                                                                    aria-controls="flush-{{ $loop->index }}">
                                                                    {{ $itinerary->heading }}
                                                                </button>
                                                            </h2>
                                                            <div id="flush-{{ $loop->index }}"
                                                                class="accordion-collapse collapse  {{ $loop->index == 0 ? 'show' : '' }}"
                                                                aria-labelledby="flush-headingTwo"
                                                                data-bs-parent="#accordionExample">
                                                                <div class="accordion-body tour_itinerary">
                                                                    <div class="accordion_itinerary_list active">
                                                                        @if (
                                                                            $itinerary->getFirstMediaUrlOrDefault(MediaHelper::itinerary_MEDIA_PATH, 'webp')['url'] ==
                                                                                '/images/header-logo.png')
                                                                        @else
                                                                            <img
                                                                                src="{{ $itinerary->getFirstMediaUrlOrDefault(MediaHelper::itinerary_MEDIA_PATH, 'webp')['url'] }}">
                                                                        @endif

                                                                        <p>
                                                                            {!! $itinerary->description !!}
                                                                        </p>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach

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

                        @endif
                        @if (isset($tour->inclusion) || isset($tour->exclusion))

                            <div class="tour-include-exclude mt-4" id="Exclusions">
                                <h3 class="tour-details-title mt-4 mb-4">{{ __('tour.included_exclude') }}
                                </h3>
                                <div class="tour-include-exclude-table d-flex">
                                    <div class="tour-include">
                                        {!! $tour->inclusion !!}
                                    </div>
                                    <div class="tour-exclude">
                                        {!! $tour->exclusion !!}

                                    </div>
                                </div>
                            </div>
                        @endisset
                        @if (!empty($tour->notes))
                            <div class="package-included-location" id="Notes">
                                <h3 class="tour-details-title mt-4 mb-4">{{ __('tour.notes') }}</h3>
                                {!! $tour->notes !!}
                            </div>
                        @endif


                        @if (!empty($tour->optional_tours))

                            <div class="package-included-location" id="Optional">
                                <h3 class="tour-details-title mt-4 mb-4">
                                    {{ __('tour.optional_tours') }}
                                </h3>
                                {!! $tour->optional_tours !!}

                            </div>
                        @endif

                        @if (!empty($tour->accommodation))

                            <div class="package-included-location" id="Accommodation">
                                <h3 class="tour-details-title mt-4 mb-4">
                                    {{ __('tour.accommodation') }}
                                </h3>
                                {!! $tour->accommodation !!}

                            </div>
                        @endif


                </div>

            </div>

            @include('tour.reservation')

        </div>
    </div>
</section>
@if (count($related_tours))
    <section class="tours-card position-relative mt-5" id="Tours">
        <div class="container">
            <div class="row">
                <div class="section--title text-center">
                    <div class="col-12">
                        <h3>{{ __('tour.related_tours') }} </h3>
                    </div>
                </div>
                @foreach ($related_tours as $related_tour)
                    <div class="col-lg-4">
                        <div class="package-card">
                            <div class="package-img position-relative">
                                <a
                                    href="{{ route('tour.show', ['categorySlug' => $related_tour->category->category->slug, 'subCategorySlug' => $related_tour->category->slug, 'tourSlug' => $related_tour->slug]) }}">

                                    <img class="w-100 blog__img"
                                        src="{{ $related_tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH, 'webp')['url'] }}"
                                        alt="{{ $related_tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH)['alt'] }}"
                                        title="{{ $related_tour->getFirstMediaUrlOrDefault(MediaHelper::PARTNER_MEDIA_PATH)['title'] }}" /></a>

                            </div>
                            <div class="package-content">

                                <h3 class="package-title mt-15 mb-15">
                                    <a
                                        href="{{ route('tour.show', ['categorySlug' => $related_tour->category->category->slug, 'subCategorySlug' => $related_tour->category->slug, 'tourSlug' => $related_tour->slug]) }}">{{ $related_tour->name }}</a>
                                </h3>
                                <div class="title-post">

                                    <p class="tour-para my-3">
                                        {!! \Illuminate\Support\Str::limit($related_tour->short_description, 100) !!}

                                    </p>
                                </div>
                                <div class="package-meta">
                                    <a
                                        href="{{ route('tour.show', ['categorySlug' => $related_tour->category->category->slug, 'subCategorySlug' => $related_tour->category->slug, 'tourSlug' => $related_tour->slug]) }}">
                                        <i class="fas fa-map-marker-alt"></i> {{ $related_tour->location }}

                                    </a>

                                    <a
                                        href="{{ route('tour.show', ['categorySlug' => $related_tour->category->category->slug, 'subCategorySlug' => $related_tour->category->slug, 'tourSlug' => $related_tour->slug]) }}"><i
                                            class="fa-solid fa-calendar-days"></i> {{ $related_tour->duration }}</a>
                                </div>
                                <div class="package-footer">
                                    <span class="package-price">


                                        <span class="package-price">{{ __('tour.start_from') }}
                                            {{ Currency::display($related_tour->start_from) }}

                                        </span>
                                    </span>
                                    <a href="{{ route('tour.show', ['categorySlug' => $related_tour->category->category->slug, 'subCategorySlug' => $related_tour->category->slug, 'tourSlug' => $related_tour->slug]) }}"
                                        class="btn-effect">{{ __('tour.more_details') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach


            </div>
        </div>
    </section>
@endif
@endsection
@section('extraScripts')
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="{{ asset('assets/js/custom.js') }}"></script>
<script src="{{ asset('assets/js/cart.js') }}"></script>
<script src="{{ asset('assets/js/tourDetal.js') }}"></script>
@endsection