@extends('layouts.app')
@section('content')
    <div class="hero-section">
        <div class="hero-single" style="background: url(assets/img/hero/hero-4.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>


    <div class="search-area">
        <div class="container">
            <div class="search-wrapper">

                <div class="search-box activity-search">
                    <div class="search-form">
                        <form action="#">
                            <div class="activity-search-wrapper">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label>موقعیت</label>
                                            <div class="form-group-icon">
                                                <input type="text" name="location" class="form-control" value="تهران ، میدان آزادی">
                                                <i class="fal fa-earth-americas"></i>
                                            </div>
                                            <p>کجا می روی؟</p>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <div class="search-form-date">
                                                <div class="search-form-journey">
                                                    <label>بررسی کنید</label>
                                                    <div class="form-group-icon">
                                                        <input type="text" name="journey-date" class="form-control date-picker journey-date">
                                                        <i class="fal fa-calendar-days"></i>
                                                    </div>
                                                    <p class="journey-day-name"></p>
                                                </div>
                                                <div class="search-form-return">
                                                    <label>پرداخت</label>
                                                    <div class="form-group-icon">
                                                        <input type="text" name="return-date" class="form-control date-picker return-date">
                                                    </div>
                                                    <p class="return-day-name"></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group dropdown passenger-box">
                                            <div class="passenger-class" role="menu" data-bs-toggle="dropdown" aria-expanded="false">
                                                <label>اتاق ها، مهمانان</label>
                                                <div class="form-group-icon">
                                                    <div class="passenger-total">
                                                        <span class="passenger-total-room">2</span> اتاق,
                                                        <span class="passenger-total-amount">2</span> میهمان
                                                    </div>
                                                    <i class="fal fa-user-plus"></i>
                                                </div>
                                                <p class="passenger-class-name">اتاق دو نفره</p>
                                            </div>
                                            <div class="dropdown-menu dropdown-menu-end">
                                                <div class="dropdown-item">
                                                    <div class="passenger-item">
                                                        <div class="passenger-info">
                                                            <h6>بزرگسالان</h6>
                                                            <p>+12 سال</p>
                                                        </div>
                                                        <div class="passenger-qty">
                                                            <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                            <input type="text" name="adult" class="qty-amount passenger-adult" value="2" readonly>
                                                            <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-item">
                                                    <div class="passenger-item">
                                                        <div class="passenger-info">
                                                            <h6>کودکان</h6>
                                                            <p>2 تا 12 سال</p>
                                                        </div>
                                                        <div class="passenger-qty">
                                                            <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                            <input type="text" name="children" class="qty-amount passenger-children" value="0" readonly>
                                                            <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-item">
                                                    <div class="passenger-item">
                                                        <div class="passenger-info">
                                                            <h6>نوزاد</h6>
                                                            <p>کمتر از 2 سال</p>
                                                        </div>
                                                        <div class="passenger-qty">
                                                            <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                            <input type="text" name="infant" class="qty-amount passenger-infant" value="0" readonly>
                                                            <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-item">
                                                    <div class="passenger-item">
                                                        <div class="passenger-info">
                                                            <h6>اتاق ها</h6>
                                                        </div>
                                                        <div class="passenger-qty">
                                                            <button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
                                                            <input type="text" name="room" class="qty-amount passenger-room" value="2" readonly>
                                                            <button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-item">
                                                    <h6 class="mb-3 mt-2">نوع اتاق</h6>
                                                    <div class="passenger-class-info">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio" value="Single Room" name="room-type" id="room-type4">
                                                            <label class="form-check-label" for="room-type4">
                                                                اتاق یک نفره
                                                            </label>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" checked type="radio" value="Double Room" name="room-type" id="room-type5">
                                                            <label class="form-check-label" for="room-type5">
                                                                اتاق دونفره
                                                            </label>
                                                        </div>
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="radio" value="Deluxe Room" name="room-type" id="room-type6">
                                                            <label class="form-check-label" for="room-type6">
                                                                اتاق دولوکس
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="search-btn">
                                    <button type="submit" class="theme-btn"><span class="far fa-search"></span>جستجو کردن</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <div class="feature-area py-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-climbing"></i>
                            </div>
                            <h4 class="feature-title">3,000 + راهنما محلی</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="cta-area pb-120">--}}
{{--        <div class="container">--}}
{{--            <div class="cta-wrapper">--}}
{{--                <div class="row">--}}
{{--                    <div class="col-lg-7 mx-auto text-center">--}}
{{--                        <div class="cta-text">--}}
{{--                            <h1>اولین رزرو هفتاد درصد تخفیف بگیرید!</h1>--}}
{{--                            <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان است. </p>--}}
{{--                        </div>--}}
{{--                        <a href="#" class="theme-btn mt-30">اکنون ثبت کن <i class="far fa-arrow-left"></i></a>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}


    <div class="activity-area bg 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">
                @foreach($tours as $card)
                    @include('components.flightcard')
                @endforeach


            </div>
        </div>
    </div>


    <div class="destination-area destination-2 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">
                <div class="col-md-6 col-lg-4">
                    <div class="destination-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="destination-img">
                            <img src="assets/img/destination/01.jpg" alt>
                        </div>
                        <div class="destination-info">
                            <h4>شهر نیو یورک</h4>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-person-biking-mountain"></i> 30 فعالیت</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn">جست و جو <i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="destination-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
                        <div class="destination-img">
                            <img src="assets/img/destination/09.jpg" alt>
                        </div>
                        <div class="destination-info">
                            <h4>سن فرانسیسکو</h4>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-person-biking-mountain"></i> 30 فعالیت</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn">جست و جو <i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="destination-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">
                        <div class="destination-img">
                            <img src="assets/img/destination/10.jpg" alt>
                        </div>
                        <div class="destination-info">
                            <h4>لاس وگاس</h4>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-person-biking-mountain"></i> 30 فعالیت</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn">جست و جو <i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="destination-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="destination-img">
                            <img src="assets/img/destination/11.jpg" alt>
                        </div>
                        <div class="destination-info">
                            <h4>لوس آنجلس</h4>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-person-biking-mountain"></i> 30 فعالیت</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn">جست و جو <i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="destination-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
                        <div class="destination-img">
                            <img src="assets/img/destination/12.jpg" alt>
                        </div>
                        <div class="destination-info">
                            <h4>سیدنی</h4>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-person-biking-mountain"></i> 30 فعالیت</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn">جست و جو <i class="far fa-arrow-left"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="destination-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">
                        <div class="destination-img">
                            <img src="assets/img/destination/06.jpg" alt>
                        </div>
                        <div class="destination-info">
                            <h4>نیواورلان</h4>
                            <div class="destination-more-info">
                                <ul>
                                    <li><i class="far fa-person-biking-mountain"></i> 30 فعالیت</li>
                                </ul>
                            </div>
                        </div>
                        <a href="#" class="destination-btn">جست و جو <i class="far fa-arrow-left"></i></a>
                    </div>
                </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>


    <div class="blog-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">
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="blog-item-img">
                            <img src="assets/img/blog/01.jpg" alt="Thumb">
                        </div>
                        <div class="blog-item-info">
                            <div class="blog-item-meta">
                                <ul>
                                    <li><a href="#"><i class="far fa-user-circle"></i> نوشته آلیشیا دیویس</a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> 30 بهمن،1402 </a></li>
                                </ul>
                            </div>
                            <h4 class="blog-title">
                                <a href="#">برای اکثریت در برخی از تزریقات، تغییرات زیادی وجود دارد
                                    شوخ طبعی</a>
                            </h4>
                            <a class="theme-btn mt-3" href="#"> ادامه مطلب <i class="far fa-arrow-left"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
                        <div class="blog-item-img">
                            <img src="assets/img/blog/02.jpg" alt="Thumb">
                        </div>
                        <div class="blog-item-info">
                            <div class="blog-item-meta">
                                <ul>
                                    <li><a href="#"><i class="far fa-user-circle"></i> نوشته آلیشیا دیویس</a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> 30 بهمن،1402 </a></li>
                                </ul>
                            </div>
                            <h4 class="blog-title">
                                <a href="#">برای اکثریت در برخی از تزریقات، تغییرات زیادی وجود دارد
                                    شوخ طبعی</a>
                            </h4>
                            <a class="theme-btn mt-3" href="#"> ادامه مطلب <i class="far fa-arrow-left"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">
                        <div class="blog-item-img">
                            <img src="assets/img/blog/03.jpg" alt="Thumb">
                        </div>
                        <div class="blog-item-info">
                            <div class="blog-item-meta">
                                <ul>
                                    <li><a href="#"><i class="far fa-user-circle"></i> نوشته آلیشیا دیویس</a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> 30 بهمن،1402 </a></li>
                                </ul>
                            </div>
                            <h4 class="blog-title">
                                <a href="#">برای اکثریت در برخی از تزریقات، تغییرات زیادی وجود دارد
                                    شوخ طبعی</a>
                            </h4>
                            <a class="theme-btn mt-3" href="#"> ادامه مطلب <i class="far fa-arrow-left"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection