@extends('layouts.master')
@section('meta')
    @include('layouts.partials.seo', [
        'title' => $subCategory->meta_title ?? $subCategory->name,
        'description' => $subCategory->meta_description ?? $subCategory->name,
        'keywords' => $subCategory->meta_keywords ?? $subCategory->name,
        'image' => $subCategory->getFirstMediaUrlOrDefault(
            \App\Helpers\Constants\MediaHelper::SUB_CATEGORY_MEDIA_PATH)['url'],
        'schema' => $subCategory->meta_other,
    ])
@endsection
@section('content')
    <section class="rlr-section">
        <div class="rlr-cta rlr-cta--no-button   no__button"
            style="background: url('{{ $subCategory->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::SUB_CATEGORY_BANNER_MEDIA_PATH)['url'] }}'); background-size: 100% ;    background-repeat: no-repeat;"
            role="img"
            aria-label="{{ $subCategory->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::SUB_CATEGORY_BANNER_MEDIA_PATH)['alt'] }}"
            title="{{ $subCategory->getFirstMediaUrlOrDefault(\App\Helpers\Constants\MediaHelper::SUB_CATEGORY_BANNER_MEDIA_PATH)['title'] }}">
            <h1>{{ $subCategory->name }}</h2>
                <p>{{ $subCategory->heading }}</p>
        </div>
    </section>

    <div class="rlr-search-results-page__breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb rlr-breadcrumb__items">
                            <li class="breadcrumb-item rlr-breadcrumb__item"><a
                                    href="{{ route('home') }}">{{ __('homePage.home') }}</a></li>
                            </li>
                            <li class="breadcrumb-item rlr-breadcrumb__item"><a
                                    href="{{ route('categories', ['categorySlug' => $subCategory->category->slug]) }}">{{ $subCategory->category->name }}</a>
                            </li>
                            <li class="breadcrumb-item rlr-breadcrumb__item active" aria-current="page">
                                {{ $subCategory->name }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div id="profile-description">
                    <div class="text show-more-height">
                        <div class="page-heading">
                            <h2>{{ $subCategory->name }}</h2>
                            {!! $subCategory->description !!}
                        </div><!-- end page-heading -->
                    </div>
                    <div class="show-more">({{ __('homePage.show_more') }})</div>
                </div>
            </div>
        </div>
    </div>

    <div class="rlr-search-results-page container">

        <aside class="row">
            <div class="col-lg-12">
                <div class="rlr-search-results-header rlr-search-results-header__wrapper mb-3">
                    <!-- Title -->
                    <h1 class="rlr-search-results-header__value">

                        <strong>{{ $subCategory->name }}</strong>
                    </h1>
                    <!-- Sort order -->
                    <div class="rlr-search-results-header__sorting-wrapper">
                        <span class="rlr-search-results-header__label">{{ __('tour.sort_by') }}:</span>
                        <div class="dropdown rlr-dropdown rlr-js-dropdown">

                            {{--                            <ul class="dropdown-menu rlr-dropdown__menu" --}}
                            {{--                                aria-labelledby="rlr_dropdown_menu_search_results"> --}}
                            {{--                                <li> --}}
                            {{--                                    <a class="dropdown-item rlr-dropdown__item rlr-js-dropdown-item" --}}
                            {{--                                       href="#">{{__('tour.recommended')}}</a> --}}
                            {{--                                </li> --}}
                            {{--                                <li> --}}
                            {{--                                    <a class="dropdown-item rlr-dropdown__item rlr-js-dropdown-item" --}}
                            {{--                                       href="#">{{__('tour.price')}} ({{__('tour.low_to_high')}})</a> --}}
                            {{--                                </li> --}}
                            {{--                                <li> --}}
                            {{--                                    <a class="dropdown-item rlr-dropdown__item rlr-js-dropdown-item" --}}
                            {{--                                       href="#">{{__('tour.price')}} ({{__('tour.high_to_low')}})</a> --}}
                            {{--                                </li> --}}

                            {{--                            </ul> --}}
                            <form
                                action="{{ route('sub-categories', ['categorySlug' => $catSlug, 'supCategorySlug' => $subCategory->slug]) }}"
                                method="GET">
                                <select name="filter"
                                    class="btn dropdown-toggle rlr-dropdown__button rlr-js-dropdown-button"
                                    onchange="this.form.submit()">
                                    <option value="recommended" {{ $filter == 'recommended' ? 'selected' : '' }}>
                                        {{ __('tour.recommended') }}</option>
                                    <option value="price-low-to-high"
                                        {{ $filter == 'price-low-to-high' ? 'selected' : '' }}>{{ __('tour.price') }}
                                        ({{ __('tour.low_to_high') }})</option>
                                    <option value="price-high-to-low"
                                        {{ $filter == 'price-high-to-low' ? 'selected' : '' }}>{{ __('tour.price') }}
                                        ({{ __('tour.high_to_low') }})</option>
                                </select>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </aside>

    </div>

    <div class="container">
        <div class="row rlr-search-results-page__product-details">
            <aside class="col-xl-3 rlr-search-results-page__sidebar">
                <div class="rlr-product-filters__filters-wrapper">

                    <form
                        action="{{ route('sub-categories', ['categorySlug' => $catSlug, 'supCategorySlug' => $subCategory->slug]) }}"
                        method="GET">

                        <!-- Popular tags filter -->
                        <div class="rlr-product-filters__filter">
                            <label class="rlr-form-label rlr-form-label-- rlr-product-filters__label">
                                {{ __('tour.related_sub_category') }} </label>
                            <ul class="rlr-checkboxes">
                                @foreach ($related_subCategory as $item)
                                    <li class="form-check form-check-block p-lg-0">
                                        <label class="label--cat"> <a
                                                href="{{ route('sub-categories', ['categorySlug' => $item->category->slug, 'supCategorySlug' => $item->slug]) }}">
                                                <i class="fa fa-angle-right" aria-hidden="true"></i> {{ $item->name }}
                                            </a> </label>
                                    </li>
                                @endforeach
                            </ul>
                        </div>

                        <!-- Price range filter -->
                        <div class="rlr-product-filters__filter">
                            <label class="rlr-form-label rlr-form-label-- rlr-product-filters__label">
                                {{ __('tour.price_range') }} </label>
                            <div class="rlr-range-slider">
                                <span class="rlr-range-slider__price-box">
                                    <input type="number" name="min_price" autocomplete="off" class="form-control"
                                        value="{{ request()->min_price ? request()->min_price : 500 }}" data-name-min="0"
                                        data-name-max="10000" />
                                    <input type="number" name="max_price" autocomplete="off" class="form-control"
                                        value="{{ request()->max_price ? request()->max_price : 10000 }}" data-name-min="0"
                                        data-name-max="10000" />
                                </span>
                                <input value="{{ request()->min_price ? request()->min_price : 500 }}" min="0"
                                    max="10000" step="{{ request()->min_price ? request()->min_price : 2 }}"
                                    type="range" />
                                <input value="{{ request()->max_price ? request()->max_price : 10000 }}" min="0"
                                    max="10000" step="500" type="range" />
                            </div>
                        </div>

                        <!-- Duration filter -->
                        <div class="rlr-product-filters__filter">
                            <label class="rlr-form-label rlr-form-label-- rlr-product-filters__label">
                                {{ __('tour.duration') }} </label>
                            <ul class="rlr-checkboxes">
                                <li class="form-check form-check-block">
                                    <input name="duration[]" value="up_1_hour"
                                        {{ request()->duration ? (in_array('up_1_hour', request()->duration) ? 'checked' : '') : '' }}
                                        class="form-check-input rlr-form-check-input rlr-product-filters__checkbox"
                                        id="rlr-filter-duration-1" type="checkbox" />
                                    <label
                                        class="rlr-form-label rlr-form-label--checkbox rlr-product-filters__checkbox-label"
                                        for="rlr-filter-duration-1"> Upto 1 Hour </label>
                                </li>
                                <li class="form-check form-check-block">
                                    <input name="duration[]" value="1_to_4_hours"
                                        {{ request()->duration ? (in_array('1_to_4_hours', request()->duration) ? 'checked' : '') : '' }}
                                        class="form-check-input rlr-form-check-input rlr-product-filters__checkbox"
                                        id="rlr-filter-duration-2" type="checkbox" />
                                    <label
                                        class="rlr-form-label rlr-form-label--checkbox rlr-product-filters__checkbox-label"
                                        for="rlr-filter-duration-2"> 1 to 4 Hours </label>
                                </li>
                                <li class="form-check form-check-block">
                                    <input name="duration[]" value="4_hours_to__day"
                                        {{ request()->duration ? (in_array('4_hours_to__day', request()->duration) ? 'checked' : '') : '' }}
                                        class="form-check-input rlr-form-check-input rlr-product-filters__checkbox"
                                        id="rlr-filter-duration-3" type="checkbox" />
                                    <label
                                        class="rlr-form-label rlr-form-label--checkbox rlr-product-filters__checkbox-label"
                                        for="rlr-filter-duration-3"> 4 Hours to 1 Day </label>
                                </li>
                                <li class="form-check form-check-block">
                                    <input name="duration[]" value="1_to_3_days"
                                        {{ request()->duration ? (in_array('1_to_3_days', request()->duration) ? 'checked' : '') : '' }}
                                        class="form-check-input rlr-form-check-input rlr-product-filters__checkbox"
                                        id="rlr-filter-duration-4" type="checkbox" />
                                    <label
                                        class="rlr-form-label rlr-form-label--checkbox rlr-product-filters__checkbox-label"
                                        for="rlr-filter-duration-4"> 1 to 3 Days </label>
                                </li>
                                <li class="form-check form-check-block">
                                    <input name="duration[]" value="3_days_more"
                                        {{ request()->duration ? (in_array('3_days_more', request()->duration) ? 'checked' : '') : '' }}
                                        class="form-check-input rlr-form-check-input rlr-product-filters__checkbox"
                                        id="rlr-filter-duration-5" type="checkbox" />
                                    <label
                                        class="rlr-form-label rlr-form-label--checkbox rlr-product-filters__checkbox-label"
                                        for="rlr-filter-duration-5"> 3 Days or More </label>
                                </li>
                            </ul>
                        </div>

                        <button type="submit" class="btn btn-success btn_success">{{ __('tour.search') }}</button>
                    </form>
                </div>
            </aside>
            <div class="rlr-search-results-page__product-list col-lg-9">
                <div class="row rlr-search-results-page__card-wrapper style_tour">
                    @foreach ($tours as $tour)
                        <div class="col-lg-4 col-md-4 mb-4">
                            @include('layouts.partials.tour_box', ['tour' => $tour])
                        </div>
                    @endforeach
                    <div class="links">
                        @include('blogs.pagination', ['blogs' => $tours])
                        {{-- {{$tours->links()}} --}}


                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.partials.why_choose')
    @include('layouts.partials.customer_gallery')
    @include('layouts.partials.clients_say')
    <section id="faqDiv">
         
        @include('layouts.partials.faq', [
            'faqs' => $subCategory->getFAQs(),
            'modelType' => 'SubCategory',
            'modelId' => $subCategory->id,
        ])

    </section>

    @include('layouts.partials.partners')
@endsection