@extends('components.master')
@section('admin')

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





   




    {{-- Domestic Package --}}


 
    <section class="overflow-hidden space 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"></h2> --}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach ($domestic_package as $show)
                <div class="col-lg-4 col-md-6">
                    <div class="tour-box th-ani">
                        <div class="tour-box_img global-img">
                            <img src="{{ asset('dashboard_assets/domestic_package') }}/{{ $show->image }}" alt="image">
                        </div>
                        <div class="tour-content">
                            <h3 class="currency"><a href="#">{{ $show->name }}</a>
                            </h3>
                            <div class="tour-rating">
                                <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5">
                                    <span style="width:100%">Rated <strong class="rating">5.00</strong>
                                        out of 5 based on <span class="rating">4.8</span>(4.8
                                        Rating)</span>
                                </div><a href="#" class="woocommerce-review-link">(<span
                                        class="count">4.8</span>
                                    Rating)</a>
                            </div>
                            <h4 class="tour-box_price"><span class="box-title">Price: </span>{{ $show->description }}</h4>
                            <div class="tour-action"><span><i class="fa-light fa-clock"></i>{{ $show->days }}</span> <a href="{{route('contact')}}" class="th-btn style4 th-icon">Book Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach


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


    {{-- Umrah Package --}}


        {{-- tour Images --}}
        <div class="destination-area mb-5 position-relative overflow-hidden">
            <div class="container">
                <div class="title-area text-center">
                    {{-- <span class="sub-title">Top Destination</span> --}}
                    <h2 class="sec-title">Tours Images</h2>
                </div>
                <div class="swiper th-slider destination-slider slider-drag-wrap swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-watch-progress"
                    id="aboutSlider1"
                    data-slider-options="{&quot;breakpoints&quot;:{&quot;0&quot;:{&quot;slidesPerView&quot;:1},&quot;576&quot;:{&quot;slidesPerView&quot;:&quot;2&quot;},&quot;992&quot;:{&quot;slidesPerView&quot;:&quot;3&quot;},&quot;1200&quot;:{&quot;slidesPerView&quot;:&quot;3&quot;}},&quot;effect&quot;:&quot;coverflow&quot;,&quot;coverflowEffect&quot;:{&quot;rotate&quot;:&quot;0&quot;,&quot;stretch&quot;:&quot;95&quot;,&quot;depth&quot;:&quot;212&quot;,&quot;modifier&quot;:&quot;1&quot;},&quot;centeredSlides&quot;:&quot;true&quot;}">
                    <div class="swiper-wrapper" id="swiper-wrapper-10e94535fd1e624dc" aria-live="off"
                        style="transition-duration: 0ms; transform: translate3d(-1698.67px, 0px, 0px); transition-delay: 0ms;">
                        <div class="swiper-slide" role="group" aria-label="4 / 10" data-swiper-slide-index="3"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(503.453px, 0px, -1123.49px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -4; margin-right: 24px;">
                            
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_4.jpg')}}"
                                        alt="destination image">
                                  
                                </div>
                            </div>
    
                        </div>
                        <div class="swiper-slide" role="group" aria-label="5 / 10" data-swiper-slide-index="4"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(402.683px, 0px, -898.619px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -3; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_5.jpg')}}"
                                        alt="destination image">
                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="swiper-slide" role="group" aria-label="6 / 10" data-swiper-slide-index="5"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(302.151px, 0px, -674.273px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_1.jpg')}}"
                                        alt="destination image">
                                   
                                </div>
                            </div>
                           
                        </div>
                        <div class="swiper-slide" role="group" aria-label="7 / 10" data-swiper-slide-index="6"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(201.381px, 0px, -449.398px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_2.jpg')}}"
                                        alt="destination image">
                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="swiper-slide swiper-slide-visible swiper-slide-prev" role="group" aria-label="8 / 10"
                            data-swiper-slide-index="7"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(100.611px, 0px, -224.522px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_3.jpg')}}"
                                        alt="destination image">
                                   
                                </div>
                            </div>
                           
                        </div>
                        <div class="swiper-slide swiper-slide-visible swiper-slide-active" role="group" aria-label="9 / 10"
                            data-swiper-slide-index="8"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(0.0790349px, 0px, -0.176373px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_4.jpg')}}"
                                        alt="destination image">
                                    
                                </div>
                            </div>
                           
                        </div>
                        <div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="10 / 10"
                            data-swiper-slide-index="9"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-100.691px, 0px, -224.699px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_5.jpg')}}"
                                        alt="destination image">
                                    
                                </div>
                            </div>
                            </div>
                        <div class="swiper-slide" role="group" aria-label="1 / 10" data-swiper-slide-index="0"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-201.46px, 0px, -449.574px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_1.jpg')}}"
                                        alt="destination image">
                                  
                                </div>
                            </div>
                            
                        </div>
                        <div class="swiper-slide" role="group" aria-label="2 / 10" data-swiper-slide-index="1"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-301.993px, 0px, -673.92px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_2.jpg')}}"
                                        alt="destination image">
                                    
                                </div>
                            </div>
                          
                        </div>
                        <div class="swiper-slide" role="group" aria-label="3 / 10" data-swiper-slide-index="2"
                            style="width: 400.667px; transition-duration: 0ms; transform: translate3d(-402.762px, 0px, -898.795px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -3; margin-right: 24px;">
                            <div class="destination-box ">
                                <div class="destination-img"><img src="{{asset('assets/img/destination/destination_1_3.jpg')}}"
                                        alt="destination image">
                                   
                                </div>
                            </div>
                           
                        </div>
                    </div><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                </div>
            </div>
        </div>
        {{-- tour Images --}}


@endsection