@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.flight-search')


        <div class="feature-area pt-120">
            <div class="container">
                <div class="feature-wrapper">
                    <div class="row">
                        <div class="col-md-6 col-lg-4">
                            <div class="feature-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                                <div class="feature-icon">
                                    <i class="flaticon-aeroplane"></i>
                                </div>
                                <h4 class="feature-title">Easy & Quick Booking</h4>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                    گرافیک است. چاپگرها و متون بلکه روزنامه و مجله میباشد.</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="feature-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
                                <div class="feature-icon">
                                    <i class="flaticon-price"></i>
                                </div>
                                <h4 class="feature-title">بهترین گارانتی قیمت</h4>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                    گرافیک است. چاپگرها و متون بلکه روزنامه و مجله میباشد.</p>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            <div class="feature-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">
                                <div class="feature-icon">
                                    <i class="flaticon-customer-service"></i>
                                </div>
                                <h4 class="feature-title">خدمات مشتریان 24/7</h4>
                                <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
                                    گرافیک است. چاپگرها و متون بلکه روزنامه و مجله میباشد.</p>
                            </div>
                        </div>
                    </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($flights as $flight)
                        @include('components.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>

    </main>
@endsection