error<script type="text/javascript">
            // When the document is ready
            //$(document).ready(function () {

            //    $('#due_date').datepicker({
            //        format: "yyyy/mm/dd"
           //     });
               


          //  });
        </script>
<script>
loadsideData();
function loadDoc() {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("itemDesc").innerHTML =
      this.responseText;
      loadsideicon();
      loadsideData();
      $("#save").text("Add to Cart");
    }
  };
  var qty = document.getElementById('qty').value;
  var img = document.getElementById('img_id').value;
  //var size = document.getElementById('size').value;
  var weight = document.getElementById('weight').value;
  var original_weight = document.getElementById('original_weight').value;
  var order_id = document.getElementById('order_no').value;
  var remark = document.getElementById('remark').value;
  var duedate = document.getElementById('due_date').value;
  var session = document.getElementById('session').value;
  var pid =  "";
  var cid =  "";
  var cart_available =  "";
  
  var gold_paum_amount = "";
  var gold_type_rate = "";
  var lc = "NAN";
  var plain_or_rhodium_rate = "0";
  
  var u_colombo = "0";
  var u_outside_colombo = "0";
  var advance_gold_rate = "0";
  var wh_rate = "";
  var re_rate = "";
  var en_rate = "";
  var gold_type_rate = "";
  var reductions_rate = "";
  var increases_rate = "";

 if(weight == ''){
     last_weight = original_weight;
 }else{
     last_weight = weight;
 }

var spinner = '<div class="spinner-border text-warning spinner-border-sm" role="status" ><span class="sr-only">Loading...</span></div>&nbsp;&nbsp;&nbsp;Please wait...';
$("#save").html(spinner);
  if(session != ''){
  if(qty !='0'){
  var queryString = "?qty=" + qty + "&product_id=" + pid + "&img=" + img + "&weight=" + last_weight + "&cid=" + cid + "&duedate=" + duedate + "&order_no=" + order_id + "&remark=" + remark + "&gold_paum_amount=" + gold_paum_amount + "&gold_type_rate=" + gold_type_rate + "&lc=" + lc + "&plain_or_rhodium_rate=" + plain_or_rhodium_rate + "&u_colombo=" + u_colombo + "&u_outside_colombo=" + u_outside_colombo + "&advance_gold_rate=" + advance_gold_rate + "&wh_rate=" + wh_rate + "&re_rate=" + re_rate + "&en_rate=" + en_rate + "&reductions_rate=" + reductions_rate + "&increases_rate=" + increases_rate;
  //alert(queryString);
  xhttp.open("GET", "ajax/process.php" + queryString, true);
  xhttp.send();
  }else{
	  $("#save").text("Add to Cart");
      alert("Qty can't '0' value or empty value.");
  }
      
  }
  else{
	  $("#save").text("Add to Cart");
      alert("Please login.");
  }
}
function loadsideicon() {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("count_cart").innerHTML =
      this.responseText;
    }
  };

  var cid =  "";
  var queryString = "?cid=" + cid ;
  xhttp.open("GET", "ajax/load_side_icon_value.php" + queryString, true);
  xhttp.send();

}

function loadsideData() {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("itemDescc").innerHTML =
      this.responseText;
    }
  };

  var cid =  "";
  var queryString = "?cid=" + cid ;
  xhttp.open("GET", "ajax/load_side_data.php" + queryString, true);
  xhttp.send();

}

function deleteMiniCartItem(delete_id) {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      //document.getElementById("itemDescc").innerHTML =
      //this.responseText;
      var url =  "https://www.sathiesjewellery.com/product-details.php?design_no=NEA241&occation_id=3&product_id=PD0002925";
      if(xhttp.responseText=="Success")
        {
            loadsideData();
        window.location = url;
        }
      
    }
  };
  var pkey = delete_id;
  var cid =  ""
  
  var confirmalert = confirm("Are you sure?");
   
   if (confirmalert == true) {
  var queryString = "?cid=" + cid + "&pkey=" + pkey;
  xhttp.open("GET", "ajax/delete_mini_cart_item.php" + queryString, true);
  xhttp.send();
   }
} 

function Compare() {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("itemDesc").innerHTML =
      this.responseText;
    }
  };

  var pid =  "";

    var countarray =  "0";

if(countarray < 3){
   var queryString = "?product_id=" + pid;
   xhttp.open("GET", "ajax/compare.php" + queryString, true);
   xhttp.send();
}else{
    alert("Compare list can have 3 products only")
}
   
}

//disable date
function disable_date(){
var dt = new Date();

// dt.getMonth() will return a month between 0 - 11
// we add one to get to the last day of the month 
// so that when getDate() is called it will return the last day of the month
 var month = dt.getMonth() + 1;
 var year = dt.getFullYear();
 

// this line does the magic (in collab with the lines above)
 var daysInMonth = new Date(year, month, 0).getDate();
 //alert(daysInMonth);
    
     //Display Only Date till today // 
  var add_holiday_to_delevary_date=0;
  var delivery_dates = 0;
  var holidays = 0;
  var final_dates = delivery_dates+holidays;
  var dtToday = new Date();
  var month = dtToday.getMonth() + 1;     // getMonth() is zero-based
  
  
  
  
  if(add_holiday_to_delevary_date==""){
      var day = dtToday.getDate() + 1;
  }else{
      var day = dtToday.getDate() + final_dates;
  }
 
  if(day>daysInMonth){
      var day = day%daysInMonth;
      var month = dtToday.getMonth() + 2;
      
      
      if(month>12){
         var month=month%12;
         var year = dt.getFullYear() + 1;
      }
  }
  
  //var year = dtToday.getFullYear();
  if(month < 10){
      month = '0' + month.toString();
  }
  if(day < 10){
      day = '0' + day.toString();
    }
    
  var maxDate = year + '-' + month + '-' + day;
  //alert(maxDate);
  $('#due_date').attr('min', maxDate);
}
	
	  function updateLabel(value, functionPrValue,cusType,goldPaumAmount) {
    // Get the output label element
    	  const outputLabel = document.getElementById('outputLabel');
		  const outputLabel1 = document.getElementById('outputLabel1');
		  var generateValue=0;
		  var pricemark="";
		  var premark="";
    					if(cusType == "Wholesaler"){
							 pricemark="";
		  					 premark="%";
							 generateValue = functionPrValue;
                        }else{
						 pricemark="LKR";
		  				 premark="";
							generateValue = (((functionPrValue*goldPaumAmount)/100)/8)*value;
                        }
    // Update the label with the input value
		  outputLabel1.textContent = pricemark+' '+generateValue.toLocaleString('en-US')+''+premark;
  }
</script>
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">

    <!-- CSS
	============================================ -->
    <!-- google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900" rel="stylesheet">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <!-- Pe-icon-7-stroke CSS -->
    <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.css">
    <!-- Font-awesome CSS -->
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
    <!-- Slick slider css -->
    <link rel="stylesheet" href="assets/css/plugins/slick.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <!-- Nice Select css -->
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <!-- jquery UI css -->
    <link rel="stylesheet" href="assets/css/plugins/jqueryui.min.css">
    <!-- main style css -->
    <link rel="stylesheet" href="assets/css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
</head>

<body>
<script>
loadsideicon();
loadsideData();	
function loadsideData() {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("itemDescc").innerHTML =
      this.responseText;
    }
  };

  var cid =  "";
  var queryString = "?cid=" + cid ;
  xhttp.open("GET", "ajax/load_side_data.php" + queryString, true);
  xhttp.send();

}
function loadsideicon() {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("count_cart").innerHTML =
      this.responseText;
    }
  };

  var cid =  "";
  var queryString = "?cid=" + cid ;
  xhttp.open("GET", "ajax/load_side_icon_value.php" + queryString, true);
  xhttp.send();

}

function deleteMiniCartItem(delete_id) {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      //document.getElementById("itemDescc").innerHTML =
      //this.responseText;
      var url =  "https://www.sathiesjewellery.com/product-details.php?design_no=NEA241&occation_id=3&product_id=PD0002925";
      if(xhttp.responseText=="Success")
        {
            loadsideData();
        window.location = url;
        }
      
    }
  };
  var pkey = delete_id;
  var cid =  ""
  
  var confirmalert = confirm("Are you sure?");
   
   if (confirmalert == true) {
  var queryString = "?cid=" + cid + "&pkey=" + pkey;
  xhttp.open("GET", "ajax/delete_mini_cart_item.php" + queryString, true);
  xhttp.send();
   }
} 
</script>
<!-- Start Header Area -->
<header class="header-area">
        <!-- main header start -->
        <div class="main-header d-none d-lg-block">
            <!-- header top start -->
            <div class="header-top bg-gray">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-5">
                            <div class="welcome-message goldrate-txt">
								
								
                                <p>GOLD RATE (<span class="smdate"></span>): <span class="goldrate"><span class="gcolour">24KT</span> 0.00</span> <span class="goldrate"><span class="gcolour">22KT</span> 0.00</strong></span></p>
                            </div>
                        </div>
                        <div class="col-lg-7 text-right">
                            <div class="header-top-settings">
                                <ul class="nav align-items-center justify-content-end">
                                    
                                                                         
                                    <li class="curreny-wrap">
                                        <a href="login.php">Sign In</a>
                                    </li>
                                    
                                     <li class="curreny-wrap">
                                        <a href="register.php">Register</a>
                                    </li>
                                                                        
                                   
                                     <li class="language">
                                        <a href="cart.php">My Cart</a>
                                    </li>
                                     <li class="language">
                                        <a href="compare.php">Compare</a>
                                    </li>
                                    <li class="language">
                                        <a href="personalized_order.php">Personalized Order</a>
                                    </li>
									<li class="language">
                                        <a href="events.php">Events</a>
                                    </li>
                                     
                                    <li class="language">
                                        <img src="assets/img/icon/en.png" alt="flag"> English
                                        <i class="fa fa-angle-down"></i>
                                        <ul class="dropdown-list">
                                             <li><a href="#"><img src="assets/img/icon/en.png" alt="flag"> english</a>
                                            </li>
                                            <li><a href="#"><img src="assets/img/icon/tamil.png" alt="flag"> Tamil</a>
                                            </li>
                                            <li><a href="#"><img src="assets/img/icon/sinhala.png" alt="flag"> Sinhala</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- header top end -->

            <!-- header middle area start -->
            <div class="header-main-area sticky">
                <div class="container">
                    <div class="row align-items-center position-relative">

                        <!-- start logo area -->
                        <div class="col-lg-2">
                            <div class="logo">
                                <a href="index.php">
                                    <img src="assets/img/logo/sathies_logo3.png" alt="Brand Logo">
                                </a>
                            </div>
                        </div>
                        <!-- start logo area -->

                        <!-- main menu area start -->
                        <div class="col-lg-8 position-static">
                            <div class="main-menu-area">
                                <div class="main-menu">
                                    <!-- main menu navbar start -->
                                    <nav class="desktop-menu">
                                        <ul>
                                            <li class="active"><a href="index.php">Home </a>
                                                
                                            </li>
                                           
                                            
                                            <li><a href="aboutus.php">About <i
                                                        class="fa fa-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="aboutus.php?tab=chairman">Chairman Message</a></li>
                                                    <li><a href="aboutus.php?tab=menu">Factory Outlet</a>
                                                    </li>
                                                    <li><a href="aboutus.php?tab=wholesale">Wholesales</a></li>
                                                    <li><a href="aboutus.php?tab=retail">Retail</a></li>
													<li><a href="aboutus.php?tab=history">History</a></li>
													<li><a href="aboutus.php?tab=heritage">Heritage</a></li>
													
                                                    <li><a href="aboutus.php?tab=faq">FAQ</a>
														
                                                    </li>
                                                    
                                                </ul>
                                            </li>
                                            
											
											<li class="position-static"><a href="#">Jewellery <i
                                                        class="fa fa-angle-down"></i></a>
                                                <ul class="megamenu dropdown">
                                                    
                                                    <li class="mega-title">
                                                        <ul>
                                                                                                                                
                                                        </ul>
                                                    </li>
                                                   
                                                    <li class="mega-title">
                                                        <ul>
                                                                                                                                
                                                        </ul>
                                                    </li>
                                                    
                                                    <li class="mega-title">
                                                        <ul>
                                                                                                                                
                                                        </ul>
                                                    </li>
                                                    
                                                    <li class="mega-title">
                                                        <ul>
                                                                                                                                
                                                        </ul>
                                                    </li>
                                                    
                                                    <!--<li class="megamenu-banners d-none d-lg-block">-->
                                                    <!--    <a href="product-details.php">-->
                                                    <!--        <img src="assets/img/banner/img1-static-menu.jpg" alt="">-->
                                                    <!--    </a>-->
                                                    <!--</li>-->
                                                    <!--<li class="megamenu-banners d-none d-lg-block">-->
                                                    <!--    <a href="product-details.php">-->
                                                    <!--        <img src="assets/img/banner/img2-static-menu.jpg" alt="">-->
                                                    <!--    </a>-->
                                                    <!--</li>-->
                                                </ul>
                                            </li>                                            
                                          
                                            
                                            
                                                                                        
                                            
                                            <li class="position-static"><a href="#">Occation<i
                                                        class="fa fa-angle-down"></i></a>
                                                <ul class="megamenu dropdown">
                                                    
                                                    <li class="mega-title">
                                                        <ul>
                                                                                                                                
                                                        </ul>
                                                    </li>
                                                   
                                                 
                                                    
                                                                                               
                                                
                                                    
                                                    
                                                    
                                                    <!--<li class="megamenu-banners d-none d-lg-block">-->
                                                    <!--    <a href="product-details.php">-->
                                                    <!--        <img src="assets/img/banner/img1-static-menu.jpg" alt="">-->
                                                    <!--    </a>-->
                                                    <!--</li>-->
                                                    <!--<li class="megamenu-banners d-none d-lg-block">-->
                                                    <!--    <a href="product-details.php">-->
                                                    <!--        <img src="assets/img/banner/img2-static-menu.jpg" alt="">-->
                                                    <!--    </a>-->
                                                    <!--</li>-->
                                                </ul>
                                            </li>
                                                                                    
                                                                                       
                                             <li><a href="contact-us.php">Contact</a></li>
											 <li><a href="career.php">Careers</a></li>
											 <li><a href="aboutus.php">More <i
                                                        class="fa fa-angle-down"></i></a>
                                                <ul class="dropdown">
                                                    <li><a href="saving_scheme.php">Saving Scheme</a></li>
                                                   
                                                    <li><a href="offers.php">Offers</a></li>
														
                                                    </li>
                                                    
                                                </ul>
                                            </li>
                                        </ul>
                                    </nav>
                                    <!-- main menu navbar end -->
                                </div>
                            </div>
                        </div>
                        <!-- main menu area end -->

                        <!-- mini cart area start -->
                        <div class="col-lg-2">
                            <div class="header-right d-flex align-items-center justify-content-end">
                                <div class="header-configure-area">
                                    <ul class="nav justify-content-end">
                                       
                                        <li class="user-hover">
                                            <a href="#">
                                                <i class="pe-7s-user"></i>
                                            </a>
                                            <ul class="dropdown-list">
                                                                                                  <li><a href="login.php">login</a></li>
                                                <li><a href="register.php">register</a></li>
                                               
                                                                                                   
                                            </ul>
                                        </li>
                                                                            
                                        <li>
                                            <a href="compare.php">
                                                <i class="pe-7s-refresh-2"></i>
                                                <div class="notification">0</div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="minicart-btn">
                                                <i class="pe-7s-cart"></i>
                                                <div class="notification" id="count_cart"></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- mini cart area end -->

                    </div>
                </div>
            </div>
            <!-- header middle area end -->
        </div>
        <!-- main header start -->

        <!-- mobile header start -->
        <!-- mobile header start -->
        <div class="mobile-header d-lg-none d-md-block sticky">
            <!--mobile header top start -->
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-12">
                        <div class="mobile-main-header">
                            <div class="mobile-logo">
                                <a href="index.php">
                                    <img src="assets/img/logo/sathies-logo.png" alt="Brand Logo">
                                </a>
                            </div>
                            <div class="mobile-menu-toggler">
                                
                                
                                 <div class="mini-cart-wrap">
                                
                                           
                                           
                                                                                                  <a href="login.php"><i class="pe-7s-user"></i></a>
                                               
                                                                                                   
                                            
                                </div>        
                                
                                 <div class="mini-cart-wrap">
                                            <a href="compare.php">
                                                <i class="pe-7s-refresh-2"></i>
                                                <div class="notification">0</div>
                                            </a>
                                </div>
                                
                                <div class="mini-cart-wrap">
                                    
                                    <a href="#" class="minicart-btn">
                                                <i class="pe-7s-cart"></i>
                                                                                                <div class="notification">0</div>
                                            </a>
                                    
                                    
                                </div>
                                <button class="mobile-menu-btn">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- mobile header top start -->
        </div>
        <!-- mobile header end -->
        <!-- mobile header end -->

        <!-- offcanvas mobile menu start -->
        <!-- off-canvas menu start -->
        <aside class="off-canvas-wrapper">
            <div class="off-canvas-overlay"></div>
            <div class="off-canvas-inner-content">
                <div class="btn-close-off-canvas">
                    <i class="pe-7s-close"></i>
                </div>

                <div class="off-canvas-inner">
                    <!-- search box start -->
                    <div class="search-box-offcanvas">
                        <form>
                            <input type="text" placeholder="Search Here...">
                            <button class="search-btn"><i class="pe-7s-search"></i></button>
                        </form>
                    </div>
                    <!-- search box end -->

                    <!-- mobile menu start -->
                    
                    <!-- mobile menu end -->

                    <div class="mobile-settings">
                        <ul class="nav">
                             <li><a href="index.php">Home</a></li>                            
                             <li>
                                <div class="dropdown mobile-top-dropdown">
                                    <a href="#" class="dropdown-toggle" id="myaccount" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        Jewelleries
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="myaccount">
                                      
                                       
		
										
                                    </div>
                                </div>
                            </li>
                            
                            <li>
                                <div class="dropdown mobile-top-dropdown">
                                    <a href="#" class="dropdown-toggle" id="currency" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        Colletions
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    
                                   
                                    
                                    
                                    
                                    <div class="dropdown-menu" aria-labelledby="currency">
                                        
                                        
                                        <ul class="megamenu dropdown">
                                                    
                                                    <li class="mega-title">
                                                        <ul>
                                                                                                                                
                                                        </ul>
                                                    </li>
                                                   
                                                    
                                                    
                                                    
                                                    
                                                                                                       <!--<li class="megamenu-banners d-none d-lg-block">-->
                                                    <!--    <a href="product-details.php">-->
                                                    <!--        <img src="assets/img/banner/img1-static-menu.jpg" alt="">-->
                                                    <!--    </a>-->
                                                    <!--</li>-->
                                                    <!--<li class="megamenu-banners d-none d-lg-block">-->
                                                    <!--    <a href="product-details.php">-->
                                                    <!--        <img src="assets/img/banner/img2-static-menu.jpg" alt="">-->
                                                    <!--    </a>-->
                                                    <!--</li>-->
                                                </ul>        
                                                
                                                
                                    </div>
                                </div>
                            </li>
                            
                            <li>
                                <div class="dropdown mobile-top-dropdown">
                                    <a href="#" class="dropdown-toggle" id="currency" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        About Us
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    
                                   
                                    
                                    
                                    
                                    <div class="dropdown-menu" aria-labelledby="currency">
                                        
                                        
                                         <ul class="dropdown-list">
                                                    <li><a href="aboutus.php#chairman">Chairman Message</a></li>
                                                    <li><a href="aboutus.php#manu">Factory Outlet</a>
                                                    </li>
                                                    <li><a href="aboutus.php#wholesale">Wholesales</a></li>
                                                    <li><a href="aboutus.php#retail">Retail</a></li>
                                                    <li><a href="aboutus.php#faq">FAQ</a>
                                                    </li>
                                                    
                                                </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="dropdown mobile-top-dropdown">
                                    <a href="#" class="dropdown-toggle" id="currency" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        Languages
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    
                                   
                                    
                                    
                                    
                                    <div class="dropdown-menu" aria-labelledby="currency">
                                        <ul class="dropdown-list">
                                             <li><a href="#"><img src="assets/img/icon/en.png" alt="flag"> English</a>
                                            </li>
                                            <li><a href="#"><img src="assets/img/icon/tamil.png" alt="flag"> Tamil</a>
                                            </li>
                                            <li><a href="#"><img src="assets/img/icon/sinhala.png" alt="flag"> Sinhala</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="dropdown mobile-top-dropdown">
                                    <a href="#" class="dropdown-toggle" id="myaccount" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        Login/Register
                                        <i class="fa fa-angle-down"></i>
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="myaccount">
                                       
                                        
                                                                                           <a class="dropdown-item" href="login.php">Login</a>
                                               <a class="dropdown-item" href="register.php">Register</a>
                                                                                           
                                        
                                    </div>
                                </div>
                            </li>
                            
                            
                              <li><a href="contact-us.php">Contact us</a></li>
                            
                        </ul>
                    </div>

                    <!-- offcanvas widget area start -->
                    <div class="offcanvas-widget-area">
                        <div class="off-canvas-contact-widget">
                            <ul>
                                <li><i class="fa fa-mobile"></i>
                                    <a href="#">+94 750 999 000</a>
                                </li>
                                <li><i class="fa fa-envelope-o"></i>
                                    <a href="#">support@sathiesjewellery.com</a>
                                </li>
                                <li><i class="pe-7s-home"></i>
                                    <a href="#">875/1, Bloemendhal Road, Colombo - 15, Sri Lanka.</a>
                                </li>
                            </ul>
                        </div>
                        <div class="off-canvas-social-widget">
                            <a href="#"><i class="fa fa-facebook"></i></a>
                            <a href="#"><i class="fa fa-twitter"></i></a>
                            <a href="#"><i class="fa fa-pinterest-p"></i></a>
                            <a href="#"><i class="fa fa-linkedin"></i></a>
                            <a href="#"><i class="fa fa-youtube-play"></i></a>
                        </div>
                    </div>
                    <!-- offcanvas widget area end -->
                </div>
            </div>
        </aside>
        <!-- off-canvas menu end -->
        <!-- offcanvas mobile menu end -->    </header>
    <!-- end Header Area -->
       <main>
        <!-- breadcrumb area start -->
        <div class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb-wrap">
                            <nav aria-label="breadcrumb">
                                <ul class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="index.php"><i class="fa fa-home"></i></a></li>
                                    <li class="breadcrumb-item"><a href="shop.php">shop</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">product details</li>
                                    
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- breadcrumb area end -->



        <!-- page main wrapper start -->
        <div class="shop-main-wrapper section-padding pb-0">
            <div class="container">
                <div class="row"><div id="itemDesc"></div></div>
                <div class="row">
                    <!-- product details wrapper start -->
                    <div class="col-lg-12 order-1 order-lg-2">
                        <!-- product details inner end -->
                        <div class="product-details-inner">
                            <div class="row">
                                <div class="col-lg-5">
                                    <div class="product-large-slider">
                                                                                
                                                                                
                                                                                
                                                                               
                                    </div>
                                    
                                    <div class="pro-nav slick-row-10 slick-arrow-style">
                                                                                
                                                                                
                                        
                                                                                
                                                                                
                                    </div>
                                </div>
                                <div class="col-lg-7">
                                    <div class="product-details-des">
                                        <div class="manufacturer-name">
                                            <a href="product-details.php">Design Code :  | Design No : </a>
                                        </div>
                                        <h3 class="product-name"></h3>
                                        <div class="ratings d-flex">
											                                             <span><i class="fa fa-star-o"></i></span>
                                            <span><i class="fa fa-star-o"></i></span>
                                            <span><i class="fa fa-star-o"></i></span>
                                            <span><i class="fa fa-star-o"></i></span>
                                            <span><i class="fa fa-star-o"></i></span>
                                                                
                                                            											                                                              
                                                                                                                              
                                                                
                                                                
                                                                                                                          
                                                                                                          
                                            <div class="pro-review">
                                                <span> Reviews</span>
                                            </div>
                                        </div>
                                       
                                        <h5 class="offer-text"><strong></strong></h5>
                                      
                                       
                                           
                                                                                
                                        
                                        
                                       
                                       
                                        <div class="pro-size">
                                            <h6 class="option-title">Weight :</h6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                           <input class="form-control" type="number" min="0.0"  name="weight" step="0.1" title="Currency" pattern="^\d+(?:\.\d{1,2})?$" class="form-control" id="weight" style="width: 20%;" placeholder="" oninput="updateLabel(this.value,'0','','')">
                                        </div>
                                        
                                                                                
                                        
                                        <div class="pro-size">
                                            <h6 class="option-title">Due Date :</h6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                           <input type="date" id="due_date" name="due_date" class="form-control" style="width: 30%;" onClick="disable_date();">
                                        </div>
                                                                                <div class="pro-size">
                                            <h6 class="option-title">Your Order No :</h6>&nbsp;&nbsp;&nbsp;&nbsp;
                                           <input type="text" id="order_no" name="order_no" class="form-control" style="width: 30%;">
                                        </div>
                                        <div class="pro-size">
                                            <h6 class="option-title">Remarks:</h6>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                           <textarea id="remark" name="remark" rows="4" cols="50" class="form-control" placeholder="Enter other details like size, color, style, etc"></textarea>
                                        </div>
                                        <div class="quantity-cart-box d-flex align-items-center">
                                            <h6 class="option-title">qty:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h6>
                                       <div class="quantity">
                                                <!--<div class="pro-qty"><span class="dec qtybtn">-</span><input type="text" value="0" id="qty" name="qty"><span class="inc qtybtn">+</span>-->
                                                <!--</div>-->
                                                <div class="pro-qty"><span class="dec qtybtn">-</span><input type="text" min="1" id="qty" value="1"><span class="inc qtybtn">+</span></div>
                                            </div>
                                            	<input type="hidden" value="" id="session" name="session">
                                            <input type="hidden" value="no-image.png" id="img_id" name="img_id">
                                            <input type="hidden" value="" id="original_weight" name="original_weight">
                                            <!--<form class="form-horizontal" method="post" action="">-->
                                            <!--</form>-->
                                        </div>
                                        
                                     <!--   <div class="color-option">
                                            <h6 class="option-title">color :</h6>
                                            <ul class="color-categories">
                                                <li>
                                                    <a class="c-lightblue" href="#" title="LightSteelblue"></a>
                                                </li>
                                                <li>
                                                    <a class="c-darktan" href="#" title="Darktan"></a>
                                                </li>
                                                <li>
                                                    <a class="c-grey" href="#" title="Grey"></a>
                                                </li>
                                                <li>
                                                    <a class="c-brown" href="#" title="Brown"></a>
                                                </li>
                                            </ul>
                                        </div> -->
										
										
                                        <div class="pro-size">
                                         <!--   <div class="useful-links">
                      <a href="#" data-toggle="tooltip" data-placement="left"
                     title="Add to Compare" id="PD0002925" onClick="Compare(this.id)"><i class="pe-7s-refresh-2"></i></a>    
                                        </div>-->
                                        <div class="action_link">
                                <a class="btn btn-cart2" href="#" onclick="loadDoc();" value="save" id="save" name="save">Add to cart</a>
                                            </div>&nbsp;&nbsp;
											<div class="action_link">
                                <a class="btn btn-cart2" href="#" id="PD0002925" onClick="Compare(this.id)" style="background:grey;">Add to Compare</a>
                                            </div>
                                        </div>
                                        
                                        <div class="like-icon">
                                            <a class="facebook" href="#"><i class="fa fa-facebook"></i>like</a>
                                            <a class="twitter" href="#"><i class="fa fa-twitter"></i>tweet</a>
                                            <a class="pinterest" href="#"><i class="fa fa-pinterest"></i>save</a>
                                            <a class="google" href="#"><i class="fa fa-google-plus"></i>share</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product details inner end -->

                        <!-- product details reviews start -->
                        
                     
                        <div class="product-details-reviews section-padding pb-0">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="product-review-info">
                                        <ul class="nav review-tab">
                                            <li>
                                                <a class="active" data-toggle="tab" href="#tab_one">description</a>
                                            </li>
                                            <li>
                                                <a data-toggle="tab" href="#tab_two">information</a>
                                            </li>
                                            <li>
                                                <a data-toggle="tab" href="#tab_three">reviews ()</a>
                                            </li>
                                        </ul>
                                        <div class="tab-content reviews-tab">
                                            <div class="tab-pane fade show active" id="tab_one">
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        <tr>
                                                            <td>Product Name</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Product Description</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Design Code</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Design No</td>
                                                            <td></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tab-pane fade" id="tab_two">
                                                <table class="table table-bordered">
                                                    <tbody>
                                                        <tr>
                                                            <td>Gold Type</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Color</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Length</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Stone</td>
                                                            <td></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="tab-pane fade" id="tab_three">
                                                <form action="#" class="review-form" method="post">
                        
                                                            
                                                   
                                                    <div class="form-group row">
                                                        <div class="col">
                                                            <label class="col-form-label"><span
                                                                    class="text-danger">*</span>
                                                                Your Name</label>
                                                            <input type="text" class="form-control" required name="name">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="col">
                                                            <label class="col-form-label"><span
                                                                    class="text-danger">*</span>
                                                                Your Email</label>
                                                            <input type="email" class="form-control" required name="email">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="col">
                                                            <label class="col-form-label"><span
                                                                    class="text-danger">*</span>
                                                                Your Review</label>
                                                            <textarea class="form-control" required name="review"></textarea>
                                                            <div class="help-block pt-10"><span
                                                                    class="text-danger">Note:</span>
                                                                HTML is not translated!
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="col">
                                                            <label class="col-form-label"><span
                                                                    class="text-danger">*</span>
                                                                Rating</label>
                                                            &nbsp;&nbsp;&nbsp; Bad&nbsp;
                                                            <input type="radio" value="1" name="rating">
                                                            &nbsp;
                                                            <input type="radio" value="2" name="rating">
                                                            &nbsp;
                                                            <input type="radio" value="3" name="rating">
                                                            &nbsp;
                                                            <input type="radio" value="4" name="rating">
                                                            &nbsp;
                                                            <input type="radio" value="5" name="rating" checked>
                                                            &nbsp;Good
                                                        </div>
                                                    </div>
                                                    <div class="buttons">
                                                        <input type="hidden" name="product_id" value="PD0002925">
                                                        <button class="btn btn-sqr" type="submit" name="review_submit">Submit</button>
                                                    </div>
                                                </form> <!-- end of review-form -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- product details reviews end -->
                    </div>
                    <!-- product details wrapper end -->
                </div>
            </div>
        </div>
        <!-- page main wrapper end -->

    <script>

function Compare(clicked_id) {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("itemDesc").innerHTML =
      this.responseText;
    }
  };
var pid =  clicked_id;
var countarray =  "0";
if(countarray < 3){
   var queryString = "?product_id=" + pid;
   xhttp.open("GET", "ajax/compare.php" + queryString, true);
   xhttp.send();
}else{
    alert("Your Compare list can add only 3 product")
}
   
}    

function load_data_modal(clicked_id) {
//alert(cart_available);
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("quick_view").innerHTML =
      this.responseText;
    }
  };
var pid =  clicked_id;
var category =  "";
var category_ref =  "";
var subcategory_ref =  "";

   var queryString = "?product_id=" + pid + "&category=" + category + "&category_ref=" + category_ref + "&subcategory_ref=" + subcategory_ref;
	xhttp.open("GET", "ajax/load_data_modal.php" + queryString, true);
   xhttp.send();
   
} 

</script>        <!-- related products area start -->
        <section class="related-products section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- section title start -->
                        <div class="section-title text-center">
                            <h2 class="title">Related Products</h2>
                            <p class="sub-title">Add related products to weekly lineup</p>
                        </div>
                        
                        <!-- section title start -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="product-carousel-4 slick-row-10 slick-arrow-style">
                                        
                            
                            
                            <!-- product item end -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- related products area end -->        
    // <script>

// function Compare(clicked_id) {
// //alert(cart_available);
//   var xhttp = new XMLHttpRequest();
//   xhttp.onreadystatechange = function() {
//     if (this.readyState == 4 && this.status == 200) {
//       document.getElementById("itemDesc").innerHTML =
//       this.responseText;
//     }
//   };
// var pid =  clicked_id;
// var countarray =  "0";
// if(countarray < 3){
//   var queryString = "?product_id=" + pid;
//   xhttp.open("GET", "ajax/compare.php" + queryString, true);
//   xhttp.send();
// }else{
//     alert("Your Compare list can add only 3 product")
// }
   
// }    

// function load_data_modal(clicked_id) {
// //alert(cart_available);
//   var xhttp = new XMLHttpRequest();
//   xhttp.onreadystatechange = function() {
//     if (this.readyState == 4 && this.status == 200) {
//       document.getElementById("quick_view").innerHTML =
//       this.responseText;
//     }
//   };
// var pid =  clicked_id;
// var countarray =  "0";
// var category =  "";
// var category_ref =  "";
// var subcategory_ref =  "";
//   var queryString = "?product_id=" + pid + "&category=" + category + "&category_ref=" + category_ref + "&subcategory_ref=" + subcategory_ref;
//   xhttp.open("GET", "ajax/load_data_modal.php" + queryString, true);
//   xhttp.send();

   
// } 

// </script>
        <!-- related products area start -->
        <section class="related-products section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- section title start -->
                        <div class="section-title text-center">
                            <h2 class="title">Hot Products</h2>
                            <p class="sub-title">Browse for most demanded products</p>
                        </div>
                        
                        <!-- section title start -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="product-carousel-4 slick-row-10 slick-arrow-style">
                                        
                            
                            
                            <!-- product item end -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- related products area end -->  
        
    </main>

    <!-- Scroll to top start -->
    <div class="scroll-top not-visible">
        <i class="fa fa-angle-up"></i>
    </div>
    <!-- Scroll to Top End -->

    <!-- footer area start -->
<footer class="footer-widget-area">
        <div class="footer-top section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="widget-item">
                            <div class="widget-title">
                                <div class="widget-logo">
                                    <a href="index.php">
                                        <img src="assets/img/logo/sathies_logo2.png"" alt="brand logo">
                                    </a>
                                </div>
                            </div>
                            <div class="widget-body">
                                <p>The art of jewellery manufacturing beyond imagination</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="widget-item">
                            <h6 class="widget-title">Contact Us</h6>
                            <div class="widget-body">
                                <address class="contact-block">
                                    <ul>
                                        <li><i class="pe-7s-home"></i><a href="contact-us.php"> 875/1, Bloemendhal Road, Colombo - 15, Sri Lanka.</a></li>
                                        <li><i class="pe-7s-mail"></i> <a
                                                href="mailto:sales@sathiesjewellery.com">support@sathiesjewellery.com</a></li>
                                        <li><i class="pe-7s-call"></i> <a href="tel:+94 750 999 000">+94 750 999 000</a>
                                        </li>
                                    </ul>
                                </address>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="widget-item">
                            <h6 class="widget-title">Information</h6>
                            <div class="widget-body">
                                <ul class="info-list">
                                    <li><a href="aboutus.php">About us</a></li>
                                    <li><a href="aboutus.php?tab=faq">FAQ</a></li>
                                    <li><a href="privacy.php">Privacy Policy</a></li>
                                    <li><a href="terms_and_conditions.php">Terms & Conditions</a></li>
                                    <li><a href="contact-us.php">Contact us</a></li>
                                    <li><a href="contact-us.php">Site map</a></li>
                                     <li><a href="gold_rate.php">Gold Rates</a></li>
                                     <li><a href="personalized_order.php">Personalized Order</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <div class="widget-item">
                            <h6 class="widget-title">Follow Us</h6>
                            <div class="widget-body social-link">
                                <a href="https://www.facebook.com/sathiessj"><i class="fa fa-facebook"></i></a>
                                <a href="https://twitter.com/sathiessj"><i class="fa fa-twitter"></i></a>
                                <a href="https://www.instagram.com/sathiessj/"><i class="fa fa-instagram"></i></a>
                                <a href="https://www.youtube.com/channel/UCaUcHwl8GABo0D7jHI0kRHg"><i class="fa fa-youtube"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center mt-20">
                    <div class="col-md-6">
                        <div class="newsletter-wrapper">
                            <h6 class="widget-title-text">Signup for newsletter</h6>
                            <form class="newsletter-inner" id="mc-form" >
                                <input type="email" class="news-field" id="mc-email" autocomplete="off"
                                    placeholder="Enter your email address">
                                <button class="news-btn" id="mc-submit" type="email_submit">Subscribe</button>
                            </form>
                            <!-- mailchimp-alerts Start -->
                            <div class="mailchimp-alerts">
                                <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                            </div>
                            <!-- mailchimp-alerts end -->
                        </div>
                    </div>
                    <div class="col-md-6">
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="copyright-text text-center">
                            <p class="copyright-text">&copy; 2023 <a href="index.php">Sathies Jewellery Pvt Ltd</a>.  </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer area end -->
    <!-- Quick view modal start -->
    <div class="modal" id="quick_view">
        
    </div>
    <!-- Quick view modal end -->

    <!-- offcanvas mini cart start -->
     <!-- offcanvas mini cart start -->
    <div class="offcanvas-minicart-wrapper">
        <div class="minicart-inner">
            <div class="offcanvas-overlay"></div>
            <div class="minicart-inner-content">
                <div class="minicart-close">
                    <i class="pe-7s-close"></i>
                </div>
                <div class="minicart-content-box" id="itemDescc">
             
                </div>
            </div>
        </div>
    </div>
    <!-- offcanvas mini cart end -->    <!-- offcanvas mini cart end -->

    <!-- JS
============================================ -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="js/jquery-2.2.4.min.js"></script>
    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Popper JS -->
    <script src="assets/js/vendor/popper.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <!-- slick Slider JS -->
    <script src="assets/js/plugins/slick.min.js"></script>
    <!-- Countdown JS -->
    <script src="assets/js/plugins/countdown.min.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/plugins/nice-select.min.js"></script>
    <!-- jquery UI JS -->
    <script src="assets/js/plugins/jqueryui.min.js"></script>
    <!-- Image zoom JS -->
    <script src="assets/js/plugins/image-zoom.min.js"></script>
    <!-- Imagesloaded JS -->
    <script src="assets/js/plugins/imagesloaded.pkgd.min.js"></script>
    <!-- Instagram feed JS -->
    <script src="assets/js/plugins/instagramfeed.min.js"></script>
    <!-- mailchimp active js -->
    <script src="assets/js/plugins/ajaxchimp.js"></script>
    <!-- contact form dynamic js -->
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <!-- google map api -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCfmCVTjRI007pC1Yk2o2d_EhgkjTsFVN8"></script>
    <!-- google map active js -->
    <script src="assets/js/plugins/google-map.js"></script>
    <!-- Main JS -->
    <script src="assets/js/main.js"></script>
</body>

</html>