@extends('layout.layout')
@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('content')
    <div class="wpo-breadcumb-area" style="background: url({{ $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_BANNER_MEDIA_PATH, 'webp')['url'] }}) no-repeat center top/cover;"
         title="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_BANNER_MEDIA_PATH)['title'] }}"
         role="img" aria-label="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_BANNER_MEDIA_PATH)['alt'] }}"
    >
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="wpo-breadcumb-wrap">
                        <h1>{{ $tour->name }}</h1>
                        <ul>
                            <li><a href="{{ route('home') }}">{{__('general.home')}}</a></li>
                            <li><a href="{{ route('category', [$country->slug, $category->slug]) }}">{{ $category->name }}</a></li>
                            <li><a href="{{ route('subCategory', [$country->slug, $category->slug, $subCategory->slug]) }}">{{ $subCategory->name }}</a></li>
                            <li class="active" aria-current="page">{{ $tour->name }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpo-hotel-details-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="wpo-hotel-details-wrap">
                        <div class="wpo-hotel-details-area">
                            <form class="clearfix">
                                @if(!empty($subCategory->name) && $tour->name !== null)
                                <div class="details-sub">
                                    <span>{{ __('tour.category') }}</span>
                                    <label>{{ $subCategory->name }}</label>
                                </div>
                                @endif
                                    @if(!empty($tour->destinations) && count($tour->destinations) > 0)
                                    <div class="details-sub">
                                    <span>{{ __('tour.destinations') }}</span>
                                    @foreach($tour->destinations as $destination)
                                        <label><a href="#">{{ $destination->name }}</a></label>
                                    @endforeach
                                   </div>
                                    @endif

                                    @if(!empty($tour->duration) && $tour->duration  > 0)
                                    <div class="details-sub">
                                    <span>{{ __('tour.duration') }}</span>
                                    <label>{{ $tour->duration }}</label>
                                     </div>
                                    @endif
                                    @if(!empty($tour->travelStyles) && count($tour->travelStyles) > 0)
                                    <div class="details-sub">
                                    <span>{{ __('tour.travel_styles') }}</span>
                                    @foreach($tour->travelStyles as $travelStyle)
                                        <label><a href="#">{{ $travelStyle->name }}</a></label>
                                    @endforeach
                                    </div>
                                    @endif
                                    @if(!empty($tour->price_start_from) && $tour->price_start_from > 0)
                                    <div class="details-sub">
                                        <label>{{ __('tour.price') }} <span>{{ CurrencyHelper::display($tour->price_start_from) }}</span> / {{ __('tour.night') }}</label>
                                    </div>
                                    @endif
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="Room-details-area pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-12">
                    {{-- start slider --}}
                    @if(count($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH)) > 0)
                    <div class="d-none d-xl-block d-lg-block">
                        <div class='demonstrations' style="padding-right: 12px;">
                            <div class="row">
                                <div class="col-md-9 col-lg-9 col-xl-9 col-12 pe-lg-0">
                                    @foreach($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH)->take(1)->unique() as $media)
                                        <div class="img_slider_large">
                                            <a href="{{$media->getUrl('webp')}}" class='lightview' data-lightview-group='example' data-lightview-title="" data-lightview-caption="">
                                                <img src="{{ $media->getUrl() }}"
                                                     title="{{$media->img_title !== null ? json_decode($media->img_title, true)[app()->getLocale()]:$tour->name }}"
                                                     alt="{{$media->img_alt !== null ? json_decode($media->img_alt, true)[app()->getLocale()] :$tour->name }}"
                                                />
                                            </a>
                                        </div>
                                        @break
                                    @endforeach
                                </div>
                                <div class="col-md-3 col-lg-3 col-xl-3 col-12 pe-lg-0">
                                    @foreach($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH)->unique()->slice(1, 2) as $media)
                                        <div class="img_slider_small active">
                                            <a href="{{ $media->getUrl() }}" class='lightview' data-lightview-group='example' data-lightview-title="" data-lightview-caption="">
                                                <img loading="lazy"
                                                     src="{{ $media->getUrl() }}"
                                                     title="{{$media->img_title !== null ? json_decode($media->img_title, true)[app()->getLocale()]:$tour->name }}"
                                                     alt="{{$media->img_alt !== null ? json_decode($media->img_alt, true)[app()->getLocale()] :$tour->name }}"
                                                >
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                                @if(count($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH)) > 3)
                                <div class="col-md-12 col-lg-12 col-xl-12 col-12">
                                    <div class="row">
                                        @foreach($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH)->unique()->splice(3)->take(4) as $media)
                                            <div class="col pe-lg-0">
                                                <div class="img_slider_thum @if($loop->last) active @endif" >
                                                    <a href="{{ $media->getUrl('webp') }}" class='lightview' data-lightview-group='example' data-lightview-title="" data-lightview-caption="">
                                                        <img loading="lazy"
                                                             src="{{ $media->getUrl() }}"
                                                             title="{{$media->img_title !== null ? json_decode($media->img_title, true)[app()->getLocale()]:$tour->name }}"
                                                             alt="{{$media->img_alt !== null ? json_decode($media->img_alt, true)[app()->getLocale()] :$tour->name }}"
                                                        >
                                                        @if($loop->last)
                                                            <div class="num_img_slider">
                                                                <i class="fa fa-camera"></i>
                                                                <label>
                                                                    {{count($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH))}} Photos
                                                                </label>
                                                            </div>
                                                        @endif

                                                    </a>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endif
                {{-- end slider --}}
                {{-- start slider mobile --}}
                <div class="d-block d-lg-none d-xl-none">
                    <div class="row" style="position: relative">
                        <div class="num_img_mobile">
                            <i class="fa fa-camera"></i>
                            <label>{{count($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH))}} Photos</label>
                        </div>
                        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-inner">
                                @foreach($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH) as $media)

                                <div class="carousel-item @if($loop->first) active  @endif">
                                    <img src="{{ $media->getUrl() }}" class="d-block w-100" alt="...">
                                </div>
                                @endforeach
                            </div>
                            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>
                    </div>
                </div>
                {{-- end slider mobile --}}
                    <div class="row">
                        @if(!empty($tour->description) && $tour->description !== null)
                        <div class="col-lg-12 col-12">
                            <div class="room-description">
                                <div class="room-title">
                                    <h2>{{ __('tour.description') }}</h2>
                                </div>
                                {!! $tour->description !!}
                            </div>
                        </div>
                        @endif
                    </div>

                    <div class="room-details-service">
                        <div class="row">
                            <div class="room-details-item">

                                <div class="row">
                                    <div class="col-md-7 col-sm-5">
                                        @if(!empty($tour->inclusion) && $tour->inclusion !== null && $tour->exclusion > 0)
                                        <div class="room-d-text">
                                            <div class="room-title">
                                                <h2>{{ __('tour.inclusion') }}</h2>
                                            </div>
                                            <ul class="included">
                                                {!! $tour->inclusion !!}
                                            </ul>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-md-5 col-sm-7">
                                        <div class="room-d-img">
                                            @if($tour->getFirstMedia(MediaHelper::IMAGE_INCLUSION_MEDIA_PATH) && $tour->getFirstMedia(MediaHelper::IMAGE_INCLUSION_MEDIA_PATH)->exists())
                                            <img src="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::IMAGE_INCLUSION_MEDIA_PATH, 'webp')['url'] }}" title="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::IMAGE_INCLUSION_MEDIA_PATH)['title'] }}" alt="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::IMAGE_INCLUSION_MEDIA_PATH)['alt'] }}">
                                            @else
                                            <img src="{{asset('assets/images/about2.jpg')}}" alt="{{ $tour->name }}" title="{{ $tour->name }}">
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-7 col-sm-5">
                                        @if(!empty($tour->exclusion) && $tour->exclusion !== null && $tour->exclusion > 0)
                                            <div class="room-d-text">
                                            <div class="room-title">
                                                <h2>{{ __('tour.exclusion') }}</h2>
                                            </div>
                                            <ul class="excluded">
                                                {!! $tour->exclusion !!}
                                            </ul>
                                        </div>
                                        @endif
                                    </div>
                                    <div class="col-md-5 col-sm-7">
                                        <div class="room-d-img">
                                            @if($tour->getFirstMedia(MediaHelper::IMAGE_EXCLUSION_MEDIA_PATH) && $tour->getFirstMedia(MediaHelper::IMAGE_EXCLUSION_MEDIA_PATH)->exists())
                                            <img src="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::IMAGE_EXCLUSION_MEDIA_PATH, 'webp')['url'] }}" title="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::IMAGE_EXCLUSION_MEDIA_PATH)['title'] }}" alt="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::IMAGE_EXCLUSION_MEDIA_PATH)['alt'] }}">
                                            @else
                                            <img src="{{asset('assets/images/about3.jpg')}}" alt="{{ $tour->name }}" title="{{ $tour->name }}">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if(!empty($tour->itineraries) && $tour->itineraries !== null && count($tour->itineraries) > 0)
                        <div class="wpo-faq-section fqa_view_tour">
                        <div class="mb-4">
                            <h2>{{ __('tour.itineraries') }}</h2>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-12">
                                <div class="wpo-benefits-item">
                                    <div class="accordion" id="itinerariesAccordion">
                                        @foreach($tour->itineraries as $itinerary)
                                            <div class="accordion-item">
                                                <h3 class="accordion-header" id="heading{{$loop->index}}">
                                                    <button class="accordion-button @if(!$loop->first) collapsed @endif" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{$loop->index}}" @if($loop->first) aria-expanded="true" @else aria-expanded="false" @endif aria-controls="collapse{{$loop->index}}">
                                                        {{__('general.day')}} {{$loop->iteration}}: {{ $itinerary->heading }}
                                                    </button>
                                                </h3>
                                                <div id="collapse{{$loop->index}}" class="accordion-collapse collapse @if($loop->first) show @endif" aria-labelledby="heading{{$loop->index}}" data-bs-parent="#itinerariesAccordion">
                                                    <div class="accordion-body">
                                                        {!! $itinerary->description !!}
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="pricing-area mt-5">
                        @if(!empty($tour->overview) && $tour->overview !== null && $tour->overview > 0)
                        <div class="mb-4">
                            <h2>{{ __('tour.overview') }}</h2>
                            {!! $tour->overview !!}
                        </div>
                        @endif
                            @if(!empty($tour->child_policy) && $tour->child_policy !== null && $tour->child_policy > 0)
                            <div class="mb-4">
                            <h4>{{ __('tour.child_policy') }}</h4>
                            {!! $tour->child_policy !!}
                            </div>
                            @endif
                            @if(!empty($tour->notes) && $tour->notes !== null && $tour->notes > 0)
                            <div class="mb-4">
                                <h4>{{ __('tour.notes') }}</h4>
                                {!! $tour->notes !!}
                            </div>
                            @endif
                            @if(isset($tour->pricing) && count($tour->pricing))
                            <div class="pricing-table">
                                <h4>{{ __('tour.prices') }}</h4>
                                <table class="table-responsive pricing-wrap">
                                    <thead>
                                        <tr>
                                            @foreach($tour->pricing as $pricing)
                                                <th>{{ $pricing['label'][app()->getLocale()] }}</th>
                                            @endforeach
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            @foreach($tour->pricing as $pricing)
                                                <td>{{ CurrencyHelper::display($pricing['price']) }}</td>
                                            @endforeach
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            @endif

                    </div>

                </div>
                <div class="col-lg-4 col-12">
                    <div class="blog-sidebar room-sidebar">
                        @include('tours.partials.check_availability')

                        <div class="map-area">
                            {!!  html_entity_decode($tour->map_link) !!}
                        </div>

                        <div class="widget recent-post-widget check-widget mt-3">
                            <h3>{{__('tour.rselated_tour')}}</h3>
                            <div class="posts">
                                @foreach($related_tours as $related_tour)
                                <div class="post">
                                    <div class="img-holder">
                                        <a href="{{ route('tour', [$related_tour->subCategory->category->country->slug,$related_tour->subCategory->category->slug, $related_tour->subCategory->slug, $related_tour->slug]) }}">
                                            <img class="" loading="lazy" src="{{ $related_tour->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::TOUR_MEDIA_PATH,'webp')['url'] }}"
                                                 alt="{{ $related_tour->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::TOUR_MEDIA_PATH)['alt'] }}"
                                                 title="{{ $related_tour->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::TOUR_MEDIA_PATH)['title'] }}">
                                        </a>
                                    </div>
                                    <div class="details">
                                        <h4><a href="{{route('tour', [$related_tour->subCategory->category->country->slug, $related_tour->subCategory->category->slug, $related_tour->subCategory->slug, $related_tour->slug])}}">{{$related_tour->name}}</a></h4>
                                        @if(!empty($related_tour->price_start_from) && $related_tour->price_start_from !== null && $related_tour->price_start_from > 0)
                                        <span class="date"><b> {{ __('tour.price') }} {{ CurrencyHelper::display($related_tour->price_start_from) }} </b></span>

                                        @endif
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="wpo-contact-widget widget mt-3">
                            <h2>{{ __('tour.how_we_can_help_you') }}!</h2>
                            <p>
                                {{ __('tour.how_we_can_help_you_description') }}!
                            </p>
                            <a href="{{route('contact')}}">{{ __('tour.contact_us') }}</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    @include('layout.partials.newsletter')
    @include('layout.partials.faq')
    @include('layout.partials.partner')
@endsection