<?php 
include("admin/includes/config.php");
?>


<header class="header">
		<div class="header-quickLinks js-header-quickLinks d-lg-none">
			<div class="quickLinks-top js-quickLinks-top"></div>
			<div class="js-quickLinks-wrap-m">
			</div>
		</div>
		<div class="header-topline d-none d-lg-flex">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-auto d-flex align-items-center">
						<div class="header-phone"><i class="icon-telephone"></i><a href="tel:+91-9311963444">+91-9311963444</a></div>
						<div class="header-info"><i class="icon-placeholder2"></i>Shop no.25, Ist Floor, Global Foyer Mall, Palam Vihar Gurugram Pin 122017</div>
						<div class="header-info"><i class="icon-black-envelope"></i><a href="mailto:hr@aclhealthcare.com">hr@aclhealthcare.com</a></div>
					</div>
					<!-- <div class="col-auto ml-auto d-flex align-items-center">
						<span class="header-social">
							<a href="#" class="hovicon"><i class="icon-facebook-logo-circle"></i></a>
							<a href="#" class="hovicon"><i class="icon-twitter-logo-circle"></i></a>
							<a href="#" class="hovicon"><i class="icon-google-plus-circle"></i></a>
						</span>
					</div> -->
				</div>
			</div>
		</div>
		<div class="header-content">
			<div class="container">
				<div class="row align-items-lg-center">
					<button class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarNavDropdown">
						<span class="icon-menu"></span>
					</button>
					<div class="col-lg-auto col-lg-2 d-flex align-items-lg-center">
						<a href="index.php" class="header-logo"><img src="images/logoo.png" alt="" class="img-fluid"></a>
					</div>
					<div class="col-lg ml-auto header-nav-wrap">
						<div class="header-nav js-header-nav">
							<nav class="navbar navbar-expand-lg btco-hover-menu">
								<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
									<ul class="navbar-nav">
                                    <li class="nav-item">
											<a class="nav-link" href="index.php">Home</a>
										</li>
										<li class="nav-item">
											<a class="nav-link" href="about.php">About Us</a>
										</li>
                                        <li class="nav-item">
    <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Services</a>
    <ul class="dropdown-menu">
        <?php
        $query = "SELECT * FROM categories";
        $query_run = mysqli_query($conn, $query);

        if (mysqli_num_rows($query_run) > 0) {
            foreach ($query_run as $row) {
                $category_id = $row['id']; // Assuming 'id' is the primary key for categories
        ?>
                <li class="dropdown-submenu">
                    <a class="dropdown-item dropdown-toggle" href="#">
                        <?php echo $row['cat_name']; ?>
                    </a>
                    <ul class="dropdown-menu pppm">
                        <?php
                        $product_query = "SELECT * FROM products WHERE category_id = '$category_id'";
                        $product_query_run = mysqli_query($conn, $product_query);

                        if (mysqli_num_rows($product_query_run) > 0) {
                            while ($product = mysqli_fetch_assoc($product_query_run)) {
                        ?>
                                <li>
                                    <a class="dropdown-item" href="service-detail.php?id=<?php echo $product['id']; ?>">
                                        <?php echo $product['name']; ?>
                                    </a>
                                </li>
                        <?php
                            }
                        } else {
                            echo '<li><a class="dropdown-item text-muted">No products available</a></li>';
                        }
                        ?>
                    </ul>
                </li>
        <?php
            }
        }
        ?>
    </ul>
</li>

<style>
    .dropdown-submenu {
    position: relative;
}


.dropdown-submenu .dropdown-menu {
    top: 0;
    /* left: 100%; */
    margin-top: -1px;
    display: none;
    position: absolute;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}




@media (max-width: 768px) {
    .dropdown-submenu {
        position: relative !important;
    }

    .dropdown-submenu .dropdown-menu {
        position: relative !important; /* Prevents it from going out of the screen */
        width: 100% !important; /* Ensures full width in mobile view */
        display: none;
        left: 0 !important; /* Resets positioning */
    }

    .dropdown-submenu:hover > .dropdown-menu,
    .dropdown-submenu .dropdown-toggle:focus + .dropdown-menu {
        display: block !important;
    }

    .dropdown-menu {
        width: 100% !important; /* Ensures full width on mobile */
    }

    .nav-item {
        position: static !important; /* Prevents misalignment */
    }
}

</style>

									
										<li class="nav-item">
											<a class="nav-link" href="contact.php">Contact Us</a>
										</li>
									</ul>
								</div>
							</nav>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</header>