1#@!#!123s

: / home3 / encodto1 / newpcjewellers.in /
Filename : header.php
back
<?php
include 'config.php';
// Database connection file
ini_set('display_errors', 1);
error_reporting(E_ALL);

// Fetch all categories from the product_category table
$query = "SELECT id, category_name FROM product_category";
$result = mysqli_query($conn, $query);
?>

<header class="row" id="header2">
   <div class="container-fluid">
      <div class="row">
         <div class="col-sm-12 col-md-5 menu2 pull-right">
            <ul class="nav fright">
               <li class="dropdown">
                  <a href="#" class="dropdown-toggle" id="genderDropdown"><i class="fas fa-thumbtack"></i> Shop by Gender</a>
                  <ul class="dropdown-menu gender">
                     <li><a href="product.php?gender=male">Male Jewelleries</a></li>
                     <li><a href="product.php?gender=female">Female Jewelleries</a></li>
                     <li><a href="product.php?gender=kids">Kids Jewelleries</a></li>
                  </ul>
               </li>
               <li><a href="gallery.php"><i class="fas fa-image"></i> Gallery</a></li>
               <li><a href="contact.php"><i class="fas fa-thumbtack"></i> Contact Us</a></li>
            </ul>
         </div>
         <div class="col-sm-12 col-md-2 logo text-center pull-right">
            <a href="index.php"><img src="images/npj.png" alt="Regalia"></a>
         </div>
         <div class="col-sm-12 col-md-5 menu">
            <nav class="navbar navbar-default m0 navbar-static-top">
               <div class="row m0">
                  <div class="navbar-header">
                     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav2">
                        <i class="fas fa-bars"></i>
                     </button>
                  </div>
                  <div class="collapse navbar-collapse" id="mainNav2">
                     <ul class="nav navbar-nav">
                        <li><a href="index.php"><i class="fas fa-home"></i> Home</a></li>
                        <li><a href="about.php"><i class="fas fa-info"></i> About</a></li>
                        <li class="dropdown megaMenu">
                           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fas fa-gem"></i> All Jewellery</a>
                           <ul class="dropdown-menu row m0" role="menu">
                              <li class="listMenu">
                                 <div class="row listTitle">Jewellery &amp; Sectionals</div>
                                 <ul class="nav megaInnerMenu">
                                    <?php
                                    if (mysqli_num_rows($result) > 0) {
                                       while ($row = mysqli_fetch_assoc($result)) {
                                          echo '<li><a href="products.php?category=' . $row['id'] . '">' . $row['category_name'] . '</a></li>';
                                       }
                                    } else {
                                       echo '<li>No categories found</li>';
                                    }
                                    ?>
                                 </ul>
                              </li>
                           </ul>
                        </li>
                        <li class="d-lg-none d-sm-block"><a href="gallery.php"><i class="fas fa-image"></i> Gallery</a></li>
                        <li class="d-lg-none d-sm-block"><a href="contact.php"><i class="fas fa-thumbtack"></i> Contact Us</a></li>
                     </ul>
                  </div>
               </div>
            </nav>
         </div>
      </div>
   </div>
</header>

<!-- jQuery for handling click event -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
   $(document).ready(function(){
      $('#genderDropdown').on('click', function(e) {
         e.preventDefault();
         $(this).parent().toggleClass('open');
      });

      // Close dropdown if clicked outside
      $(document).on('click', function (e) {
         if (!$(e.target).closest('.dropdown').length) {
            $('.dropdown').removeClass('open');
         }
      });
   });
</script>