@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('content')
    <!-- Common Banner Area -->
    <section id="common_banner"
             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)['alt']}}"
             role="img"
             aria-label="{{$tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_BANNER_MEDIA_PATH)['title']}}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="common_bannner_text">
                        <h2>{{$tour->name}}</h2>
                        <ul>
                            <li><a href="{{route('home')}}" title="{{__('general.home')}}">{{__('general.home')}}</a>
                            </li>
                            <li>
                                <a href="{{route('tour.category',$tour->subcategories->category->slug)}}"
                                   title="{{$tour->subcategories->category->name}}">{{$tour->subcategories->category->name}}</a>
                            </li>
                            <li>
                                <a href="{{route('tour.subcategory',['categorySlug'=>$tour->subcategories->category->slug,'subCategorySlug'=>$tour->subcategories->slug])}}"
                                   title="{{$tour->subcategories->name}}">{{$tour->subcategories->name}}</a>

                            </li>
                            <li><span><i class="fas fa-circle"></i></span> {{$tour->name}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Tour Search Areas -->
    <section id="tour_details_main" class="section_padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="tour_details_leftside_wrapper">
                        <div class="tour_details_heading_wrapper">
                            <div class="tour_details_top_heading">
                                <h2>{{$tour->heading}}</h2>

                                @if(isset($tour->location) && !empty($tour->location))
                                    <h5><i class="fas fa-map-marker-alt"></i> {{$tour->location}}</h5>
                                @endif
                            </div>
                            <div class="tour_details_top_heading_right">
                                @if(!empty($tour->rating)  && $tour->rating > 0)
                                    <h4>{{ __('general.excellent') }}</h4>
                                    <h6 class="review_rating">{{$tour->rating}}/5 </h6>
                                @endif
                            </div>
                        </div>
                        <div class="tour_details_top_bottom">
                            @if(isset($tour->duration) && !empty($tour->duration))
                                <div class="toru_details_top_bottom_item">
                                    <div class="tour_details_top_bottom_icon">
                                        <i class="fas fa-clock"></i>
                                    </div>
                                    <div class="tour_details_top_bottom_text">
                                        <h5>{{__('tour.duration')}}</h5>
                                        <p>{{$tour->duration}}</p>
                                    </div>
                                </div>
                            @endif
                            @if(isset($tour->tour_type) && !empty($tour->tour_type))

                                <div class="toru_details_top_bottom_item">
                                    <div class="tour_details_top_bottom_icon">
                                        <i class="fas fa-paw"></i>
                                    </div>
                                    <div class="tour_details_top_bottom_text">
                                        <h5>{{__('tour.tour_type')}}</h5>
                                        <p>{{$tour->type}}</p>
                                    </div>
                                </div>
                            @endif
                            @if(isset($tour->runs) && !empty($tour->runs))
                                <div class="toru_details_top_bottom_item">
                                    <div class="tour_details_top_bottom_icon">
                                        <i class="fas fa-users"></i>
                                    </div>
                                    <div class="tour_details_top_bottom_text">
                                        <h5>{{__('tour.runs')}}</h5>
                                        <p>{{$tour->runs}}</p>
                                    </div>
                                </div>
                            @endif
                            @if(isset($tour->group_size) && !empty($tour->group_size))
                                <div class="toru_details_top_bottom_item">
                                    <div class="tour_details_top_bottom_icon">
                                        <i class="fas fa-map-marked"></i>
                                    </div>
                                    <div class="tour_details_top_bottom_text">
                                        <h5>{{__('tour.group_size')}}</h5>
                                        <p>{{$tour->group_size}}</p>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="tour_details_img_wrapper">

                            <div class="tour_details_img_wrapper">
                                <div class="slider slider-for">
                                    @foreach($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH) as $media)
                                    <div>
                                        <img style="width: 98%;height: 520px;" src="{{$media->getUrl()}}" alt="{{ $media->img_alt }}" title="{{ $media->img_title }}">
                                    </div>
                                    @endforeach
                                </div>
                                <div class="slider slider-nav">
                                    @foreach($tour->getMedia(MediaHelper::TOUR_GALLERY_MEDIA_PATH) as $media)
                                    <div>
                                        <img style="width: 180px;height: 103px;margin: 0px 5px 5px 0px;" src="{{$media->getUrl()}}" alt="{{ $media->img_alt }}" title="{{ $media->img_title }}">
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @if(isset($tour->description) && !empty($tour->description))
                            <div class="tour_details_boxed">
                                <h3 class="heading_theme">{{__('tour.description')}}</h3>
                                <div class="tour_details_boxed_inner">
                                    {!! $tour->description !!}
                                </div>
                            </div>
                        @endif
                        @if(isset($tour->notes) && !empty($tour->notes))
                            <div class="tour_details_boxed">
                                <h3 class="heading_theme">{{__('tour.notes')}}</h3>
                                <div class="tour_details_boxed_inner">
                                    {!! $tour->notes !!}
                                </div>
                            </div>
                        @endif
                        @if(isset($tour->inclusion) && !empty($tour->inclusion))
                            <div class="tour_details_boxed">
                                <h3 class="heading_theme">{{__('tour.inclusion')}}</h3>
                                <div class="tour_details_boxed_inner">
                                    {!! $tour->inclusion !!}
                                </div>
                            </div>
                        @endif
                        @if(isset($tour->exclusion) && !empty($tour->exclusion))
                            <div class="tour_details_boxed">
                                <h3 class="heading_theme">{{__('tour.exclusion')}}</h3>
                                <div class="tour_details_boxed_inner">
                                    {!! $tour->exclusion !!}
                                </div>
                            </div>
                        @endif
                        @if($tour->itineraries->count())
                            <div class="tour_details_boxed">
                                <h3 class="heading_theme">{{__('tour.itinerary')}}</h3>
                                <div class="tour_details_boxed_inner">
                                    <div class="accordion" id="accordionExample">
                                        @foreach($tour->itineraries as $key=>$itinerary)
                                            <div class="accordion_flex_area">
                                                @if(!empty($itinerary->day) && $itinerary->day !== null)
                                                    <div class="accordion_left_side">
                                                        <h5>{{__('tour.day')}} : {{ $itinerary->day }}</h5>
                                                    </div>
                                                @endif
                                                <div class="accordion-item">
                                                    @if(!empty($itinerary->heading) && $itinerary->heading !== null)
                                                        <h2 class="accordion-header" id="headingOne">
                                                            <button class="accordion-button" type="button"
                                                                    data-bs-toggle="collapse"
                                                                    data-bs-target="#collapseOne{{$itinerary->heading}}"
                                                                    aria-expanded="true"
                                                                    aria-controls="collapseOne{{$itinerary->heading}}">
                                                                {{$itinerary->heading}}
                                                            </button>
                                                        </h2>
                                                    @endif
                                                    <div id="collapseOne{{$itinerary->heading}}"
                                                         class="accordion-collapse collapse show"
                                                         aria-labelledby="headingOne{{$itinerary->heading}}"
                                                         data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class="accordion_itinerary_list">
                                                                {!! $itinerary->description !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if(isset($tour->pricing_notes) && !empty($tour->pricing_notes))
                            <div class="tour_details_boxed">
                                <h3 class="heading_theme">{{__('tour.pricing_notes')}}</h3>
                                <div class="tour_details_boxed_inner">
                                    {!! $tour->pricing_notes !!}
                                </div>
                            </div>
                        @endif

                        @if(isset($tour->pricing) && count($tour->pricing))
                            <div class="tour_details_boxed">
                                <div class="table_component" role="region" tabindex="0">
                                    <table>
                                        <thead>
                                        @foreach($tour->pricing as $pricingRow)
                                        <tr>
                                            <th>
                                                {{ $pricingRow['from'] ?? 'from' }} - {{  $pricingRow['to'] ?? 'to'}}
                                            </th>
                                            <th>
                                                <strong>
                                                    {{ CurrencyHelper::get('price') }} {{ $pricingRow['price'] ?? '-'}}
                                                </strong>
                                                <small>{{__('tour.per_person')}}</small>
                                            </th>
                                        </tr>
                                        @endforeach
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        @endif
                        @if(isset($tour->quick_tips) && !empty($tour->quick_tips))
                        <div class="tour_details_boxed">
                            <h3 class="heading_theme">{{__('tour.quick_tips')}}</h3>
                            <div class="tour_details_boxed_inner">
                                @foreach($tour->quick_tips as $quick_tip)
                                    <!-- Button trigger modal -->
                                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal{{$loop->index}}">
                                        {{$quick_tip['title']}}
                                    </button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="exampleModal{{$loop->index}}" tabindex="-1" aria-labelledby="exampleModalLabel{{$loop->index}}" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel"> {{$quick_tip['title']}}</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    {{$quick_tip['description']}}
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__('tour.close')}}</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="tour_details_right_sidebar_wrapper">
                        @if(!empty($tour->price_start_from) && !empty($tour->price_start_from) && $tour->price_start_from > 0)
                        <div class="tour_detail_right_sidebar">
                            <div class="tour_details_right_boxed">
                                <h5>{{__('tour.price_start_from')}}</h5>
                                <div class="tour_package_bar_price">
                                    <h3>
                                        {{ CurrencyHelper::display($tour->price_start_from) }}
                                    </h3>
                                </div>
                            </div>
                        </div>

                        <div class="tour_select_offer_bar_bottom">
                            <button class="btn btn_theme btn_md w-100" data-bs-toggle="offcanvas"
                                    data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
                                {{__('tour.select_offer')}}
                            </button>
                        </div>
                        @endif
                    </div>
                    @if(!empty($tour->map_link) && $tour->map_link !== null)
                    <div class="tour_detail_right_sidebar">
                        <div class="tour_details_right_boxed">
                            <div class="tour_details_right_box_heading">
                                <h3>{{__('tour.maps')}}</h3>
                            </div>
                            <div class="tour_package_details_bar_list first_child_padding_none">
                                    {!! html_entity_decode($tour->map_link) !!}

                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="tour_detail_right_sidebar">
                        <div class="write_your_review_wrapper">
                            <h3 class="heading_theme">{{__('tour.write_your_tour_reservation')}}</h3>
                            @livewire('reservation', ['tour' => $tour])
                        </div>
                        @if(isset($settings['message_to_the_client_title']) && !empty(JSONByLocale($settings['message_to_the_client_title'])))
                            <div class="tour_detail_right_sidebar2 new_style_message_to_the_client_title">
                                <div class="tour_details_right_boxed style_message_to_the_client_title">
                                    <div class="tour_details_right_box_heading">
                                        <h3 style="padding: 10px 0px 5px 15px;">
                                            {{JSONByLocale($settings['message_to_the_client_title'] ?? '') }}
                                        </h3>
                                    </div>
                                    <div class="tour_package_details_bar_list first_child_padding_none">
                                        {!!JSONByLocale($settings['message_to_the_client_description'] ?? '') !!}
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
        {{--   review     --}}
        @if(isset($reviews))
            @include('tours.partials.section_reviews_tours')
        @endif
    </section>

    <!--Related tour packages Area -->
    @include('tours.partials.section_related_tours')

    <!-- news area -->
    @include('tours.partials.section_articles_tours')
    <!-- Cta Area -->


@endsection