@extends('layout.app')

@section('content')
    @livewire('slide')

    @include('partials.home.tours', ['tours' => $tours])

    @include('partials.home.testemonial-area', ['reviews' => $reviews])

    <section class="bg-smoke pt-40 pb-40">
        <div class="container">
            <div class="col-md-12">
                <iframe
                    id="home-video"
                    src="https://www.youtube.com/embed/_I2MZwr6y7Y?controls=0&modestbranding=1&rel=0&showinfo=0"
                    title="Hello Tours, Sintra" frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                    referrerpolicy="strict-origin-when-cross-origin"
                    allowfullscreen>
                </iframe>
            </div>
        </div>
    </section>

    <div class="bg-top-center position-relative space overflow-hidden bg-smoke">
        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title">{{ __('home.destination.subtitle') }}</span>
                <h2 class="sec-title">{{ __('home.destination.title') }}</h2>
            </div>
            <div class="row">
                <div class="destination-list-area">
                    @foreach($cities as $city)
                        @include('partials.home.city')
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <section class="bg-smoke overflow-hidden space-top">
        <div class="container">
            <div class="mb-30 text-center text-md-start">
                <div class="row align-items-center justify-content-between">
                    <div class="col-md-7">
                        <div class="title-area mb-md-0">
                            <span class="sub-title">{{ __('home.blog.subtitle') }}</span>
                            <h2 class="sec-title">{{ __('home.blog.title') }}</h2>
                        </div>
                    </div>
                    <div class="col-md-auto">
                        <a href="{{ url(app()->getLocale() . '/posts') }}" class="th-btn style4 th-icon book-now">{{ __('home.blog.see_more') }}</a>
                    </div>
                </div>
            </div>

            <div class="row">
                @include('partials.home.posts', ['posts' => $posts])
            </div>
        </div>
    </section>

    <div class="elements-sec bg-smoke overflow-hidden">
        <div class="container-fluid">
            <div class="tags-container relative"></div>
        </div>
    </div>
@endsection