
<div id="scrolldown-end"></div>

<div class="tour-packages about-us-area style-1">
    <div class="container">
        <div class="row">
            <!-- Left column: Banner slider -->
            <div class="col-lg-4 col-sm-4 col-12">
                <div class="tour-slider" id="tour_slider" data-delay="1000">
                    <?php if(!empty($banner_list)): ?>
                        <?php foreach($banner_list as $banner): ?>
                            <?php if($banner['banner_type'] === "Image"): ?>
                                <div>
                                    <a href="<?= !empty($banner['link']) ? $banner['link'] : 'javascript:;' ?>" 
                                       class="team-member-card tour-card"
                                       <?= ($banner['open_in_new_tab'] === 'Yes') ? 'target="_blank"' : '' ?>>
                                        <div class="image">
                                            <img src="<?= base_url('public/uploads/'.$banner['image']) ?>" 
                                                 alt="<?= esc($banner['title']) ?>" />
                                        </div>
                                    </a>
                                </div>
                            <?php elseif($banner['banner_type'] === "Video"): ?>
                                <div>
                                    <video class="w-100" autoplay muted loop>
                                        <source src="<?= base_url('public/uploads/'.$banner['video_url']) ?>" type="video/mp4">
                                    </video>
                                </div>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <p>No banners available.</p>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Right column: Trip themes & Places -->
            <div class="col-lg-8 col-sm-8 col-12">
                <!-- Trip Themes -->
                <h1 class="title fs-4">Short Tour Packages</h1>
                <div class="team-slider" id="team_slider_one">
                    <?php if(!empty($short_tour_list)): ?>
                        <?php foreach($short_tour_list as $trip): ?>
                            <div>
                                <a href="<?= base_url('trip/details/'.$trip['trip_url']) ?>" class="team-member-card style-two">
                                    <div class="image">
                                        <img src="<?= !empty($trip['thumbnail']) ? base_url('public/uploads/'.$trip['thumbnail']) : base_url('public/uploads/default-category.jpg') ?>" 
                                             alt="<?= esc($trip['title']) ?>" />
                                    </div>
                                    <div class="content-wrap team-info">
                                        <div class="user-info">
                                            <h5><?= esc($trip['title']) ?></h5>
                                            <!-- Preserve space even if no trips -->
                                            <!-- small>
                                                <?= (!empty($category['trip_count']) && $category['trip_count'] > 0) ? esc($category['trip_count']).' Tours' : '&nbsp;' ?>
                                            </small -->
                                        </div>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <p>No categories available at the moment.</p>
                    <?php endif; ?>
                </div>

                <!-- Places you can go -->
                <h1 class="title fs-4 mt-3">Places you can go</h1>
                <div class="team-slider visa-slider" id="visa_slider">
                    <?php if(!empty($only_country_list)): ?>
                        <?php foreach($only_country_list as $place): ?>
                            <div>
                                <a href="<?= !empty($place['country_id']) ? base_url('trip?country='.$place['country_id']) : 'javascript:;' ?>" class="visa-card">
                                    <div class="image">
                                        <img src="<?= base_url('public/uploads/'.$place['photo']) ?>" 
                                             alt="<?= esc($place['name']) ?>" />
                                        <h5><?= esc($place['name']) ?></h5>
                                    </div>
                                </a>
                            </div>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <p>No places available.</p>
                    <?php endif; ?>
                </div>
            </div> <!-- End right column -->
        </div> <!-- End row -->
    </div> <!-- End container -->
</div> <!-- End tour-packages -->





<!--div class="about-us-area style-1">
	<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-5 col-sm-12">
					<div class="image-wrapper">
						<img src="images/about.jpg" alt="about">
					</div>
				</div>                    
				<div class="col-lg-7 col-sm-12">
					<div class="content-wrapper ps-4">
						<div class="content">
							<h2 class="title"> About Leisure Club Holidays</h2>
							<p class="desc">At Leisure Club Holidays, we believe that every journey should be as enriching as the destination itself. With a passion for crafting unforgettable experiences, we offer a diverse range of tour packages from the vibrant landscapes of India, to breathtaking international escapes, and deeply spiritual pilgrimages that nourish the soul. </p>
							<p class="desc">Whether you're seeking adventure, cultural immersion, or inner peace, our team ensures seamless planning, transparent pricing, and personalized service every step of the way. With Leisure Club Holidays, your travel dreams aren’t just possible they’re effortless.</p>
						</div>
						<div>
							<a href="<?=base_url('page/about_us')?>" class="theme-btn image-card-btn">About Us</a>
						</div>
					</div>
					
				</div>
			</div>
		
	</div>
</div-->

<!-- Service Slider Area Start -->
<div class="service-slider-area style-1" style="background: url(<?= base_url('public/images/service-bg.jpg') ?>);">
    <div class="section-overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-10 col-sm-12 col-12 mx-auto">
                <div class="section-title text-center mb-5">
                    <h2 class="title text-white"><span class="under-line">Customize Your Journey with Us</span></h2>
                    <!-- <p class="desc text-white">Optional description here.</p> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="service-slider">
                <?php if(!empty($trip_list)): ?>
                    <?php foreach($trip_list as $trip): ?>
                        <a href="<?= base_url('trip/details/'.$trip['trip_url']) ?>" class="icon-card">
                            <div class="icon">
                                <img src="<?= base_url('public/uploads/'.$trip['image']) ?>" alt="<?= esc($trip['title']) ?>">
                                <div class="price-bx">
                                    <span>T&C applies</span>
                                </div>
                            </div>
                            <div class="content">
                                <h6 class="title"><?= esc($trip['title']) ?></h6>
                                <ul class="stay">
                                <?php if($trip['country_id']!='1'){ ?>

                                    <li>Visa</li>
                                <?php } ?>

                                    <li>Meal</li>
                                    <li>Sight Seeing</li>
                                </ul>
                                
                                <!-- Optional facilities list -->
                                <!--
                                <ul class="facility">
                                    <li>Round Trip Flights</li>
                                    <li>Intercity Car Transfers</li>
                                    <li>3 Star Hotels</li>
                                    <li>Airport Transfers</li>
                                    <li>6 Activities</li>
                                    <li>Selected Meals</li>
                                </ul>
                                -->
                                <div class="d-flex justify-content-between align-items-center gap-2 flex-wrap w-100">
                                    <div>
                                        <h6 class="price"><span>From</span><br> ₹ <?= esc($trip['price']) ?></h6>
                                    </div>
                                    <span class="book-now">View Details</span>
                                </div>
                            </div>
                        </a>
                    <?php endforeach; ?>
                <?php else: ?>
                    <p class="text-white text-center w-100">No trips available at the moment.</p>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>


<div class="counter-up-area style-1">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="counter-card">
                    <div class="counter-item">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">100</span>+
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">International Packages</p>
                        </div>
                    </div>
                    <div class="counter-item">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">20</span>+
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">Honeymoon Packages</p>
                        </div>
                    </div>
                    <div class="counter-item style-two">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">4.9/5</span>
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">Average Rating</p>
                        </div>
                    </div>
                    <div class="counter-item">
                        <div class="counter-title">
                            <h2 class="number">
                                <span class="counter">1000</span>+
                            </h2>
                        </div>
                        <div class="counter-content">
                            <p class="text">Total Tours Completed</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Why Choose Us Area Start -->
<div class="why-choose-us-area style-3 about-us-area style-2 overflow-hidden">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 col-sm-12 pe-auto pe-lg-5">
				<div class="video-popup-area style-1">
					<div class="video-popup-card style-two">
						<div class="image video-popup-image">
							<img src="images/video-bg.jpg" alt="video-bg" />
							<div class="video-popup-btn">
								<a href="https://www.youtube.com/watch?v=SZEflIVnhH8" class="mfp-iframe video-play">
									<i class="fa-solid fa-play" aria-hidden="true"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="col-lg-5 col-sm-12 ms-lg-auto">
                <div class="post-comments-form bg-gray py-30 px-30" id="quick-form-wrapper">
                     <?php include 'quick_enquiry.php';?>

                    
                    </div> 
                </div>
            </div>
			
		</div>
	</div>
</div>
<!-- Why Choose Us Area End -->



<div class="team-slider-area style-2 tabular-section">
    <div class="sketch" style="background: url(template/front/images/sketch-color.png)"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-sm-6">
                <div class="section-title mb-3">
                    <h2 class="title">Best budget travel destinations</h2>
                </div>
            </div>
            <div class="col-lg-6 col-sm-6">
                <nav class="price-card-switch text-center text-sm-end">
                    <ul class="nav-tab tabs-list">
                        <li class="item active">Under 50 K</li>
                        <li class="item ">50 K - 1 Lac</li>
                    </ul>
                </nav>
            </div>
        </div>

        <div class="tabs-content">
            <div class="content active">
                <div class="team-slider team_slider_two">
                <?php if (!empty($under_50k_trips)): ?>
                    <?php foreach ($under_50k_trips as $trip): ?>
                        <div class="team-member-card style-two">
                            <div class="image">
                                <img src="<?= !empty($trip['thumbnail']) ? base_url('public/uploads/'.$trip['thumbnail']) : base_url('public/uploads/default-category.jpg') ?>" alt="<?= esc($trip['title']) ?>" />
                                <div class="price-bx">
                                    <span>Under 50 K</span>
                                </div>
                            </div>
                            <div class="content-wrap">
                                <div class="user-info text-center">
                                    <h6 class="mb-1"><?= esc($trip['title']) ?></h6>
                                    <ul class="stay justify-content-center">
                                        <li><?= esc($trip['city']) ?></li>
                                    </ul>
                                    <div class="d-flex justify-content-between gap-2 align-items-top">
                                        <h6 class="price text-start"><span>Flight Not Included</span></h6>
                                        <h6 class="price text-end">₹ <?= number_format($trip['price']) ?> <span>/person</span></h6>
                                    </div>
                                    <div class="shortlist">
                                        <a href="tel:+917666721411">Call Now</a>
                                        <a href="<?= base_url('trip/details/'.$trip['trip_url']) ?>">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <p class="text-white text-center w-100">No trips under 50K at the moment.</p>
                <?php endif; ?>
                </div>
            </div>
            <div class="content ">
                <div class="team-slider team_slider_two">
                <?php if (!empty($between_50k_1lac_trips)): ?>
                    <?php foreach ($between_50k_1lac_trips as $trip): ?>
                        <div class="team-member-card style-two">
                            <div class="image">
                                <img src="<?= !empty($trip['thumbnail']) ? base_url('public/uploads/'.$trip['thumbnail']) : base_url('public/uploads/default-category.jpg') ?>" alt="<?= esc($trip['title']) ?>" />
                                <div class="price-bx">
                                    <span>50 K - 1 Lac</span>
                                </div>
                            </div>
                            <div class="content-wrap">
                                <div class="user-info text-center">
                                    <h6 class="mb-1"><?= esc($trip['title']) ?></h6>
                                    <ul class="stay justify-content-center">
                                        <li><?= esc($trip['city']) ?></li>
                                    </ul>
                                    <div class="d-flex justify-content-between gap-2 align-items-top">
                                        <h6 class="price text-start"><span>Flight Not Included</span></h6>
                                        <h6 class="price text-end">₹ <?= number_format($trip['price']) ?> <span>/person</span></h6>
                                    </div>
                                    <div class="shortlist">
                                        <a href="tel:+917666721411">Call Now</a>
                                        <a href="<?= base_url('trip/details/'.$trip['trip_url']) ?>">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
                <?php else: ?>
                    <p class="text-white text-center w-100">No trips between 50K - 1 Lac at the moment.</p>
                <?php endif; ?>

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