@extends('layout.master')

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

@section('extraStyles')
@endsection
@section('content')
    <!--====================================================================
                                                                                         Carousel Start
                                                                ====================================================================-->

    <div class="container-fluid bg-breadcrumb"
        style="  position: relative;
background: linear-gradient(#d09d5b30, #cc944e47), url({{ $subCategory->getFirstMediaUrlOrDefault(MediaHelper::SUB_CATEGORY_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;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">
                {{ $subCategory->name }}
            </h4>
        </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' => $category->slug]) }}"
                    class="text-dark">{{ $category->heading }}</a></li>
            <li class="breadcrumb-item active text-secondary">{{ $subCategory->heading }}</li>
        </ol>
    </div>

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

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


    <section class="tours-card position-relative mt-5 ">
        <div class="container">
            <div class="section_title text-center mb-5">
                <div class="col-12">
                    <h3>{{ $subCategory->name }}</h3>
                    <p> {!! $subCategory->description !!}
                    </p>
                </div>
            </div>

            <div class="row">
                @foreach ($subCategory->tours as $tour)
                    <div class="col-lg-4">
                        <div class="package-card">
                            <div class="package-img position-relative">
                                <a
                                    href="{{ route('tour.show', ['categorySlug' => $tour->category->category->slug, 'subCategorySlug' => $tour->category->slug, 'tourSlug' => $tour->slug]) }}">

                                    <img class="w-100 blog__img"
                                        src="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH, 'webp')['url'] }}"
                                        alt="{{ $tour->getFirstMediaUrlOrDefault(MediaHelper::TOUR_MEDIA_PATH)['alt'] }}"
                                        title="{{ $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' => $tour->category->category->slug, 'subCategorySlug' => $tour->category->slug, 'tourSlug' => $tour->slug]) }}">{{ $tour->name }}</a>
                                </h3>
                                <!-- <p class="package-text">Experience the various exciting tour and travel packages and Make hotel reservations, find vacation packages, search cheap hotels and events</p> -->
                                <div class="title-post">

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

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

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

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


            </div>
            @if ($tours->hasPages())
                <div class="row">
                    <div class="col-lg-12">
                        <nav aria-label="Page navigation example">
                            {{ $tours->links('pagination::bootstrap-4') }}
                        </nav>
                    </div>
                </div>
            @endif



            @if ($tailormade_banner == true)
                @include('home.partials.tailor_banner')
            @endif
        </div>
    </section>
@endsection
@section('extraScripts')
@endsection