@extends('layout.master')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('travel_style_page_meta_title'),
        'description' => nova_get_setting_translate('travel_style_page_meta_description'),
        'keywords' => nova_get_setting_translate('travel_style_page_meta_keywords'),
        'image' => Storage::url(nova_get_setting('travel_style_page_banner')),
        'schema' => nova_get_setting('travel_style_page_schema')
    ])
@endsection
@section('content')
    <main id="content">
    <div class="bg-img-hero text-center mb-1"
         style="background-image: url({{Storage::url(nova_get_setting('travel_style_page_banner'))}});"
         role="img"
         title="{{nova_get_setting_translate('travel_style_page_banner_title')}}"
         aria-label="{{nova_get_setting_translate('travel_style_page_banner_alt')}}">
        <div class="container space-top-xl-3 py-6 py-xl-0">
            <div class="row justify-content-center py-xl-4">
                <!-- Info -->
                <div class="py-xl-10 py-5">
                    <h1 class="font-size-40 font-size-xs-30 text-white font-weight-bold mb-0">{{nova_get_setting_translate('travel_style_title')}}</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb breadcrumb-no-gutter justify-content-center mb-0">
                            <li class="breadcrumb-item font-size-14"><a class="text-white"
                                                                        href="{{route('home')}}">{{__('general.home')}}</a>
                            </li>
                            <li class="breadcrumb-item custom-breadcrumb-item font-size-14 text-white active"
                                aria-current="page">{{nova_get_setting_translate('travel_style_name')}}
                            </li>
                        </ol>
                    </nav>
                </div>
                <!-- End Info -->
            </div>
        </div>
    </div>
    <div class="product-card-block product-card-v7 border-color-8">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title-more pt-5">
                        <div class="title-header">
                            <div class="text show-more-height">
                                <div class="page-heading text-center w-lg-85 m-auto">
                                    <h3>{{nova_get_setting_translate('travel_style_header')}}</h3>
                                    {!! nova_get_setting_translate('travel_style_text')   !!}
                                </div>
                            </div>
                            <div class="show-more">{{__('tour.show_more')}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container mt-5">
            <div class="row">
                @foreach($travelStyles as $travel)
    <div class="col-md-6 col-xl-3 mb-3 mb-md-4 pb-1">
        <a href="{{ route('travel-styles.show', [$travel->slug]) }}">
            <div
                class="min-height-350 st--style--block bg-img-hero rounded-border p-5 gradient-overlay-half-bg-gradient transition-3d-hover shadow-hover-2"
                style="background-image: url({{ $travel->getFirstMediaUrlOrDefault(MediaHelper::TRAVEL_STYLE_MEDIA_PATH, 'web')['url'] }});"
                role="img"
                title="{{ $travel->getFirstMediaUrlOrDefault(MediaHelper::TRAVEL_STYLE_MEDIA_PATH)['title'] }}"
                aria-label="{{ $travel->getFirstMediaUrlOrDefault(MediaHelper::TRAVEL_STYLE_MEDIA_PATH)['alt'] }}">
                <header class="w-100 d-flex justify-content-between mb-3">
                    <div>
                        <div class="pb-3 text-lh-1">
                            <span class="text-white font-weight-bold font-size-21">{{ $travel->name }}</span>
                        </div>
                        <div class="d-inline-flex px-3 py-1 rounded-pill bg-white">
                            <span class="font-size-14">{{ $travel->tours()->count() }} {{ __('homePage.tour') }}</span>
                        </div>
                    </div>
                </header>
            </div>
        </a>
    </div>
@endforeach

            </div>
        </div>
    </div>
    @include('layout.partials.faqs')
    @include('layout.partials.partners')
    </main>
@endsection