@extends('layout.layout')
@section('meta')
    {{-- @include('layout.partials.seo', [
        'title' => json_decode($settings['contact_site_title'])->{app()->getLocale()},
        'description' => json_decode($settings['contact_site_description'])->{app()->getLocale()},
        'keywords' => json_decode($settings['contact_site_keywords'])->{app()->getLocale()},
        'image' => asset('assets') . '/images/bg1.jpg',
        'schema' => $settings['contact_schema']
    ]) --}}
@endsection
@section('content')
    <div class="wpo-breadcumb-area"
         style="background: url({{ asset(Storage::url($settings['destination_banner_image'] ?? '')) }}) no-repeat center top/cover;"
         title="{{JSONByLocale($settings['destination_title'] ?? '')}}"
         role="img" aria-label="{{ asset(Storage::url($settings['destination_banner_image'] ?? '')) }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="wpo-breadcumb-wrap">
                        <h1>{{ JSONByLocale($settings['destination_title'] ?? '') }}</h1>
                        <ul>
                            <li><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                            <li><span>{{ JSONByLocale($settings['destination_title'] ??  __('general.dstinations')) }}</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wpo-destination-area mt-5">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-xl-10 col-md-10 mb-3">
                    <div class="text-center">
                        <h2>{{ JSONByLocale($settings['destination_title'] ?? '') }}</h2>
                        <p>{!! JSONByLocale($settings['destination_description'] ?? '')!!}</p>
                    </div>
                </div>
            </div>
            <div class="destination-wrap">
                <div class="row">
                    @foreach($destinations as $destination)
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="destination-item">
                                <div class="destination-img">
                                    <a href="{{route('destination.show', $destination->slug)}}">
                                        <img src="{{$destination->getFirstMediaUrlOrDefault(MediaHelper::DESTINATION_MEDIA_PATH, 'webp')['url']}}"
                                             alt="{{$destination->getFirstMediaUrlOrDefault(MediaHelper::DESTINATION_MEDIA_PATH)['alt']}}"
                                             title="{{$destination->getFirstMediaUrlOrDefault(MediaHelper::DESTINATION_MEDIA_PATH)['title']}}">
                                    </a>
                                </div>
                                <div class="destination-content">
                                    <h2><a href="{{route('destination.show', $destination->slug)}}">{{ $destination->name }}</a></h2>
                                    <p>
                                        {!! Str::limit(strip_tags($destination->short_description), 100) !!}

                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

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

@endsection