<?php
$current_page = basename($_SERVER['PHP_SELF']);
?>
<!-- loader -->
 <div id="preloader" class="ping"></div> 


<!-- Floating Contact Buttons -->
<div class="float-icons">
    <a href="https://wa.me/917845830046" target="_blank" class="float-btn whatsapp" aria-label="Chat on WhatsApp">
        <i class="bi bi-whatsapp"></i>
    </a>

    <a href="tel:+917845830046" class="float-btn phone" aria-label="Call Now">
        <i class="bi bi-telephone"></i>
    </a>
</div>

<!-- logo water mark -->
<div class="page-watermark">
    <img src="./assets/image/mr.taxi.webp" class="img-fluid" alt="Logo Watermark">
</div>

<!-- Back to Top Button -->
<button id="topBtn" class="top-button" title="Go to top"><i class="bi bi-arrow-up-short"></i></button>

<!-- Top bar -->
<div class="top-bar px-4 py-2">
    <div class="container d-flex justify-content-between align-items-center">
        <div class="working-hours alt-style">
            <i class="bi bi-clock" aria-hidden="true"></i>
            <span>Working Hours:</span>
            <strong>24/7</strong>
        </div>

        <div class="social-icons d-lg-flex align-items-center gap-3">
            <a href="#" title="Follow MR.Taxi on Facebook" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
            <a href="#" title="Follow MR.Taxi on Instagram" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
            <a href="#" title="Follow MR.Taxi on X (Twitter)" aria-label="Twitter"><i class="bi bi-twitter-x"></i></a>
            <a href="#" title="Follow MR.Taxi on Pinterest" aria-label="Pinterest"><i class="bi bi-pinterest"></i></a>
            <a href="#" title="Chat with MR.Taxi on WhatsApp" aria-label="WhatsApp"><i class="bi bi-whatsapp"></i></a>
        </div>
    </div>
</div>



<header class="navbar-area">
    <nav class="navbar navbar-expand-xl main-navbar px-4">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center" href="index.php" title="Mr.Taxi - Home">
                <img src="./assets/image/mr.taxi.webp" alt="Mr.Taxi Logo" class="logo me-2">
            </a>

            <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-center d-none d-lg-flex">
                <ul class="navbar-nav mb-0 gap-4">
                    <li class="nav-item">
                        <a class="nav-link <?= ($current_page == 'index.php') ? 'active' : '' ?>" href="index.php" title="Go to Home Page">HOME</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <?= ($current_page == 'about.php') ? 'active' : '' ?>" href="about.php" title="Learn More About MR.Taxi">ABOUT</a>
                    </li>
                    <li class="nav-item dropdown-custom">
                        <a class="nav-link <?= ($current_page == 'packages.php') ? 'active' : '' ?>" href="#" title="View Our Travel Packages">
                            PACKAGES <i class="bi bi-chevron-down ms-1"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="kandhaloor.php" title="Kandhaloor 2 Days 1 Night Tour">Kandhaloor (2D/1N)</a></li>
                            <li><a href="Valparai-&-Athirappilly.php" title="Valparai & Athirappilly 3 Days 1 Night Tour">Valparai & Athirappilly (3D/1N)</a></li>
                            <li><a href="Topslip-&-Valparai.php" title="Topslip & Valparai 2 Days 1 Night Tour">Topslip & Valparai (2D/1N)</a></li>
                            <li><a href="munnar-kandhaloor.php" title="Munnar & Kandhaloor 3 Days 2 Nights Tour">Munnar & Kandhaloor (3D/2N)</a></li>
                            <li><a href="valparai-&-kandhaloor-tour-package.php" title="Valparai & Kandhaloor 3 Days 2 Nights Tour">Valparai & Kandhaloor (3D/2N)</a></li>
                            <li><a href="topslip-athirappilly.php" title="Topslip, Valparai & Athirappilly 2 Days Tour">Topslip – Valparai – Athirappilly (2D)</a></li>
                            <li><a href="thirumoorthi-falls" title="Visit Thirumoorthi Falls">Thirumoorthi Falls</a></li>
                            <li><a href="valparai-&-athirappilly-3-day-tour.php" title="Valparai & Athirappilly 3-Day Tour">Valparai & Athirappilly 3-Day</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <?= ($current_page == 'travels.php') ? 'active' : '' ?>" href="travels.php" title="View Travel Options & Rides">TRAVELS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <?= ($current_page == 'blog.php') ? 'active' : '' ?>" href="blog.php" title="Read Latest Blogs & Travel Tips">BLOGS</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link <?= ($current_page == 'contact.php') ? 'active' : '' ?>" href="contact.php" title="Contact MR.Taxi for Queries or Bookings">CONTACT</a>
                    </li>
                </ul>
            </div>

            <div class="right-contact d-none d-lg-flex align-items-center gap-3">
                <div class="email d-flex align-items-center border-start ps-3">
                    <i class="bi bi-envelope me-2"></i>
                    <div>
                        <span class="text-muted small d-block">Need Help?</span>
                        <a href="mailto:shivamtaxi590@gmail.com" class="fw-semibold text-dark" title="Email Us">shivamtaxi590@gmail.com</a>
                    </div>
                </div>
                <a href="tel:+917845830046" class="call-btn" title="Call MR.Taxi Directly">CALL US <i class="bi bi-chevron-right ms-1"></i></a>
            </div>
        </div>
    </nav>

    <!-- Offcanvas Menu for Mobile -->
    <div class="offcanvas offcanvas-start custom-offcanvas" tabindex="-1" id="offcanvasNavbar">
        <div class="offcanvas-header border-bottom">
            <a href="index.php" class="offcanvas-logo d-flex align-items-center" title="Mr.Taxi - Home">
                <img src="./assets/image/mr.taxi.webp" alt="Mr.Taxi Logo" class="offcanvas-brand-logo me-2">
            </a>
            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close Menu"></button>
        </div>

        <div class="offcanvas-body">
            <ul class="navbar-nav offcanvas-menu">
                <li class="nav-item">
                    <a class="nav-link <?= ($current_page == 'index.php') ? 'active' : '' ?>" href="index.php" title="Go to Home Page">
                        <i class="bi bi-house-door"></i> HOME
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link <?= ($current_page == 'about.php') ? 'active' : '' ?>" href="about.php" title="Learn More About MR.Taxi">
                        <i class="bi bi-person"></i> ABOUT
                    </a>
                </li>
                <li class="nav-item dropdown-custom">
                    <a class="nav-link <?= ($current_page == 'packages.php') ? 'active' : '' ?>" href="#" title="View Our Travel Packages">
                        <i class="bi bi-box-seam"></i> PACKAGES
                        <i class="bi bi-chevron-down toggle-icon ms-2"></i>
                    </a>
                    <ul class="sub-menu">
                        <li><a href="kandhaloor.php" title="Kandhaloor 2D/1N Tour">Kandhaloor (2D/1N)</a></li>
                        <li><a href="Valparai-&-Athirappilly.php" title="Valparai & Athirappilly 3D/1N Tour">Valparai & Athirappilly (3D/1N)</a></li>
                        <li><a href="Topslip-&-Valparai.php" title="Topslip & Valparai 2D/1N Tour">Topslip & Valparai (2D/1N)</a></li>
                        <li><a href="munnar-kandhaloor.php" title="Munnar & Kandhaloor 3D/2N Tour">Munnar & Kandhaloor (3D/2N)</a></li>
                        <li><a href="valparai-&-kandhaloor-tour-package.php" title="Valparai & Kandhaloor 3D/2N Tour">Valparai & Kandhaloor (3D/2N)</a></li>
                        <li><a href="topslip-athirappilly.php" title="Topslip, Valparai & Athirappilly 2D Tour">Topslip – Valparai – Athirappilly (2D)</a></li>
                        <li><a href="thirumoorthi-falls" title="Visit Thirumoorthi Falls">Thirumoorthi Falls</a></li>
                        <li><a href="valparai-&-athirappilly-3-day-tour.php" title="Valparai & Athirappilly 3-Day Tour">Valparai & Athirappilly 3-Day</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link <?= ($current_page == 'travels.php') ? 'active' : '' ?>" href="travels.php" title="Explore Travel Options & Rides">
                        <i class="bi bi-car-front"></i> TRAVELS
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link <?= ($current_page == 'blog.php') ? 'active' : '' ?>" href="blog.php" title="Read Blogs & Travel Guides">
                        <i class="bi bi-newspaper"></i> BLOGS
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link <?= ($current_page == 'contact.php') ? 'active' : '' ?>" href="contact.php" title="Contact MR.Taxi for Bookings or Queries">
                        <i class="bi bi-telephone"></i> CONTACT
                    </a>
                </li>
            </ul>
        </div>

        <div class="offcanvas-footer text-center border-top py-3">
            <div class="social-icons d-flex justify-content-center gap-3 mb-2">
                <a href="#" title="Follow MR.Taxi on Facebook"><i class="bi bi-facebook"></i></a>
                <a href="#" title="Follow MR.Taxi on Instagram"><i class="bi bi-instagram"></i></a>
                <a href="#" title="Follow MR.Taxi on X (Twitter)"><i class="bi bi-twitter-x"></i></a>
                <a href="#" title="Follow MR.Taxi on Pinterest"><i class="bi bi-pinterest"></i></a>
                <a href="#" title="Chat with MR.Taxi on WhatsApp"><i class="bi bi-whatsapp"></i></a>
            </div>
            <p class="small mb-0 text-dark">
                Your Journey, Our Responsibility — <span class="fw-semibold">Mr.Taxi</span>
            </p>
        </div>
    </div>
</header>