@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">Domestic Package</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>Domestic Package</li>
                </ul>
            </div>
        </div>
    </div>


    <style>
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .swiper-pagination {
            position: relative !important;
            margin-top: 20px !important;
        }
    </style>

    {{-- Domestic Package --}}


    <section class="position-relative space overflow-hidden bg-top-center background-image arrow-wrap" id="destination-sec">
        <div class="container">
            @foreach ($domestic_category as $category)
            <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">{{ $category->category_name }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-area mb-5 mt-5">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        @foreach ($category->subCategories as $subCategory)
                        <div class="swiper-slide">
                            <div class="destination-item2 th-ani">
                                <a href="{{ route('domestic_details' , $subCategory->id) }}">
                                    <div class="box-img global-img">
                                        <img src="{{ asset('dashboard_assets/domestic_sub_category') }}/{{ $subCategory->image }}" alt="{{ $subCategory->title}}" />
                                    </div>
                                    <div class="box-content">
                                        <h3 class="box-title">{{ $subCategory->title }}</h3>
                                        <p class="box-text">
                                            {{ $subCategory->description }}
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div> 
                        @endforeach
                    </div>

                    <!-- Swiper controls -->
                    {{-- <div class="swiper-button-next"></div> --}}
                    {{-- <div class="swiper-button-prev"></div> --}}
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            @endforeach


            <!-- Swiper CSS -->
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />

            
    </section>
    {{-- Domectic Deatils --}}


    <section class="overflow-hidden space-bottom arrow-wrap" id="blog-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">Domestic Tourism in Pakistan</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                {{-- <div class="col-md-12">
                    <div class="widget">

                   
                        <h3 class="widget_title">Attractions</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Historic sites</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        The ruins of Mohenjo-daro and Harappa, the Buddhist ruins of Takht-i-Bahi, and
                                        the Fort and Shalamar Gardens in Lahore.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Mountain peaks</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>K2, the second
                                        highest peak in the world, and other Himalayan hill stations.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">National parks</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Hingol, Khunjerab,
                                        and Deosai National Parks.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Beaches</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Gwadar, Clifton
                                        Beach, and Kund Malir.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Religious sites</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>Faisal Mosque, Data
                                        Darbar, Shrines of Sufi Saints, Nankana Sahib, and Kartarpur Corridor.
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                        <h3 class="widget_title mt-2">Other Features</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>
                                        Pakistan is home to one of the oldest civilizations in the world.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Pakistan has unique arts and crafts.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Pakistan has a rich culture and heritage.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Pakistan has many UNESCO world heritage sites.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta">
                                        The World Trade Organization (WTO) predicts that
                                        international tourism in Pakistan will fully recover in 2024.
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                        <h3 class="widget_title">Tourism Types</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Adventure tourism</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Mountain climbing, including K2
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Eco tourism</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Visiting national parks and wildlife.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Heritage tourism</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Visiting historical cities and sites.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Beach tourism</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Snorkeling, scuba diving, fishing, and beach camping.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Spiritual tourism</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Visiting religious sites.
                                    </div>
                                </div>
                            </div>
                        </div>

                       
                        <h3 class="widget_title mt-3">Introduction</h3>
                        <div class="recent-post-wrap">
                            <div class="recent-post">
                                <div class="media-body">
                                    <h4 class="post-title">Why Explore Pakistan?</h4>
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Pakistan is a land of diverse landscapes, vibrant cultures, and rich history,
                                        offering something for every type of traveler.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        From the majestic peaks of the Himalayas and Karakoram Range to the serene beaches
                                        of the Arabian Sea, the country is a treasure trove waiting to be explored.
                                    </div>
                                </div>
                            </div>
                            <div class="recent-post">
                                <div class="media-body">
                                    <div class="recent-post-meta"><i class="fa-solid fa-plane"></i>
                                        Embrace your roots and embark on an adventure in your homeland, where hidden gems
                                        await you at every turn.
                                    </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 mb-20">Attractions</h2>
                            <div class="destination-checklist mb-40">
                                <div class="checklist style2">
                                    <ul class="checklist12">
                                        <li>Historic sites:</li>
                                        <li>Mountain peaks:</li>
                                        <li>National parks:</li>
                                        <li>Beaches:</li>
                                        <li>Religious sites:</li>
                                        {{-- <li>Visa Assistance:</li> --}}

                                    </ul>
                                </div>
                                <div class="checklist style2">
                                    <ul>
                                        <li>The ruins of Mohenjo-daro and Harappa, the Buddhist ruins of Takht-i-Bahi, and
                                            the Fort and Shalamar Gardens in Lahore.</li>
                                        <li>K2, the second highest peak in the world, and other Himalayan hill stations.
                                        </li>
                                        <li>Hingol, Khunjerab, and Deosai National Parks.</li>
                                        <li>Gwadar, Clifton Beach, and Kund Malir.</li>
                                        <li>Faisal Mosque, Data Darbar, Shrines of Sufi Saints, Nankana Sahib, and Kartarpur
                                            Corridor.</li>
                                        {{-- <li>Visa processing and documentation (depending on destination).</li> --}}
                                    </ul>
                                </div>
                            </div>


                            <h2 class="box-title mb-20">Other Features</h2>
                            <div class="destination-checklist mb-50">
                                <div class="checklist style2">
                                    <ul class="checklist">
                                        <li> Pakistan is home to one of the oldest civilizations in the world.</li>
                                        <li> Pakistan has unique arts and crafts.</li>
                                        <li> Pakistan has a rich culture and heritage.</li>
                                        <li>Pakistan has many UNESCO world heritage sites.</li>
                                        <li>The World Trade Organization (WTO) predicts that international tourism in
                                            Pakistan will fully recover in 2024.</li>

                                    </ul>
                                </div>
                                <div class="check   list style2">

                                </div>
                            </div>

                            <h2 class="box-title mb-20">Why Explore Pakistan?</h2>
                            <div class="destination-checklist mb-50">
                                <div class="checklist style2">
                                    <ul class="checklist">
                                        <li> Pakistan is a land of diverse landscapes, vibrant cultures, and rich history,
                                            offering something for every type of traveler.</li>
                                        <li> From the majestic peaks of the Himalayas and Karakoram Range to the serene
                                            beaches of the Arabian Sea, the country is a treasure trove waiting to be
                                            explored.</li>
                                        <li> Embrace your roots and embark on an adventure in your homeland, where hidden
                                            gems await you at every turn.</li>

                                    </ul>
                                </div>
                                <div class="check   list style2">

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

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

    {{-- Domectic Deatils --}}

    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper(".mySwiper", {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: true,
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
                type: 'bullets',
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            breakpoints: {
                768: {
                    slidesPerView: 2,
                },
                1024: {
                    slidesPerView: 3,
                },
            },
        });
    </script>


    {{-- Umrah Package --}}
@endsection