<!-- Hotjar Tracking Code for https://www.shopudiet.com/ -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:2251582,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-185162621-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-185162621-1');
</script>
<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '411968099942980');
  fbq('track', 'PageView');
</script>

<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=411968099942980&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<style>
     .mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.input-group {
    width: 205px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
  
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 75%;
    margin-bottom: 0;
}
.phone12 {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #013969;
    float: right;
    padding-top: 22px;
    padding-right: 21px;
}
.phone123 {
   
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #013969;
    float: right;
    padding-top: 17px;
    padding-right: 9px;
}
.sbox {
    margin-right: 238px;
    width:200px;
    position:relative;
    float:right;
    background:white;
   /* border-top:4px solid #013969;*/
    
}
.sbox li {
    list-style-type: none;
    padding:10px;
}
@media all and (max-width: 768px) and (min-width: 285px){
    .sbox {
    width:131px;
    position:relative;
    float:right;
    background:white;
   /* border-top:4px solid #013969;*/
    
}
.sbox li {
    list-style-type: none;
    padding:10px;
}
    
}
.phone1 {
  position: relative;
  display: inline-block;
  
}

.phone1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.phone1 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  
}

.phone1:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
</style>
 <header id="header">
   <!--  <div class="container">
      <div class="row">
        <div class="container">
      <div class="row">
        <div class="header-banner">
          <div class="assetBlock">
            <div id="slideshow" >
             
              <h5 class="hidden-md hidden-lg">ShopuDiet</h5>
            </div>
          </div>
        </div>
      </div>
    </div>
      </div>
    </div> -->
    <div >
      <div class="container-fluid" style="padding-right: 0px;
  padding-left: 0px;">
        <div class="header-container row row-only-pin">
            <?php
                    if (isset($_SESSION['name'])) {
                      echo '<div class="logo hidden-xs"> <a href="home.php" title="index">
            <div><img src="images/logo.png" alt="logo" class="img-responsive"></div>
            </a> </div>';
  } else {
      echo '<div class="logo hidden-xs"> <a href="shop.php" title="index">
            <div><img src="images/logo.png" alt="logo" class="img-responsive"></div>
            </a> </div>';
                    }

                    ?>
          
          <div class="fl-nav-menu">
            <nav>
              <div class="mm-toggle-wrap">
                <div class="mm-toggle"><i class="icon-align-justify"></i><span class="mm-label">Menu</span> </div>
              </div>
              <div class="nav-inner"> 
                <!-- BEGIN NAV -->
   <?php
                    if (isset($_SESSION['name'])) {
                      echo '  <ul id="nav" class="hidden-xs">
                
                  <li> <a class="level-top" href="home.php"><span>Home</span></a></li>
                  <li class="mega-menu"> <a class="level-top" href="category_view.php"><span>category</span></a>
                   
                  </li>
             
             
                  <li class="mega-menu"> <a class="level-top" href="package_grid1.php"><span>Packages</span></a> </li>
                  <li class="mega-menu"> <a class="level-top" href="contact-us.php"><span>Contact</span></a> </li>
                  <li class="mega-menu"> <a class="level-top" href="about-us1.php"><span>About</span></a> </li>


          
              
                </ul>';
  } else {
      echo '  <ul id="nav" class="hidden-xs">
                
                  <li> <a class="level-top" href="shop.php"><span>Home</span></a></li>
                  <li class="mega-menu"> <a class="level-top" href="category_view.php"><span>category</span></a>
                    
                  </li>
             
             
                  <li class="mega-menu"> <a class="level-top" href="package_grid.php"><span>Packages</span></a> </li>
                  <li class="mega-menu"> <a class="level-top" href="contact-us.php"><span>Contact</span></a> </li>
                  <li class="mega-menu"> <a class="level-top" href="about-us.php"><span>About</span></a> </li>
          
              
                </ul>';
                    }

                    ?>



              
                <!--nav--> 
              </div>
            </nav>
          </div>
          
          <!--row-->
          
          <div class="fl-header-right">

            <div class="fl-links">

              <div class="no-js"> <a title="Company" class="clicker"></a>
                <div class="fl-nav-links">
                  <div class="language-currency">
                    <div class="fl-language">
                     <!--  <ul class="lang">
                        <li><a href="#"> <img src="images/english.png" alt="English"> <span>English</span> </a></li>
                        <li><a href="#"> <img src="images/francais.png" alt="French"> <span>French</span> </a></li>
                        <li><a href="#"> <img src="images/german.png" alt="German"> <span>German</span> </a></li>
                      </ul> -->
                    </div>
                    <!--fl-language--> 
                    <!-- END For version 1,2,3,4,6 --> 
                    <!-- For version 1,2,3,4,6 -->
                    <div class="fl-currency">
                      <!-- <ul class="currencies_list">
                        <li><a href="#" title="EGP"> £</a></li>
                        <li><a href="#" title="EUR"> €</a></li>
                        <li><a href="#" title="USD"> $</a></li>
                      </ul> -->
                    </div>
                    <!--fl-currency--> 
                    <!-- END For version 1,2,3,4,6 --> 
                  </div>
                  
                  <?php
                    if (isset($_SESSION['name'])) {
                        echo ' <ul class="links">
                        <li class="last"><a href="cart.php" title="Login"><span>My Cart</span></a></li>
                    <li><a href="customer.php" title="My Account">My Order</a></li>
                   <li><a href="profile.php" title="My Account">My Profile</a></li>
                  
                   
                    <li class="last"><a href="logout.php" title="Login"><span>Logout</span></a></li>
                  </ul>';
                    } else {
                        echo ' <ul class="links">
                    <li><a href="cart.php" title="My Order">My Cart</a></li>
                   
                 
                    
                    <li class="last"><a href="login_shop.php" title="Login"><span>Login</span></a></li>
                  </ul>
                        ';
                    }
?>
                 
                </div>
              </div>
            </div>

<?php 
                include('dbconnect.php');
                if(isset($_SESSION['id'])) { 
                 $home_id = $_SESSION['id'];
                }
               $cart_id = $_SESSION['cart_id'];


if($cart_id !='') {
                $squery = "select * from product_cart where cart_id='$cart_id' AND status != 'confirm'";
                     $result = mysqli_query($conn,$squery);
                     
                     $count=mysqli_num_rows($result);
                     while($row = mysqli_fetch_array($result)){
                   
                  

                        $total=$total+$row['total'];} }
                         if($count>=0){

?>
 <input type="hidden" value="<?php echo $count;?>" id="count-t">           
            <div class="fl-cart-contain">
              <div class="mini-cart">
                <div class="basket"> <div class="bas_show" ><a href="#" style="    cursor: context-menu;"><span class="label_top"> <?php if ($count>0) { echo  $count; }  ?> </span></a></div> </div> 
                <div class="fl-mini-cart-content">
                  <div class="block-subtitle">
                    <div class="top-subtotal">
                      items, <?php echo $count?> <span class="price">   <?php if ($total>0) { echo "₹". $total; }  ?></span> 
                    </div>
                  </div>



                  <ul class="mini-products-list" id="cart-sidebar">
                    <?php 
                include('dbconnect.php');
                $home_id = $_SESSION['id'];
                $cart_id = $_SESSION['cart_id'];
               

                $squery = "select * from product_cart where cart_id='$cart_id' AND status != 'confirm'";
                     $result = mysqli_query($conn,$squery);
                     $total=0;
                     $count=mysqli_num_rows($result);
                     while($row = mysqli_fetch_array($result)){
                   
                  

                        

?>

                      <li class="item first">
                      <div class="item-inner"><a class="product-image" title="timi &amp; leslie Sophia Diaper Bag, Lemon Yellow/Shadow White" href="#l"><img alt="timi &amp; leslie Sophia Diaper Bag, Lemon Yellow/Shadow White" src="admin/img/<?php echo $row['feature_image']?>"></a>
                        <div class="product-details">
                        
                          <strong><?php echo $row['no_of_item'];?></strong> x <span class="price fa fa-inr"><?php echo $row['price']?></span>
                          <p class="product-name"><a href="product-detail.php?id=<?php echo $row['prduct_id']?>"><?php echo $row['prdctname']?></a></p>
                        </div>
                      </div>
                    </li>
                  <?php }?>
                  </ul>
                  <div class="actions">
                   
                    <a href="cart.php" class="btn-checkout" title="Checkout"> VIEW CART</a>
                  </div>
                </div>

              </div>
            </div>
          <?php }
          else {?>
            <div class="fl-cart-contain">
              <div class="mini-cart">
                <div class="basket"> <div class="bas_show" ><a style="    cursor: context-menu;"><span class="label_top"> <?php if ($count>0) { echo  $count; }  ?> </span></a></div> </div>
              </div>
            </div>
          <?php }?>
      
 <ul class="address">
                
          


            <div class="phone12"><li>
            
                 <a href="pincode_change.php" style="background: none;
    border: none;"><i class="fa fa-map-marker" aria-hidden="true">&nbsp</i><span id="loc"><?php if(isset($_SESSION['post_code'])) echo $_SESSION['post_code']; else echo $_SESSION['postcode']; ?></span></a>
                <!-- <span class="tooltiptext">Change Pincode</span>-->
                  </li>
                  </div>
                  <div class="phone123">
                <li>
                   
             <div class="input-group mb-3">
                <?php if(isset($_SESSION['id'])) { $url ='grid.php'; } else { $url ='product_grid.php'; }?>
                 <form action="<?php echo $url;?>" method="GET">
        
        <!--
        <div class="fl-header-right">
                <div class="fl-links">-->
                 <input type="text" class="form-control search clicker" placeholder="Search product" id="search_by_name" name="product" style="border-right: none;height: 34px;font-size: 12px;">
                   
              
               <!-- </div>
             </div>-->
        
        <div class="input-group-append">
          <button type="submit" style="color:white;background: #013969;height: 34px;" class="btn btn-outline-secondary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Search!"><i class="fa fa-search"></i></button>
          </div><br>
         
         </form>
            </div> 
           </li>
          </div>
                 </ul>

            <!--mini-cart-->
            <!--<div class="collapse navbar-collapse">
              <form class="navbar-form" role="search">
                <div class="input-group">
                  <input type="text" class="form-control" placeholder="Search">
                  <span class="input-group-btn">
                  <button type="submit" class="search-btn"> <span class="fa fa-search"> <span class="sr-only">Search</span> </span> </button>
                  </span> </div>
              </form>
            </div>-->
            <!--links--> 
          </div>
        </div>
      </div>
    </div>
  </header>
   <div class="fl-nav-links sbox">
                        <span id="list"></span>
                    </div>

<script type="text/javascript">
    $('#search_by_name').keyup(function() {
     $("#list").empty();
     var letter = $(this).val();
     //alert(letter);
       $.ajax({
                type:'POST',
                dataType:'json',
                url:"search-product.php",
                data:{letter:letter},
                success:function(data){
                  $("#list").empty();
                  /*$("#list").append(data.stat);
                  $("#list").append(data.const);*/
                  console.log(data.stat);
                  console.log(data.const);
                  
                }

            }); 
  });
</script>