@extends('components.master')
@section('admin')
    <div class="breadcumb-wrapper background-image"
        style="background-image: url(&quot;assets/img/bg/breadcumb-bg.jpg&quot;);">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">International Package</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>International Package</li>
                </ul>
            </div>
        </div>
    </div>




    <section class="product-details space-top">
        <div class="container">
            <div class="mb-30 text-center text-md-center">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-12">
                        <div class="title-area mb-md-0">
                            <h2 class="sec-title">Visit Visa</h2>
                        </div>
                    </div>
                </div>
            </div>

            <div class="tab-content">
                <div class="woocommerce-Reviews">
                    <div class="th-comments-wrap">
                        <ul class="comment-list" style="position: relative; height: 438px;">

                            @foreach ($visit_visa as $show)
                            <li class="review th-comment-item" style="position: absolute; left: 0px; top: 0px;">
                                <a href="{{ route('visa_details') }}">
                                    <div class="th-post-comment">
                                        <div class="comment-avater">
                                            <img src="{{ asset('dashboard_assets/visit_visa') }}/{{ $show->image }}" alt="Comment Author">
                                        </div>
                                        <div class="comment-content">
                                            <h4 class="name">{{ $show->country_name}}</h4>
                                            <span class="commented-on"><i class="fas fa-coins"></i>
                                                 {{ $show->price_for_adult }}</span>


                                        </div>
                                    </div>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </div>

                </div>
            </div>

        </div>
    </section>




    <section class="category-area2 bg-top-center position-relative overflow-hidden space-top">
        <div class="container th-container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="title-area text-center">
                        {{-- <span class="sub-title">Tour Activity</span> --}}
                        <h2 class="sec-title">Internation Group Tours Packages</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
                    <div class="swiper categorySlider6 swiper-initialized swiper-horizontal" id="categorySlider6">
                        <div class="swiper-wrapper" id="swiper-wrapper-2f3ff4e27748385f" aria-live="polite"
                            style="cursor: grab; transition-duration: 0ms; transform: translate3d(-1239.88px, 0px, 0px); transition-delay: 0ms;">
                           
                            @foreach ($group_tour as $show)
                            <div class="swiper-slide" role="group" aria-label="8 / 9" data-swiper-slide-index="0"
                                style="width: 324.25px; margin-right: 30px;">
                                <div class="category-card style4 single2"
                                    style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                                    <div class="box-img global-img"><img src="{{ asset('dashboard_assets/group_tour') }}/{{ $show->image }}"
                                            alt="Image"></div>
                                    <div class="box-wrapp">
                                        <div class="box-content">
                                            <h3 class="box-title">{{ $show->name}}</h3>
                                            <div class="row mt-3">
                                                <div class="col-md-6">
                                                    <span><i class="fa-light fa-tag"></i>
                                                        {{ $show->price }}</span>
                                                </div>
                                                <div class="col-md-6">
                                                    <span><i class="fa-light fa-clock"></i>{{ $show->days }}</span>
                                                </div>
                                            </div>
                                            <p class="box-text"><b>Package Detail:</b> {{ $show->description }}</p>
                                        </div>
                                        <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                                    </div>
                                </div>
                            </div>
                            @endforeach


                            <div class="swiper-slide" role="group" aria-label="9 / 9" data-swiper-slide-index="1"
                            style="width: 324.25px; margin-right: 30px;">
                            <div class="category-card style4 single2"
                                style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                                <div class="box-img global-img"><img src="assets/img/group_tour/2.jpeg"
                                        alt="Image"></div>
                                <div class="box-wrapp">
                                    <div class="box-content">
                                        <h3 class="box-title">Package Name</h3>
                                        <div class="row mt-3">
                                            <div class="col-md-6">
                                                <span><i class="fa-light fa-tag"></i>
                                                    Price</span>
                                            </div>
                                            <div class="col-md-6">
                                                <span><i class="fa-light fa-clock"></i> 7 Days</span>
                                            </div>
                                        </div>
                                        <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                                            Landscapes</p>
                                    </div>
                                    <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                                </div>
                            </div>
                        </div>


                        <div class="swiper-slide" role="group" aria-label="3 / 9" data-swiper-slide-index="2"
                        style="width: 324.25px; margin-right: 30px;">
                        <div class="category-card style4 single2"
                            style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                            <div class="box-img global-img"><img src="assets/img/group_tour/3.jpg"
                                    alt="Image"></div>
                            <div class="box-wrapp">
                                <div class="box-content">
                                    <h3 class="box-title">Package Name</h3>
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <span><i class="fa-light fa-tag"></i>
                                                Price</span>
                                        </div>
                                        <div class="col-md-6">
                                            <span><i class="fa-light fa-clock"></i> 7 Days</span>
                                        </div>
                                    </div>
                                    <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                                        Landscapes</p>
                                </div>
                                <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                            </div>
                        </div>
                    </div>

                    <div class="swiper-slide" role="group" aria-label="6 / 9" data-swiper-slide-index="3"
                    style="width: 324.25px; margin-right: 30px;">
                    <div class="category-card style4 single2"
                        style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                        <div class="box-img global-img"><img src="assets/img/group_tour/3.jpg"
                                alt="Image"></div>
                        <div class="box-wrapp">
                            <div class="box-content">
                                <h3 class="box-title">Package Name</h3>
                                <div class="row mt-3">
                                    <div class="col-md-6">
                                        <span><i class="fa-light fa-tag"></i>
                                            Price</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span><i class="fa-light fa-clock"></i> 7 Days</span>
                                    </div>
                                </div>
                                <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                                    Landscapes</p>
                            </div>
                            <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                        </div>
                    </div>
                </div>

                    
                    <div class="swiper-slide" role="group" aria-label="7 / 9" data-swiper-slide-index="4"
                    style="width: 324.25px; margin-right: 30px;">
                    <div class="category-card style4 single2"
                        style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                        <div class="box-img global-img"><img src="assets/img/group_tour/3.jpg"
                                alt="Image"></div>
                        <div class="box-wrapp">
                            <div class="box-content">
                                <h3 class="box-title">Package Name</h3>
                                <div class="row mt-3">
                                    <div class="col-md-6">
                                        <span><i class="fa-light fa-tag"></i>
                                            Price</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span><i class="fa-light fa-clock"></i> 7 Days</span>
                                    </div>
                                </div>
                                <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                                    Landscapes</p>
                            </div>
                            <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                        </div>
                    </div>
                </div>



                    <div class="swiper-slide" role="group" aria-label="8 / 9" data-swiper-slide-index="5"
                    style="width: 324.25px; margin-right: 30px;">
                    <div class="category-card style4 single2"
                        style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                        <div class="box-img global-img"><img src="assets/img/group_tour/4.jpg"
                                alt="Image"></div>
                        <div class="box-wrapp">
                            <div class="box-content">
                                <h3 class="box-title">Package Name</h3>
                                <div class="row mt-3">
                                    <div class="col-md-6">
                                        <span><i class="fa-light fa-tag"></i>
                                            Price</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span><i class="fa-light fa-clock"></i> 7 Days</span>
                                    </div>
                                </div>
                                <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                                    Landscapes</p>
                            </div>
                            <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                        </div>
                    </div>
                </div>


                <div class="swiper-slide" role="group" aria-label="1 / 9" data-swiper-slide-index="6"
                style="width: 324.25px; margin-right: 30px;">
                <div class="category-card style4 single2"
                    style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                    <div class="box-img global-img"><img src="assets/img/group_tour/5.avif"
                            alt="Image"></div>
                    <div class="box-wrapp">
                        <div class="box-content">
                            <h3 class="box-title">Package Name</h3>
                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <span><i class="fa-light fa-tag"></i>
                                        Price</span>
                                </div>
                                <div class="col-md-6">
                                    <span><i class="fa-light fa-clock"></i> 7 Days</span>
                                </div>
                            </div>
                            <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                                Landscapes</p>
                        </div>
                        <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                    </div>
                </div>
            </div>


            <div class="swiper-slide" role="group" aria-label="4 / 9" data-swiper-slide-index="7"
            style="width: 324.25px; margin-right: 30px;">
            <div class="category-card style4 single2"
                style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
                <div class="box-img global-img"><img src="assets/img/group_tour/5.avif"
                        alt="Image"></div>
                <div class="box-wrapp">
                    <div class="box-content">
                        <h3 class="box-title">Package Name</h3>
                        <div class="row mt-3">
                            <div class="col-md-6">
                                <span><i class="fa-light fa-tag"></i>
                                    Price</span>
                            </div>
                            <div class="col-md-6">
                                <span><i class="fa-light fa-clock"></i> 7 Days</span>
                            </div>
                        </div>
                        <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                            Landscapes</p>
                    </div>
                    <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
                </div>
            </div>
        </div>

        <div class="swiper-slide" role="group" aria-label="2 / 9" data-swiper-slide-index="8"
        style="width: 324.25px; margin-right: 30px;">
        <div class="category-card style4 single2"
            style="transform: translate(0px, 68.3px) rotate(0deg); transform-origin: right top;">
            <div class="box-img global-img"><img src="assets/img/group_tour/3.jpg"
                    alt="Image"></div>
            <div class="box-wrapp">
                <div class="box-content">
                    <h3 class="box-title">Package Name</h3>
                    <div class="row mt-3">
                        <div class="col-md-6">
                            <span><i class="fa-light fa-tag"></i>
                                Price</span>
                        </div>
                        <div class="col-md-6">
                            <span><i class="fa-light fa-clock"></i> 7 Days</span>
                        </div>
                    </div>
                    <p class="box-text"><b>Package Detail:</b> A Trekking Adventure Through Rugged
                        Landscapes</p>
                </div>
                <a href="#"><div class="icon-btn"><i class="fa-solid fa-arrow-up-right"></i></div></a>
            </div>
        </div>
    </div>

                        </div>
                        <div class="th-swiper-custom"><button data-slider-prev="#categorySlider6"
                                class="slider-arrow slider-prev"><img src="assets/img/icon/right-arrow.svg"
                                    alt=""></button>
                            <div class="swiper-pagination swiper-pagination-progressbar swiper-pagination-horizontal"><span
                                    class="swiper-pagination-progressbar-fill"
                                    style="transform: translate3d(0px, 0px, 0px) scaleX(0.583333) scaleY(1); transition-duration: 300ms;"></span>
                            </div><button data-slider-next="#categorySlider6" class="slider-arrow slider-next"><img
                                    src="assets/img/icon/left-arrow.svg" alt=""></button>
                        </div><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span
                            class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span
                            class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span
                            class="swiper-notification" aria-live="assertive" aria-atomic="true"></span><span
                            class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                    </div>

        </div>
    </section>




    {{-- International Package --}}

    <section class="position-relative space-extra-top overflow-hidden bg-top-center mb-5 background-image arrow-wrap"
    id="destination-sec">
    <div class="container">
        <div class="mb-30 text-center text-md-center">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-12">
                    <div class="title-area mb-md-0">
                        <h2 class="sec-title">Popular International Destinations</h2>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mb-5 mt-5">
            @foreach ($international_destination as $show)
            <div class="col-md-4">
                <div class="destination-item2 th-ani">
                    <a href="#" style="pointer-events: none">
                        <div class="box-img global-img">
                            <img src="{{ asset('dashboard_assets/international_destination') }}/{{ $show->image }}" alt="Burj Khalifa">
                        </div>
                        <div class="box-content">
                            <h3 class="box-title">{{ $show->name}}</h3>
                            <p class="box-text">{{ $show->description }}</p>
                        </div>
                    </a>
                </div>
            </div>
            @endforeach


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


    <section class="overflow-hidden space arrow-wrap bg-light">
        <div class="container">
            <div class="mb-30 text-center">
                <h2 class="sec-title">Customized International Trip Packages</h2>
            </div>

            <div class="row justify-content-center">
                {{-- <div class="col-md-12">
                    <div class="widget">


                        <h3 class="widget_title mt-3">Package Inclusions</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Flights</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Round-trip airfare from Pakistan (economy class)
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Accommodation</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Stay in 3-star or 4-star hotels (upgrade options available)
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Airport Transfers</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Private airport pick-ups and drop-offs.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Sightseeing</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Guided city tours, entrance fees, and special activities as mentioned in the
                                        itinerary.
                                    </div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Meals</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Breakfast included at hotels (half-board/full-board options available).
                                    </div>
                                </div>
                            </div>

                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Visa Assistance</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Visa processing and documentation (depending on destination).
                                    </div>
                                </div>
                            </div>

                        </div>



                        <h3 class="widget_title mt-5">Why Choose Our Customized Packages?</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Affordable Rates</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        We offer competitive pricing to make your dream vacation affordable.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Tailored Itinerary</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Customize your trip based on your preferences and budget.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Expert Guidance</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Our experienced travel agents help you every step of the way, ensuring a hassle-free
                                        experience.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Comfort & Convenience</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Relax and enjoy a seamless experience with all arrangements taken care of.
                                    </div>
                                </div>
                            </div>

                        </div>



                        <h3 class="widget_title mt-5">Book Your Dream Holiday Today!</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Whether you’re seeking adventure, relaxation, or cultural exploration, our
                                        customized international trip package offers it all. Don’t miss the chance to visit
                                        some of the most beautiful and exciting destinations in the world at affordable
                                        rates.
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div> --}}

                <div class="col-xxl-12 col-lg-12">
                    <div class="tour-page-single">
                      
                        <div class="page-content">
                           
                            {{-- <h2 class="box-title">Highlights</h2>
                            <p class="recent-post-meta mb-20">We offer a range of Umrah packages designed to suit every need and budget. Whether you're traveling with family, friends, or as part of a group, our packages cover all aspects of your journey, including travel, accommodation, and guided tours.</p>
                             --}}
                            <h2 class="box-title mb-20">Package Inclusions</h2>
                            <div class="destination-checklist mb-40">
                                <div class="checklist style2">
                                    <ul class="checklist12">
                                        <li>Flights:</li>
                                        <li>Accommodation:</li>
                                        <li>Airport Transfers:</li>
                                        <li>Sightseeing:</li>
                                        <li>Meals:</li>
                                        <li>Visa Assistance:</li>
                                       
                                    </ul>
                                </div>
                                <div class="checklist style2">
                                    <ul>
                                        <li>Round-trip airfare from Pakistan (economy class).</li>
                                        <li>Stay in 3-star or 4-star hotels (upgrade options available).</li>
                                        <li>Par Private airport pick-ups and drop-offs.</li>
                                        <li>Guided city tours, entrance fees, and special activities as mentioned in the itinerary.</li>
                                        <li>Breakfast included at hotels (half-board/full-board options available).</li>
                                        <li>Visa processing and documentation (depending on destination).</li>
                                    </ul>
                                </div>
                            </div>


                            <h2 class="box-title mb-20">Why Choose Our Customized Packages?</h2>
                            <div class="destination-checklist mb-50">
                                <div class="checklist style2">
                                    <ul class="checklist12">
                                        <li>Affordable Rates:</li>
                                        <li>Tailored Itinerary:</li>
                                        <li>Expert Guidance:</li>
                                        <li>Comfort & Convenience:</li>
                                       
                                    </ul>
                                </div>
                                <div class="checklist style2">
                                    <ul>
                                        <li>We offer competitive pricing to make your dream vacation affordable.</li>
                                        <li>Customize your trip based on your preferences and budget.</li>
                                        <li> Our experienced travel agents help you every step of the way, ensuring a hassle-free experience.</li>
                                        <li>Relax and enjoy a seamless experience with all arrangements taken care of.</li>
                                    </ul>
                                </div>
                            </div>
                            <h2 class="box-title">Book Your Dream Holiday Today!</h2>
                            <p class="recent-post-meta mb-20">Whether you’re seeking adventure, relaxation, or cultural exploration, our
                                customized international trip package offers it all. Don’t miss the chance to visit
                                some of the most beautiful and exciting destinations in the world at affordable
                                rates.</p>
                            
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection