@extends('layouts.app')
@section('content')
    <main class="main">

        <div class="hero-section">
            <div class="hero-single" style="background: url({{asset('assets/img/hero/hero-2.jpg')}})">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12 mx-auto">
                            <div class="hero-content text-center">
                                <div class="hero-content-wrapper">
                                    <h1 class="hero-title">جهان را با هم کاوش کنید</h1>
                                    <p>پایین ترین کرایه ها را برای مقصد خود جستجو کنید و راه بهتری برای سفر بیابید</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @include('components.search-area')


        <div class="flight-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">پرواز</span>
                            <h2 class="site-title">آخرین پروازهای ما</h2>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    @foreach($flights as $flight)
                        @include('components.flight', ['flight' => $flight])
                    @endforeach
                    <div class="text-center mt-3">
                        <a href="{{route('flights.index')}}" class="theme-btn">بیشتر پیدا کن<i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="flight-area py-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">تور</span>
                            <h2 class="site-title">آخرین تورهای ما</h2>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    @foreach($tours as $tour)
                        @include('components.tour')
                    @endforeach
                    <div class="text-center mt-3">
                        <a href="{{route('tours.index')}}" class="theme-btn">بیشتر پیدا کن<i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="testimonial-area bg py-120">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading">
                            <span class="site-title-tagline">توصیه ها و گواهینامه</span>
                            <h2 class="site-title">لورم ایپسوم متن ساختگی با تولید سادگی است.</h2>
                            <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک
                                است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم برای شرایط فعلی
                                تکنولوژی مورد نیاز و کاربردهای متنوع و بسیار زیادی در این مورد است.</p>
                            <a href="#" class="theme-btn mt-30">کاوش کردن بیشتر<i class="far fa-arrow-left"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="testimonial-slider owl-carousel owl-theme wow fadeInUp" data-wow-duration="1s"
                             data-wow-delay=".25s" dir="ltr">
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/01.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>سیلویا اچ گرین</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                        گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/02.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>گوردو نواک</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                        گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/03.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>مایکل جکسون</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                        گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/04.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>برایان جیمز</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                        گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                            <div class="testimonial-single" dir="rtl">
                                <div class="testimonial-content" dir="rtl">
                                    <div class="testimonial-author-img" dir="rtl">
                                        <img src="assets/img/testimonial/05.jpg" alt>
                                    </div>
                                    <div class="testimonial-author-info" dir="rtl">
                                        <h4>بندیکت کمبریچ</h4>
                                        <p>مشتریان</p>
                                    </div>
                                </div>
                                <div class="testimonial-quote" dir="rtl">
                                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                        گرافیک است. چاپگرها و متون بلکه روزنامه تکنولوژی مورد نیاز است.</p>
                                    <div class="testimonial-quote-icon" dir="rtl">
                                        <img src="assets/img/icon/quote.svg" alt>
                                    </div>
                                </div>
                                <div class="testimonial-rate" dir="rtl">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>
@endsection