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

<div class="header_absolute header_under_slider ds">
				<section class="page_topline ds c-my-10 s-overlay">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-12 col-sm-5 text-left">
								<span class="social-icons">

									<a href="#" class="fa fa-facebook " title="facebook"></a>
									<a href="#" class="fab fa-youtube " title="youtube"></a>
									<a href="#" class="fab fa-linkedin-in " title="linkedin"></a>
									<a href="#" class="fa fa-twitter " title="twitter"></a>
									<a href="#" class="fa fa-google " title="google"></a>

								</span>
							</div>
							<div class="col-12 col-sm-7 text-right">

								<ul class="small-text">
									<li>
										<p class="phone_number"><span>Questions?</span><a href="tel:855374-6211">(855) 374-6211</a></p>
									</li>

									<li>
										<span>
											<a class="" href="login.php"><span class="ico icon-profile"></span></a>
										</span>
									</li>

									<!-- <li>
										<a class="email_modal_button" href="#mail_modal"><span class="ico icon-icon"></span></a>
									</li>
									<li>
										<a href="#"><span class="ico icon-comments"></span></a>
									</li> -->

								</ul>


							</div>
						</div>
					</div>
				</section>
				<!--eof topline-->

				<!-- header with two Bootstrap columns - left for logo and right for navigation and includes (search, social icons, additional links and buttons etc -->
				<header class="page_header ds justify-nav-end">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-xl-3 col-lg-4 col-md-5 col-11">
								<a href="index.php" class="logo">
									<img src="images/logo.png" alt="">
								</a>
							</div>
							<div class="col-xl-9 col-lg-8 col-md-7 col-1">
								<div class="nav-wrap">

									<!-- main nav start -->
									<nav class="top-nav">
										<ul class="nav sf-menu">


											<li class="active"><a href="index.php">Home</a></li>
											<li><a href="about.php">About Us</a></li>
											<!-- <li><a href="service.php">Services</a></li> -->

											<li>
												<a href="#">Services</a>
												<ul>
													<?php 
													$query = "SELECT sers.ser_name, services.id AS service_id, services.service_name 
															FROM sers 
															JOIN services ON sers.id = services.ser_id";

													$query_run = mysqli_query($conn, $query);

													$services_data = [];
													if (mysqli_num_rows($query_run) > 0) {
														while ($row = mysqli_fetch_assoc($query_run)) {
															$services_data[$row['ser_name']][] = [
																'id' => $row['service_id'],
																'name' => $row['service_name']
															];
														}
													}

													foreach ($services_data as $ser_name => $services) { 
													?>
														<li>
															<a href="#"><?php echo $ser_name; ?></a>
															<ul>
																<?php foreach ($services as $service) { ?>
																	<li>
																		<a href="service-detail.php?id=<?php echo $service['id']; ?>">
																			<?php echo $service['name']; ?>
																		</a>
																	</li>
																<?php } ?>
															</ul>
														</li>
													<?php } ?>
												</ul>
											</li>


										

												<li>
												<a href="faq.html">Projects</a>
												<ul>
													<li>
														<a href="running-pro.php">Running Project</a>
													</li>
													<li>
													<a href="close-pro.php">Close Project</a>
													</li>
												</ul>
											</li>
											
											<li><a href="client.php">Clients</a></li>
											<li><a href="contact.php">Contact Us</a></li>

	
										
										</ul>


									</nav>
									

								</div>
							</div>
						</div>
					</div>
					<!-- header toggler -->
					<span class="toggle_menu"><span></span></span>
				</header>
			</div>