WWWWWW

Current Directory: /home/u588966950/domains/amboretail.com/public_html
Viewing File: /home/u588966950/domains/amboretail.com/public_html/cart.php
<?php include 'conn.php'; ?>
<?php
if(isset($_REQUEST['addtocart']) && $_REQUEST['addtocart']>0)
{
	$chkitem = $conn->query("SELECT * FROM tbl_cart WHERE sessionid='".session_id()."' AND itemid='".$_REQUEST['addtocart']."'")->num_rows;
	if($chkitem==0)
	{
		$conn->query("INSERT INTO tbl_cart SET itemid='".$_REQUEST['addtocart']."',qnty='1',sessionid='".session_id()."'");
	}
	else
	{
		$conn->query("UPDATE tbl_cart SET qnty = `qnty`+'1' WHERE sessionid='".session_id()."' AND itemid='".$_REQUEST['addtocart']."'");
	}
	
	echo "<script>location.href='cart.php'</script>";
}
if(isset($_REQUEST['delitem']) && $_REQUEST['delitem']>0)
{
	$fetchcart = $conn->query("SELECT * FROM tbl_cart WHERE id='".$_REQUEST['delitem']."'")->fetch_assoc();
	if($fetchcart['qnty']==1)
	{
		$conn->query("DELETE FROM tbl_cart WHERE id='".$_REQUEST['delitem']."'");
	}
	else
	{	
		$conn->query("UPDATE tbl_cart SET qnty = `qnty`-'1' WHERE id='".$_REQUEST['delitem']."'");
	}	
	echo "<script>location.href='cart.php'</script>";
}

if(isset($_REQUEST['additem']) && $_REQUEST['additem']>0)
{
	$conn->query("UPDATE tbl_cart SET qnty = `qnty`+'1' WHERE id='".$_REQUEST['additem']."'");
	echo "<script>location.href='cart.php'</script>";
}
?>

<?php
$depo = $conn->query("SELECT * FROM tblVendorMaster where Id='".$_SESSION['vendorid']."'")->fetch_assoc();
?>

<!DOCTYPE html>
<html lang="en">
   
<!-- Mirrored from iamosahan.com/wrapbootstrap-pillarix/swiggi/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 13 Dec 2024 12:31:54 GMT -->
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="icon" href="img/logo.png" type="image/png">
      <title><?php echo $websitename; ?></title>
      <!-- Bootstrap Css -->
      <link rel="stylesheet" href="vender/bootstrap/css/bootstrap.min.css">
      <!-- Icofont -->
      <link rel="stylesheet" href="vender/icofont/icofont.min.css">
      <!-- Sidebar css -->
      <link rel="stylesheet" href="vender/sidebar/demo.css">
      <!-- Custom Css -->
      <link rel="stylesheet" href="css/style.css">
	  
	  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
	  
	  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
	  
	  <style>
	   #autocomplete {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 16px;
        }
        #suggestions {
            border: 0px solid #ddd;
            border-radius: 4px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            max-height: 200px;
            overflow-y: auto;
            background-color: #fff;
            position: absolute;
            width: 92%;
            z-index: 1000;
        }
        .suggestion-item {
            padding: 12px 16px;
            font-size: 14px;
            color: #333;
            cursor: pointer;
            border-bottom: 1px solid #f0f0f0;
        }
        .suggestion-item:last-child {
            border-bottom: none;
        }
        .suggestion-item:hover {
            background-color: #e6f7ff;
            color: #0056b3;
        }
        .no-suggestions {
            padding: 12px 16px;
            font-size: 14px;
            color: #888;
            text-align: center;
        }
		</style>
	  <script>
	  	function delitem(data)
		{
			location.href='cart.php?delitem='+data;
		}
		function additem(data)
		{
			location.href='cart.php?additem='+data;
		}
	  </script>
   </head>
   <body class="bg-light">
      <div class="cart d-flex flex-column vh-100">
         <!-- navbar -->
         <div class="bg-white mb-auto">
            <div class="d-flex align-items-center gap-3 p-3 bg-primary">
               <a href="<?php echo $baseurl; ?>" class="text-white"><i class="bi bi-arrow-left fs-5"></i></a>
               <div>
                  <h6 class="fw-bold text-white mb-0">Review Cart</h6>
                  <p class="text-white-50 small m-0"><?php echo $websitename; ?></p>
               </div>
               <div class="d-flex align-items-center gap-2 ms-auto">
                  <a href="<?php echo $baseurl; ?>" class="link-dark">
                     <div class="bg-dark bg-opacity-75 rounded-circle user-icon"><i class="bi bi-person d-flex m-0 h4 text-white"></i></div>
                  </a>
                  <a class="toggle" href="#">
                  <b class="bg-dark bg-opacity-75 rounded-circle user-icon">
                  <i class="bi bi-list d-flex m-0 h4 text-white"></i>
                  </b>
                  </a>
               </div>
            </div>
            <?php /*?><div class="bg-success bg-opacity-25 px-3 py-2 d-flex align-items-center">
               <p class="text-success fw-bold mb-0">
                  ₹20 Savings
               </p>
               <p class="text-success ms-auto mb-0">
                  <b>FREE DELIVERY</b> <small>applied on this order</small>
               </p>
            </div><?php */?>
         </div>
         <!-- body -->
         <div class="my-auto vh-100 overflow-auto p-3">
            <!-- coupon -->
            <a href="#" class="link-dark" data-bs-toggle="offcanvas" data-bs-target="#applycoupon"
               aria-controls="applycoupon">
               <div class="bg-white d-flex align-items-center gap-3 p-3 mb-2 shadow-sm rounded-3">
                  <i class="icofont-sale-discount icofont-2x"></i>
                  <div>
                     <h6 class="fw-bold text-black osahan-mb-1">Apply Coupons</h6>
                     <p class="small text-primary m-0">Save more with coupons available for you</p>
                  </div>
                  <div class="ms-auto"><i class="bi bi-chevron-right fs-5"></i></div>
               </div>
            </a>
            <!-- review items -->
			<?php
			$totalcartqnty = $conn->query("SELECT SUM(qnty) AS ttlqnty FROM tbl_cart where sessionid='".session_id()."'")->fetch_assoc();	
			?>
            <div class="bg-white p-3 mb-2 shadow-sm rounded-3">
               <div class="d-flex align-items-center gap-3 mb-3">
                  <i class="icofont-food-basket icofont-2x"></i>
                  <div>
                     <h6 class="fw-bold text-black osahan-mb-1">Review Items</h6>
                     <p class="small text-muted m-0"><?php echo $totalcartqnty['ttlqnty']; ?> item</p>
                  </div>
               </div>
			   <?php
			   $i=0;
			   $totalamount=0;
			   $sqlcart = "SELECT * FROM tbl_cart WHERE sessionid='".session_id()."' ORDER BY id ASC";
			   $querycart = $conn->query($sqlcart);
			   while($rowcart = $querycart->fetch_assoc()){
			   $i++;
			   $item = $conn->query("SELECT * FROM rk_item where id='".$rowcart['itemid']."'")->fetch_assoc();	
			   $category = $conn->query("SELECT * FROM rk_elements where id='".$item['category']."'")->fetch_assoc();
			   $amount = $item['nrp'] * $rowcart['qnty']; 	
			   $totalamount = $totalamount + $amount;
			   ?>				  
               <div class="d-flex align-items-center gap-3 justify-content-between" style="margin-bottom:10px;">
                  <img src="images/<?php echo $item['photo']; ?>" alt="" class="img-fluid bg-light p-1 border rounded-3 cart-product">
                  <div class="me-auto">
				  	 <input type="hidden" name="itemid[]" value="<?php echo $item['id']; ?>">
					 <input type="hidden" name="mrp[]" value="<?php echo $item['mrp']; ?>">
					 <input type="hidden" name="rate[]" value="<?php echo $item['nrp']; ?>">
                     <p class="osahan-mb-1 fw-bold"><?php echo $item['name']; ?></p>
                     <p class="text-muted small m-0"><?php echo $item['size']; ?></p>
                  </div>
                  <div class="osahan-count d-flex align-items-center justify-content-between border border-dark-subtle rounded-pill h6 m-0 p-1">
                     <span class="text-muted minus d-flex" onClick="delitem(<?php echo $rowcart['id']; ?>);"><i class="icofont-minus-circle"></i></span>
                     <input type="text" class="lh-sm small text-black text-center box border-0" name="qnty[]" value="<?php echo $rowcart['qnty']; ?>" readonly>
                     <span class="text-muted plus d-flex" onClick="additem(<?php echo $rowcart['id']; ?>);"><i class="icofont-plus-circle"></i></span>
                  </div>
				  <input type="hidden" name="amount[]" value="<?php echo $amount; ?>">
                  <h6 class="m-0 text-primary">₹<?php echo $amount; ?></h6>
               </div>
			   <?php
			   }
			   ?>
			   <?php
			   $deliveryrate = 0;
			   /*if($_SESSION['distance']>0 && $_SESSION['distance']<=2)
			   {
			   	$deliveryrate = 10;
			   }
			   else if($_SESSION['distance']>2 && $_SESSION['distance']<=5)
			   {
			   	$deliveryrate = 20;
			   }
			   else if($_SESSION['distance']>5)
			   {
			   	$deliveryrate = 30;
			   }*/
			   
			   $deliveryfee = ($totalamount>=800)?'30':'30';
			   
			   $handlingfee = 0;
			   $discountamount = 0;
			   $cashbackamount = 0;
			   
			   $discountnotes = '';
			   $cashbacknotes = '';
			   
			   if($totalamount>=300 && $totalamount<=499)
			   {
			   	 $discountnotes = '2% Discount';
				 $cashbacknotes = '1% Cashback';
			   	 $discountamount = round($totalamount*0.02);
				 $cashbackamount = round($totalamount*0.01);
			   }
			   
			   if($totalamount>=500 && $totalamount<=999)
			   {
			   	 $discountnotes = '3% Discount';
				 $cashbacknotes = '1.5% Cashback';
			   	 $discountamount = round($totalamount*0.03);
				 $cashbackamount = round($totalamount*0.015);
			   }
			   
			   if($totalamount>=1000)
			   {
			   	 $discountnotes = '4% Discount';
				 $cashbacknotes = '5% Cashback';
			   	 $discountamount = round($totalamount*0.04);
				 $cashbackamount = round($totalamount*0.05);
			   }
			   
			   $subtotal = ($totalamount + $deliveryfee + $handlingfee) - $discountamount;
			   
			   
			   ?>
			   
            </div>
            <!-- order door or gate -->
            <div class="bg-white p-3 mb-2 shadow-sm rounded-3">
               <div class="d-flex align-items-center justify-content-between gap-3">
                  <div>
                     <p class="fw-bold mb-1">Leave the order at door or gate</p>
                     <p class="text-muted small m-0">Opt for no-contact delivery & our delivery partner will leave it at
                        your door/gate.
                     </p>
                  </div>
                  <span>
                  <input type="checkbox" class="btn-check" id="btn-check-outlined" autocomplete="off">
                  <label class="btn btn-outline-dark btn-sm d-flex p-0 btn-pill" for="btn-check-outlined"><i class="icofont-check-alt"></i></label>
                  </span>
               </div>
            </div>
            <!-- bill -->
            <div class="bg-white p-3 mb-2 shadow-sm rounded-3">
               <h6 class="fw-bold text-black mb-3">Bill Details</h6>
               <div class="border-bottom">
                  <div class="d-flex align-items-center justify-content-between mb-2">
                     <p class="m-0">Total Amount</p>
                     <p class="m-0">₹<?php echo $totalamount; ?></p>
                  </div>
				  <?php if($discountamount>0){?>
				  <div class="d-flex align-items-center justify-content-between mb-2">
                     <p class="m-0"><?php echo $discountnotes; ?></p>
                     <p class="m-0">(-)₹<?php echo $discountamount; ?></p>
                  </div>
				  <?php } ?>
                  <div class="d-flex align-items-center justify-content-between mb-2">
                     <p class="m-0">Delivery Fee</p>
                     <p class="m-0"><?php if($deliveryfee>0){?> ₹<?php echo $deliveryfee; ?> <?php }else{ ?> FREE <?php } ?></p>
                  </div>
                  <div class="d-flex align-items-center justify-content-between mb-3">
                     <p class="text-info m-0">Handling Fee</p>
                     <p class="m-0">₹<?php echo $handlingfee; ?></p>
                  </div>
               </div>
               <div class="d-flex align-items-center justify-content-between pt-3">
                  <h6 class="text-primary m-0">Subtotal</h6>
                  <h6 class="fw-bold text-primary m-0">₹<?php echo $subtotal; ?></h6>
               </div>
            </div>
            <!-- cancellation policy -->
            <div class="bg-white shadow-sm p-3 rounded-3">
               <h6 class="fw-bold text-black mb-3">Cancellation policy</h6>
               <div>
                  <div class="d-flex align-items-center gap-3 mb-3 border bg-light p-3 rounded-3">
                     <i class="icofont-stopwatch icofont-2x text-danger"></i>
                     <p class="m-0">Orders cannot be cancelled and are non-refundable once packed for delivery.</p>
                  </div>
                  <div class="d-flex align-items-center gap-3 mb-3 border bg-light p-3 rounded-3">
                     <i class="icofont-file-alt icofont-2x text-danger"></i>
                     <p class="m-0">In case of unexpected delays or issues, a refund will be provided.</p>
                  </div>
               </div>
               <p class="mb-0 small text-muted">Check your order and address details before placing the order. <a href="#" class="text-decoration-underline text-primary">Read policy</a></p>
            </div>
         </div>
         <!-- footer -->
         <div class="mt-auto shadow-sm border-top">
            <div class="bg-light d-flex align-items-center border-bottom justify-content-between px-3 py-2">
               <p class="m-0">Subtotal: ₹<?php echo $subtotal; ?></p>
               <p class="text-primary small m-0">VIEW BILL & SAVINGS</p>
            </div>
            <div class="bg-white p-3">
               <div class="d-flex align-items-center justify-content-between">
                  <div data-bs-toggle="offcanvas" data-bs-target="#homelocation" aria-controls="homelocation" class="w-75">
                     <h6 class="mb-0">Delivery to <span class="fw-bold">HOME</span></h6>
                     <p class="text-muted text-truncate m-0"><?php echo $_SESSION['address']; ?></p>
                  </div>
                  <a href="#" class="btn btn-outline-success border-dark-subtle fw-bold shadow-sm user-icon rounded-pill fs-6"
                     data-bs-toggle="offcanvas" data-bs-target="#homelocation" aria-controls="homelocation"><i
                     class="icofont-ui-home"></i></a>
               </div>
               <div class="pt-3">
                  <a href="#" class="btn btn-success w-100 text-uppercase btn-lg fw-bold" data-bs-toggle="offcanvas"
                     data-bs-target="#deliveryoption" aria-controls="deliveryoption">Select delivery option</a>
               </div>
            </div>
         </div>
      </div>
      <!-- offcanvas location -->
      <div class="offcanvas offcanvas-bottom border-0 h-100" tabindex="-1" id="homelocation"
         aria-labelledby="homelocationLabel">
         <div class="offcanvas-header bg-transparent p-0">
            <a href="#" class="bg-primary text-white rounded-circle shadow-sm icon-sm m-3 position-absolute z-0 top-0"
               data-bs-dismiss="offcanvas" aria-label="Close">
            <i class="bi bi-arrow-left fs-5"></i>
            </a>
            <div style="width:100%;">
               <div id="my-map" style="height: 300px; width:100%;"></div>
            </div>
         </div>
         <div class="offcanvas-body p-0">
            <div class="d-flex align-items-center bg-light p-3 gap-3 py-3 border-top border-bottom">
               <i class="icofont-map-pins icofont-2x text-primary"></i>
               <div class="text-truncate">
                  <h6 class="mb-0">Delivery to <span class="fw-bold">HOME</span></h6>
                  <p class="text-muted text-truncate m-0"><?php echo $_SESSION['address']; ?></p>
               </div>
               <div class="ms-auto">
                  <a href="#" class="btn btn-light btn-sm bg-white border text-primary fw-bold text-uppercase" data-bs-toggle="offcanvas" data-bs-target="#location"
                  aria-controls="location">Change</a>
               </div>
            </div>
            <form class="p-3">
               <div class="mb-3">
                  <input type="text" class="form-control bg-transparent border-0 rounded-0 border-bottom py-2 px-0"
                     placeholder="Enter House/Flat No.">
               </div>
               <div class="mb-3">
                  <input type="text" class="form-control bg-transparent border-0 rounded-0 border-bottom py-2 px-0"
                     placeholder="Enter Landmark">
               </div>
               <div class="mb-3">
                  <div class="d-flex gap-3 align-items-center justify-content-between">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio1d" autocomplete="off" checked>
                     <label class="btn btn-outline-dark col py-2 rounded-2" for="btnradio1d"><i class="icofont-ui-home me-2"></i>Home</label>
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio2d" autocomplete="off">
                     <label class="btn btn-outline-dark col py-2 rounded-2" for="btnradio2d"><i class="icofont-bag-alt me-2"></i>Work</label>
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio3d" autocomplete="off">
                     <label class="btn btn-outline-dark col py-2 rounded-2" for="btnradio3d"><i class="icofont-location-pin me-2"></i>Other</label>
                  </div>
               </div>
            </form>
         </div>
         <div class="offcanvas-footer">
            <a href="#" class="btn btn-success text-uppercase w-100 btn-lg fw-bold" data-bs-dismiss="offcanvas"
               aria-label="Close">Save & proceed</a>
         </div>
      </div>
      <!-- offcanvas delivery option -->
      <div class="offcanvas offcanvas-bottom bg-light border-0 h-75" tabindex="-1" id="deliveryoption"
         aria-labelledby="deliveryoptionLabel">
         <div class="offcanvas-header">
            <h5 class="offcanvas-title fw-bold text-black" id="deliveryoptionLabel">Select a delivery option</h5>
         </div>
         <div class="offcanvas-body p-0">
            
            <div class="bg-white shadow-sm p-3">
               <div class="form-check form-check-reverse mb-3">
                  <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2"
                     value="option2" checked="checked">
                  <label class="form-check-label d-flex align-items-center gap-2" for="exampleRadios2">
                     <i class="icofont-delivery-time icofont-3x text-primary"></i>
                     <div class="text-start">
					 	<?php 
						if(date("l")=='Saturday'){
							$deliverydate = date('Y-m-d', strtotime(date('Y-m-d'). ' + 2 day'));
						}
						else
						{
							$deliverydate = date('Y-m-d', strtotime(date('Y-m-d'). ' + 1 day'));
						}
						 ?>
                        <h6 class="fw-bold mb-0">Delivery on <?php echo date("l",strtotime($deliverydate)); ?></h6>
                        <p class="text-primary small m-0">Earliest slot: 4:00 PM - 6:00 PM</p>
                     </div>
                  </label>
               </div>
               <div class="row row-cols-2 g-2 custom-checkbox">
			   	  We don't supply or service goods on Sundays and Public Holidays
                  <?php /*?><div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked>
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio1">1:00 PM - 2:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio2">2:00 PM - 3:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio3">3:00 PM - 4:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio4" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio4">4:00 PM - 5:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio5" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio5">5:00 PM - 6:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio6" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio6">6:00 PM - 7:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio7" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio7">7:00 PM - 8:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio8" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio8">8:00 PM - 9:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio9" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio9">9:00 PM - 10:00 PM</label>
                  </div>
                  <div class="col">
                     <input type="radio" class="btn-check" name="btnradio" id="btnradio10" autocomplete="off">
                     <label class="btn btn-outline-danger btn-sm w-100" for="btnradio10">10:00 PM - 11:00 PM</label>
                  </div><?php */?>
               </div>
            </div>
         </div>
         <div class="offcanvas-footer bg-white shadow-sm border-top">
            <div class="d-flex align-items-center justify-content-between mb-1">
               <p class="m-0">Total Order Value</p>
               <p class="m-0">₹<?php echo $subtotal; ?></p>
            </div>
            <div class="d-flex align-items-center justify-content-between">
               <p class="text-success m-0">Total Savings</p>
               <p class="m-0"><span class="bg-success bg-opacity-25 text-success rounded small p-1">-₹<?php echo $discountamount; ?></span></p>
            </div>
            <div class="d-flex align-items-center justify-content-between mt-2 mb-3">
               <p class="text-primary fw-bold m-0">Delivery Partner Fee</p>
               <p class="text-success fw-bold m-0"><?php if($deliveryfee>0){?> ₹<?php echo $deliveryfee; ?> <?php }else{ ?> <del class="text-muted me-1">₹30 </del>FREE<?php } ?></p>
            </div>
            <a href="payment-option.php" class="btn btn-success text-uppercase w-100 btn-lg fw-bold">Make Payment - ₹<?php echo $subtotal; ?></a>
         </div>
      </div>
	  
	   <!-- location offcanvas -->
      <div class="offcanvas offcanvas-end border-0" tabindex="-1" id="location" aria-labelledby="locationLabel">
         <div class="offcanvas-header bg-primary d-flex align-items-center justify-content-start gap-3">
            <a href="#" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-arrow-left fs-5 text-white"></i></a>
            <h6 class="offcanvas-title text-white m-0" id="locationLabel">Enter your area or address name</h6>
         </div>
         <div class="offcanvas-body">
            <!-- search -->
            <div class="input-group bg-white rounded-3 border py-1">
               <a href="#" class="input-group-text bg-transparent border-0 rounded-0 px-3" id="search"><i class="icofont-search"></i></a>
               <input type="text" class="form-control bg-transparent border-0 rounded-0 ps-0" id="mylocationbox" value="<?php echo $_SESSION['address']; ?>" placeholder="Search Location..."  aria-describedby="search">
            </div>
			<div id="suggestions"></div>
            <a href="javascript:void(0)" onClick="currentLocation();" class="link-dark">
               <div class="d-flex align-items-center gap-2 text-primary py-3 border-bottom">
                  <i class="icofont-location-arrow"></i>
                  <p class="m-0">Use my Current location</p>
               </div>
            </a>
			<!-- Saved Address -->
            <div class="border-bottom py-3">
               <p class="text-black text-uppercase small">Nearest Distribution Center</p>
               <div class="d-flex align-items-center justify-content-between">
                  <div class="w-75">
                     <a href="javascript:void(0);" onClick="chkDeporute();" class="link-dark" data-bs-dismiss="offcanvas" aria-label="Close">
                        <div class="d-flex align-items-center gap-2 osahan-mb-1">
                           <i class="icofont-clock-time text-muted fs-6"></i>
                           <h6 class="fw-bold mb-0" id="depotnameDiv"><?php echo (isset($depo['vendor']))?$depo['vendor'].'('.$depo['mobileno'].')':'Not Found'; ?></h6>
                        </div>
						<p class="text-muted text-truncate mb-0 ps-4" id="depotaddressdiv"><?php echo $depo['billaddress']; ?></p>
                        <p class="text-muted text-truncate mb-0 ps-4" id="depotkmdiv"><?php echo (isset($_SESSION['timing']))?$_SESSION['timing'].' mins - '.$_SESSION['distance'].' km':''; ?></p>
                     </a>
                  </div>
                  <a href="javascript:void(0);" class="link-dark" onClick="chkDeporute();">
                     <div class="bg-light rounded-circle icon-sm">
                        <i class="icofont-location-pin fs-5 text-dark-emphasis"></i>
                     </div>
                  </a>
               </div>
            </div>
            <!-- Saved Address -->
            <div class="border-bottom py-3">
               <p class="text-black text-uppercase small">Saved Addresses</p>
               <div class="d-flex align-items-center justify-content-between">
                  <div class="w-75">
                     <a href="#" class="link-dark" data-bs-dismiss="offcanvas" aria-label="Close">
                        <div class="d-flex align-items-center gap-2 osahan-mb-1">
                           <i class="icofont-ui-home text-muted fs-6"></i>
                           <h6 class="fw-bold mb-0">Home</h6>
                        </div>
                        <p class="text-muted text-truncate mb-0 ps-4"><?php echo $_SESSION['address']; ?></p>
                     </a>
                  </div>
                  <a href="#" class="link-dark">
                     <div class="bg-light rounded-circle icon-sm">
                        <i class="icofont-share fs-5 text-dark-emphasis"></i>
                     </div>
                  </a>
               </div>
            </div>
            <!-- recent search -->
            <div class="py-3">
               <p class="text-black text-uppercase small">Recent Searches</p>
               <a href="#" class="link-dark" data-bs-dismiss="offcanvas" aria-label="Close">
                  <div class="d-flex align-items-center gap-2 osahan-mb-1">
                     <i class="icofont-location-pin text-muted fs-6"></i>
                     <h6 class="fw-bold mb-0"><?php echo (isset($_SESSION['distance']))?'Delivery in '.$_SESSION['timing'].' minutes':'Delivery not available'; ?></h6>
                  </div>
                  <p class="text-muted text-truncate mb-0 ps-4"><?php echo $_SESSION['address']; ?></p>
               </a>
            </div>
         </div>
      </div>
	  
      <!-- coupon offcanvas -->
      <div class="offcanvas offcanvas-end bg-light border-0 w-100" tabindex="-1" id="applycoupon"
         aria-labelledby="applycouponLabel">
         <div class="offcanvas-header bg-primary d-block bg-white shadow-sm">
            <div class="d-flex align-items-center justify-content-start gap-3">
               <a href="#" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-arrow-left text-white fs-5"></i></a>
               <h5 class="offcanvas-title text-white fw-bold" id="applycouponLabel">Apply Coupon</h5>
            </div>
            <!-- search -->
            <div class="pt-3">
               <input type="text" class="form-control rounded-3 border-0 py-2" placeholder="Enter Coupon Code" aria-label="Enter Coupon Code" aria-describedby="search">
            </div>
         </div>
         <div class="offcanvas-body bg-light">
            <!-- Available coupons -->
            <p class="text-black text-uppercase small mb-3">availbale coupons</p>
            <div class="coupons-page">
               <!-- 1st coupon -->
               <div class="bg-white rounded-3 shadow-sm mb-3 osahan-coupons-main">
                  <div class="d-flex align-items-start justify-content-between border-bottom p-3 position-relative">
                     <span class="coupon-top-shape-2 position-absolute"></span>
                     <span class="coupon-bottom-shape-2 position-absolute"></span>
                     <div>
                        <div
                           class="d-flex align-items-center bg-success osahan-coupons-code mb-2 position-relative rounded-3">
                           <i class="icofont-sale-discount text-warning fs-5 border-end p-2"></i>
                           <span
                              class="d-flex align-items-center text-white fw-bold justify-content-center position-relative flex-grow-1 h-100 fs-6 px-3">
                           FRDEL99
                           <span class="coupon-top-shape position-absolute"></span>
                           <span class="coupon-bottom-shape position-absolute"></span>
                           </span>
                        </div>
                        <h6 class="m-0">Flat <span class="fw-bold">₹25 off</span></h6>
                     </div>
                     <a href="#" class="text-primary fw-bold" data-bs-dismiss="offcanvas" aria-label="Close">APPLY</a>
                  </div>
                  <div class="p-3">
                     <p class="text-muted mb-2">Use code FRDEL99 & get free delivery on order above ₹99 on your first
                        5 orders on Swiggi
                     </p>
                     <a data-bs-toggle="collapse" class="text-primary" href="#collapseone" role="button" aria-expanded="false" aria-controls="collapseone">
                     + MORE
                     </a>
                     <div class="collapse" id="collapseone">
                        <div class="card card-body border-0 px-0 pb-0">
                           <p class="text-black mb-2">Terms and Conditions</p>
                           <ul class="d-grid gap-1 text-muted px-3 mb-0">
                              <li>Valid only on your first 5 orders on Swiggi</li>
                              <li>Minimum order value - 99</li>
                              <li>This free delivery waiver is applicable only on delivery fee</li>
                              <li>Other T&Cs may apply</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- 2nd coupon -->
               <div class="bg-white rounded-3 shadow-sm mb-3 osahan-coupons-main">
                  <div class="d-flex align-items-start justify-content-between border-bottom p-3 position-relative">
                     <span class="coupon-top-shape-2 position-absolute"></span>
                     <span class="coupon-bottom-shape-2 position-absolute"></span>
                     <div>
                        <div
                           class="d-flex align-items-center bg-success osahan-coupons-code mb-2 position-relative rounded-3">
                           <i class="icofont-visa text-warning fs-5 border-end p-2"></i>
                           <span
                              class="d-flex align-items-center text-white fw-bold justify-content-center position-relative flex-grow-1 h-100 fs-6 px-3">
                           ORDERNOW
                           <span class="coupon-top-shape position-absolute"></span>
                           <span class="coupon-bottom-shape position-absolute"></span>
                           </span>
                        </div>
                        <h6 class="m-0">Flat <span class="fw-bold">₹25 off</span></h6>
                     </div>
                     <a href="#" class="text-primary fw-bold" data-bs-dismiss="offcanvas" aria-label="Close">APPLY</a>
                  </div>
                  <div class="p-3">
                     <p class="text-muted mb-2">Use code ORDERNOW get flat ₹25 off on order above ₹249</p>
                     <a data-bs-toggle="collapse" class="text-primary" href="#collapsetwo" role="button" aria-expanded="false"
                        aria-controls="collapsetwo">
                     + MORE
                     </a>
                     <div class="collapse" id="collapsetwo">
                        <div class="card card-body border-0 px-0 pb-0">
                           <p class="text-black mb-2">Terms and Conditions</p>
                           <ul class="d-grid gap-1 text-muted px-3 mb-0">
                              <li>Valid only on your first 5 orders on Swiggi</li>
                              <li>Minimum order value - 99</li>
                              <li>This free delivery waiver is applicable only on delivery fee</li>
                              <li>Other T&Cs may apply</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- 3rd coupon -->
               <div class="bg-white rounded-3 shadow-sm mb-3 osahan-coupons-main">
                  <div class="d-flex align-items-start justify-content-between border-bottom p-3 position-relative">
                     <span class="coupon-top-shape-2 position-absolute"></span>
                     <span class="coupon-bottom-shape-2 position-absolute"></span>
                     <div>
                        <div
                           class="d-flex align-items-center bg-success osahan-coupons-code mb-2 position-relative rounded-3">
                           <i class="icofont-bank-alt text-warning fs-5 border-end p-2"></i>
                           <span
                              class="d-flex align-items-center text-white fw-bold justify-content-center position-relative flex-grow-1 h-100 fs-6 px-3">
                           DFEYI10F
                           <span class="coupon-top-shape position-absolute"></span>
                           <span class="coupon-bottom-shape position-absolute"></span>
                           </span>
                        </div>
                        <h6 class="m-0">Flat <span class="fw-bold">₹50 off</span></h6>
                     </div>
                     <a href="#" class="text-primary fw-bold" data-bs-dismiss="offcanvas" aria-label="Close">APPLY</a>
                  </div>
                  <div class="p-3">
                     <p class="text-muted mb-2">Use code DFEYI10F get flat ₹50 off on order above ₹449</p>
                     <a data-bs-toggle="collapse" class="text-primary" href="#collapsethree" role="button" aria-expanded="false"
                        aria-controls="collapsethree">
                     + MORE
                     </a>
                     <div class="collapse" id="collapsethree">
                        <div class="card card-body border-0 px-0 pb-0">
                           <p class="text-black mb-2">Terms and Conditions</p>
                           <ul class="d-grid gap-1 text-muted px-3 mb-0">
                              <li>Valid only on your first 5 orders on Swiggi</li>
                              <li>Minimum order value - 99</li>
                              <li>This free delivery waiver is applicable only on delivery fee</li>
                              <li>Other T&Cs may apply</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- 4rth coupon -->
               <div class="bg-white rounded-3 shadow-sm mb-3 osahan-coupons-main">
                  <div class="d-flex align-items-start justify-content-between border-bottom p-3 position-relative">
                     <span class="coupon-top-shape-2 position-absolute"></span>
                     <span class="coupon-bottom-shape-2 position-absolute"></span>
                     <div>
                        <div
                           class="d-flex align-items-center bg-success osahan-coupons-code mb-2 position-relative rounded-3">
                           <i class="icofont-apple-pay text-warning fs-5 border-end p-2"></i>
                           <span
                              class="d-flex align-items-center text-white fw-bold justify-content-center position-relative flex-grow-1 h-100 fs-6 px-3">
                           BOIDC120
                           <span class="coupon-top-shape position-absolute"></span>
                           <span class="coupon-bottom-shape position-absolute"></span>
                           </span>
                        </div>
                        <h6 class="m-0">Discount <span class="fw-bold">₹50 off</span></h6>
                     </div>
                     <a href="#" class="text-primary fw-bold" data-bs-dismiss="offcanvas" aria-label="Close">APPLY</a>
                  </div>
                  <div class="p-3">
                     <p class="text-muted mb-2">Use code BOIDC120 get 20% discount on order above ₹149</p>
                     <a data-bs-toggle="collapse" class="text-primary" href="#collapsefour" role="button" aria-expanded="false"
                        aria-controls="collapsefour">
                     + MORE
                     </a>
                     <div class="collapse" id="collapsefour">
                        <div class="card card-body border-0 px-0 pb-0 mb-0">
                           <p class="text-black mb-2">Terms and Conditions</p>
                           <ul class="d-grid gap-1 text-muted px-3">
                              <li>Valid only on your first 5 orders on Swiggi</li>
                              <li>Minimum order value - 99</li>
                              <li>This free delivery waiver is applicable only on delivery fee</li>
                              <li>Other T&Cs may apply</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- sidebar nav -->
      <?php include 'sidebar.php'; ?>
      <!-- Bootstrap Bundle Js -->
      <script src="vender/bootstrap/js/bootstrap.bundle.min.js"></script>
      <!-- Jquery -->
      <script src="vender/jquery/jquery.min.js"></script>
      <!-- Sidebar js -->
      <script src="vender/sidebar/hc-offcanvas-nav.js"></script>
      <!-- Custom Js -->
      <script src="js/custom.js"></script>
	  
	  <script src="https://maps.googleapis.com/maps/api/js"></script>
	  
	   <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
    <script>
        // Initialize the map
        const map = L.map('my-map').setView([<?php echo $_SESSION['latitude']; ?>, <?php echo $_SESSION['longitude']; ?>], 11);

        // API Key and Tile Layers
        const myAPIKey = "07cd5e4629ef40d5adf4dbfd53f07e83";
        const baseUrl = "https://maps.geoapify.com/v1/tile/osm-bright/{z}/{x}/{y}.png?apiKey={apiKey}";
        const retinaUrl = "https://maps.geoapify.com/v1/tile/osm-bright/{z}/{x}/{y}@2x.png?apiKey={apiKey}";
        const isRetina = L.Browser.retina;

        L.tileLayer(isRetina ? retinaUrl : baseUrl, {
            attribution: 'Powered by VTS',
            apiKey: myAPIKey,
            maxZoom: 20,
			minZoom: 5,
            id: 'osm-bright',
        }).addTo(map);

        // Custom Icons
        const myLocationIcon = L.icon({
            iconUrl: 'https://amboretail.com/output-onlinegiftools-1-ezgif.com-crop.gif', // Replace with your custom icon URL
            iconSize: [30, 50], // size of the icon
            iconAnchor: [15, 30], // point of the icon which will correspond to marker's location
            popupAnchor: [0, -30] // point from which the popup should open relative to the iconAnchor
        });

        const distributionIcon = L.icon({
            iconUrl: 'https://amboretail.com/ambo-storemarker.png', // Replace with your custom icon URL
            iconSize: [50, 50], // size of the icon
            iconAnchor: [15, 30], // point of the icon which will correspond to marker's location
            popupAnchor: [0, -30] // point from which the popup should open relative to the iconAnchor
        });

        // Define waypoints
        const fromWaypoint = [<?php echo $_SESSION['latitude']; ?>, <?php echo $_SESSION['longitude']; ?>];
        const toWaypoint = [<?php echo $depo['latitude']; ?>, <?php echo $depo['longitude']; ?>];

        // Add markers with custom icons
        L.marker(fromWaypoint, { icon: myLocationIcon })
            .addTo(map)
            .bindPopup("<?php echo $_SESSION['address']; ?>");

        L.marker(toWaypoint, { icon: distributionIcon })
            .addTo(map)
            .bindPopup("<?php echo $depo['vendor']; ?>(<?php echo $depo['mobileno']; ?>)");

        // Routing with Geoapify
        const turnByTurnMarkerStyle = {
            radius: 5,
            fillColor: "#fff",
            color: "#555",
            weight: 1,
            opacity: 1,
            fillOpacity: 1
        };

        fetch(`https://api.geoapify.com/v1/routing?waypoints=${fromWaypoint.join(',')}|${toWaypoint.join(',')}&mode=drive&apiKey=${myAPIKey}`)
            .then(res => res.json())
            .then(result => {
                // Draw route
                L.geoJSON(result, {
                    style: (feature) => {
                        return {
                            color: "rgba(20, 137, 255, 0.7)",
                            weight: 5
                        };
                    }
                }).bindPopup((layer) => {
                    return `${layer.feature.properties.distance} ${layer.feature.properties.distance_units}, ${layer.feature.properties.time}`;
                }).addTo(map);

                // Add turn-by-turn markers
                const turnByTurns = [];
                result.features.forEach(feature => feature.properties.legs.forEach((leg, legIndex) => leg.steps.forEach(step => {
                    const pointFeature = {
                        "type": "Feature",
                        "geometry": {
                            "type": "Point",
                            "coordinates": feature.geometry.coordinates[legIndex][step.from_index]
                        },
                        "properties": {
                            "instruction": step.instruction.text
                        }
                    };
                    turnByTurns.push(pointFeature);
                })));

                L.geoJSON({
                    type: "FeatureCollection",
                    features: turnByTurns
                }, {
                    pointToLayer: function (feature, latlng) {
                        return L.circleMarker(latlng, turnByTurnMarkerStyle);
                    }
                }).bindPopup((layer) => {
                    return `${layer.feature.properties.instruction}`;
                }).addTo(map);
            })
            .catch(err => console.log(err));
    </script>
	
		<script>
		function currentLocation()
		{ 
        
			
			  navigator.geolocation.getCurrentPosition(function(position){
					
				  $.ajax({
						type: "POST",
						url: "process_location.php",
						data:{latitude:position.coords.latitude,longitude:position.coords.longitude},
										
						}).done(function(data) {
						
						var brokenstring = data.split('@||@');
						if(brokenstring[0]!='0')
						{
							$('#mycurrentlocation').html(brokenstring[0]);
							$('#mylocationbox').val(brokenstring[0]);
						}
						else
						{
							$('#mycurrentlocation').html('No location found');
							$('#mylocationbox').val('');
						}	
						
						var brost = brokenstring[1].split('||');	
						
						$('#depotnameDiv').html(brost[0]);
						$('#depotkmdiv').html(brost[2]+' mins - '+brost[1]+' km');
						$('#depotaddressdiv').html(brost[3]);
						$('#deliverytime').html('Delivery in '+brost[2]+' minutes');	
						
						$('#currentaddress').val(brokenstring[0]);
						$('#totaltime').val(brost[2]);
						$('#totalkm').val(brost[1]);					
						$('#depoid').val(brost[4]);
						$('#latitude').val(brost[5]);
						$('#longitude').val(brost[6]);	
						
						location.href='cart.php';			
					});
				 
				 document.getElementById("latitude").value = position.coords.latitude;
				 document.getElementById("longitude").value = position.coords.longitude;
					
				var mapProp = {center:new google.maps.LatLng(position.coords.latitude,position.coords.longitude), zoom:5, mapTypeId:google.maps.MapTypeId.ROADMAP};
				var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
				var marker=new google.maps.Marker({position:new google.maps.LatLng(position.coords.latitude,position.coords.longitude)});
				marker.setMap(map);
				}, function(error){
					if(error.code == PositionError.PERMISSION_DENIED)
					{
						alert("App doesn't have permission to use GPS");
					}
					else if(error.code == PositionError.POSITION_UNAVAILABLE)
					{
						alert("No GPS device found");
					}
					else if(error.code == PositionError.TIMEOUT)
					{
						alert("Its taking too long find user location");
					}
					else
					{
						alert("An unknown error occured");
					}
				}, { maximumAge: 3000, timeout: 5000, enableHighAccuracy: true });
			
			
			
			
	}
	</script>				
		

<script>
    const apiKey = '07cd5e4629ef40d5adf4dbfd53f07e83'; // Replace with your Geoapify API key
    const input = document.getElementById('mylocationbox');
    const suggestionsContainer = document.getElementById('suggestions');

    // Debounce function to reduce API calls
    let debounceTimer;
    const debounce = (callback, delay) => {
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(callback, delay);
    };

    // Fetch autocomplete suggestions restricted to India
    const fetchSuggestions = async (query) => {
        const url = `https://api.geoapify.com/v1/geocode/autocomplete?text=${encodeURIComponent(query)}&filter=countrycode:in&bias=countrycode:in&types=place&apiKey=${apiKey}`;
        const response = await fetch(url);
        const data = await response.json();
        return data.features; // Returns an array of address features
    };

    // Render suggestions
    const renderSuggestions = (suggestions) => {
        suggestionsContainer.innerHTML = '';
        if (suggestions.length === 0) {
            suggestionsContainer.innerHTML = '<div class="no-suggestions">No suggestions found</div>';
            return;
        }
        suggestions.forEach((feature) => {
            const suggestionItem = document.createElement('div');
            suggestionItem.className = 'suggestion-item';
            suggestionItem.textContent = feature.properties.formatted; // Display the formatted address
            suggestionItem.addEventListener('click', () => {
				chkdeliveryloc(feature.geometry.coordinates[1],feature.geometry.coordinates[0]);
                input.value = feature.properties.formatted; // Set the selected suggestion in the input field
                suggestionsContainer.innerHTML = ''; // Clear suggestions
            });
            suggestionsContainer.appendChild(suggestionItem);
        });
    };

    // Event listener for the input field
    input.addEventListener('input', () => {
        const query = input.value.trim();
        if (query.length > 2) { // Start fetching suggestions after 3 characters
            debounce(async () => {
                const suggestions = await fetchSuggestions(query);
                renderSuggestions(suggestions);
            }, 300); // 300ms debounce delay
        } else {
            suggestionsContainer.innerHTML = ''; // Clear suggestions if input is less than 3 characters
        }
    });
</script>
<script>
	function chkdeliveryloc(lat,lng)
	{
		
		 $.ajax({
						type: "POST",
						url: "process_location.php",
						data:{latitude:lat,longitude:lng},
										
						}).done(function(data) {
						
						var brokenstring = data.split('@||@');
						if(brokenstring[0]!='0')
						{
							$('#mycurrentlocation').html(brokenstring[0]);
							$('#mylocationbox').val(brokenstring[0]);
						}
						else
						{
							$('#mycurrentlocation').html('No location found');
							$('#mylocationbox').val('');
						}	
						
						var brost = brokenstring[1].split('||');	
						
						$('#depotnameDiv').html(brost[0]);
						$('#depotkmdiv').html(brost[2]+' mins - '+brost[1]+' km');
						$('#depotaddressdiv').html(brost[3]);
						$('#deliverytime').html('Delivery in '+brost[2]+' minutes');
						
						$('#currentaddress').val(brokenstring[0]);	
						$('#totaltime').val(brost[2]);
						$('#totalkm').val(brost[1]);					
						$('#depoid').val(brost[4]);
						$('#latitude').val(brost[5]);
						$('#longitude').val(brost[6]);	
						
						location.href='cart.php';
									
					});	
	}
</script>
   </body>

<!-- Mirrored from iamosahan.com/wrapbootstrap-pillarix/swiggi/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 13 Dec 2024 12:31:54 GMT -->
</html>
F1l3 Manager
