1248 lines
86 KiB
PHP
1248 lines
86 KiB
PHP
<?php ?>
|
||
<header class="ec-header">
|
||
<style>
|
||
/*---- Newsletter Page On load Style ----*/
|
||
#ec-popnews-bg2 {
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
display: none;
|
||
z-index: 99;
|
||
}
|
||
|
||
#ec-popnews-box-content2 {
|
||
height: 100%;
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-box-direction: normal;
|
||
-ms-flex-direction: column;
|
||
flex-direction: column;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
justify-content: center;
|
||
-webkit-box-align: center;
|
||
-ms-flex-align: center;
|
||
align-items: center;
|
||
}
|
||
|
||
#ec-popnews-box2 {
|
||
position: fixed;
|
||
left: 50%;
|
||
top: 50%;
|
||
-webkit-transform: translate(-50%, -50%);
|
||
transform: translate(-50%, -50%);
|
||
background-color: #fff;
|
||
color: #444444;
|
||
width: 100%;
|
||
max-width: 700px;
|
||
padding: 30px;
|
||
border: 0;
|
||
display: none;
|
||
z-index: 100;
|
||
text-align: center;
|
||
border-radius: 5px;
|
||
background-image: url("./assets/images/email-template/newsletter-bg.png");
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
background-size: 100%;
|
||
}
|
||
|
||
#ec-popnews-box2 h2 {
|
||
text-decoration: none;
|
||
color: #444;
|
||
display: block;
|
||
font-size: 22px;
|
||
line-height: 33px;
|
||
font-weight: 600;
|
||
margin: 0 auto 10px;
|
||
letter-spacing: 0;
|
||
text-transform: capitalize;
|
||
}
|
||
|
||
#ec-popnews-box2 p {
|
||
margin-bottom: 20px;
|
||
color: #777;
|
||
}
|
||
|
||
#ec-popnews-box2 form {
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
#ec-popnews-box2 input {
|
||
height: 45px;
|
||
background-color: transparent;
|
||
border: 1px solid #ededed;
|
||
color: #444444;
|
||
font-size: 14px;
|
||
margin-bottom: 20px;
|
||
padding: 0 15px;
|
||
width: 100%;
|
||
outline: none;
|
||
background-color: #fff;
|
||
border-radius: 30px;
|
||
}
|
||
|
||
#ec-popnews-box2 button {
|
||
height: 40px;
|
||
line-height: 42px;
|
||
font-size: 16px;
|
||
text-transform: uppercase;
|
||
border-radius: 30px;
|
||
}
|
||
|
||
#ec-popnews-close2 {
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 10px;
|
||
cursor: pointer;
|
||
width: 30px;
|
||
height: 30px;
|
||
color: #777;
|
||
border-color: #3474d4;
|
||
border-radius: 100%;
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
-webkit-box-align: center;
|
||
-ms-flex-align: center;
|
||
align-items: center;
|
||
-webkit-box-pack: center;
|
||
-ms-flex-pack: center;
|
||
justify-content: center;
|
||
font-size: 16px;
|
||
line-height: 1;
|
||
}
|
||
</style>
|
||
<!--Ec Header Top Start -->
|
||
<div class="header-top">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<!-- Header Top social Start -->
|
||
<div class="col text-left header-top-left d-none d-lg-block">
|
||
<div class="header-top-social">
|
||
<span class="social-text text-upper">Follow us on:</span>
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item"><a class="hdr-facebook" href="https://www.facebook.com/ObananaPH/" target="_blank"><i class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-twitter" href="https://twitter.com/obananac?lang=en" target="_blank"><i class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-instagram" href="https://www.instagram.com/obananaph/" target="_blank"><i class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-linkedin" href="https://ph.linkedin.com/company/obananaph" target="_blank"><i class="ecicon eci-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Header Top social End -->
|
||
<!-- Header Top Message Start -->
|
||
<div class="col text-center header-top-center">
|
||
<div class="header-top-message text-upper">
|
||
<span>Free Shipping</span>This Week Order Over - $75
|
||
</div>
|
||
</div>
|
||
<!-- Header Top Message End -->
|
||
<!-- Header Top Language Currency -->
|
||
<div class="col header-top-right d-none d-lg-block">
|
||
<div class="header-top-lan-curr d-flex justify-content-end">
|
||
<!-- Download Modal -->
|
||
<div class="header-top-download">
|
||
<button class="text-upper" onclick="displayPopup()">Download App <i aria-hidden="true"></i></button>
|
||
</div>
|
||
<script>
|
||
function displayPopup() {
|
||
// Show the pop-up
|
||
$("#ec-popnews-bg2").fadeIn();
|
||
$("#ec-popnews-box2").fadeIn();
|
||
|
||
$("#ec-popnews-close2").click(() => {
|
||
$("#ec-popnews-bg2").fadeOut();
|
||
$("#ec-popnews-box2").fadeOut();
|
||
|
||
var dataValue = true;
|
||
ecCreateCookie('ecPopNewsLetter', dataValue, 1);
|
||
});
|
||
|
||
$("#ec-popnews-bg2").click(() => {
|
||
$("#ec-popnews-bg2").fadeOut();
|
||
$("#ec-popnews-box2").fadeOut();
|
||
|
||
var dataValue = true;
|
||
ecCreateCookie('ecPopNewsLetter', dataValue, 1);
|
||
});
|
||
|
||
|
||
}
|
||
</script>
|
||
<!-- Newsletter Modal Start -->
|
||
<div id="ec-popnews-bg2"></div>
|
||
<div id="ec-popnews-box2">
|
||
<div id="ec-popnews-close2"><i class="ecicon eci-close"></i></div>
|
||
<div class="row">
|
||
<div class="col-md-6 disp-no-767">
|
||
<img src="../assets/images/img-1.png" alt="newsletter">
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div id="ec-popnews-box-content2">
|
||
<h2>Download ObananaPay Now</h2>
|
||
<p>Enjoy promos, discounts and more when you download, register and pay with ObananaPay.</p>
|
||
<div class="obpay-download">
|
||
<a href="https://play.google.com/store/apps/details?id=com.obanana.pay2" target="_blank">
|
||
<img src="../assets/images/playstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
|
||
</a>
|
||
<a href="https://apps.apple.com/ph/app/obananapay/id6447606481" target="_blank">
|
||
<img src="../assets/images/appstore.png" alt="newsletter" style="object-fit:cover; height:45px; width:110px;">
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Newsletter Modal end -->
|
||
|
||
<!-- Download Modal -->
|
||
<!-- Language Start -->
|
||
<!-- <div class="header-top-lan dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i
|
||
class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">English</a></li>
|
||
<li><a class="dropdown-item" href="#">Italiano</a></li>
|
||
</ul>
|
||
</div> -->
|
||
<!-- Language End -->
|
||
|
||
</div>
|
||
</div>
|
||
<!-- Header Top Language Currency -->
|
||
<!-- Header Top responsive Action -->
|
||
<div class="col d-lg-none ">
|
||
<div class="ec-header-bottons">
|
||
<!-- Header User Start -->
|
||
<div class="ec-header-user dropdown">
|
||
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i class="fi-rr-user"></i></button>
|
||
<ul class="dropdown-menu dropdown-menu-right">
|
||
<?php
|
||
if ($_SESSION["isLoggedIn"]) {
|
||
?><?php
|
||
if ($_SESSION["isVendor"]) {
|
||
?>
|
||
<li><a class="dropdown-item" href="vendor-dashboard.php">My Account</a></li>
|
||
<?php
|
||
} else {
|
||
?>
|
||
|
||
<li><a class="dropdown-item" href="user-profile.php">My Account</a></li>
|
||
<?php
|
||
}
|
||
?>
|
||
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
|
||
<?php
|
||
} else {
|
||
?>
|
||
<li><a class="dropdown-item" href="register.php">Register</a></li>
|
||
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
|
||
<li><a class="dropdown-item" href="login.php">Login</a></li>
|
||
<?php
|
||
}
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<!-- Header User End -->
|
||
<!-- Header Cart Start -->
|
||
<a href="wishlist.php" class="ec-header-btn ec-header-wishlist">
|
||
<div class="header-icon"><i class="fi-rr-heart"></i></div>
|
||
<span class="ec-header-count">0</span>
|
||
</a>
|
||
<!-- Header Cart End -->
|
||
<!-- Header Cart Start -->
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
|
||
<span class="ec-header-count cart-count-lable">0</span>
|
||
</a>
|
||
<!-- Header Cart End -->
|
||
<a href="javascript:void(0)" class="ec-header-btn ec-sidebar-toggle">
|
||
<i class="fi fi-rr-apps"></i>
|
||
</a>
|
||
<!-- Header menu Start -->
|
||
<a href="#ec-mobile-menu" class="ec-header-btn ec-side-toggle d-lg-none">
|
||
<i class="fi fi-rr-menu-burger"></i>
|
||
</a>
|
||
<!-- Header menu End -->
|
||
</div>
|
||
</div>
|
||
<!-- Header Top responsive Action -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Top End -->
|
||
<!-- Ec Header Bottom Start -->
|
||
<div class="ec-header-bottom d-none d-lg-block">
|
||
<div class="container position-relative">
|
||
<div class="row">
|
||
<div class="ec-flex">
|
||
<!-- Ec Header Logo Start -->
|
||
<div class="align-self-center">
|
||
<div class="header-logo">
|
||
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Logo End -->
|
||
|
||
<!-- Ec Header Search Start -->
|
||
<div class="align-self-center">
|
||
<div class="header-search">
|
||
<form class="ec-btn-group-form" action="search_product_action.php">
|
||
<input class="form-control ec-search-bar" name="searchText" placeholder="Search products..." type="text" required>
|
||
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Search End -->
|
||
|
||
<!-- Ec Header Button Start -->
|
||
<div class="align-self-center">
|
||
<div class="ec-header-bottons">
|
||
|
||
<!-- Header User Start -->
|
||
<div class="ec-header-user dropdown">
|
||
<button class="dropdown-toggle" data-bs-toggle="dropdown"><i class="fi-rr-user"></i></button>
|
||
<ul class="dropdown-menu dropdown-menu-right">
|
||
<?php
|
||
if ($_SESSION["isLoggedIn"]) {
|
||
?><?php
|
||
if ($_SESSION["isVendor"]) {
|
||
?>
|
||
<li><a class="dropdown-item" href="vendor-settings.php">My Account</a></li>
|
||
<?php
|
||
} else {
|
||
?>
|
||
<li><a class="dropdown-item" href="user-profile.php">My Account</a></li>
|
||
<?php
|
||
}
|
||
?>
|
||
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
|
||
<?php
|
||
} else {
|
||
?>
|
||
<li><a class="dropdown-item" href="register.php">Register</a></li>
|
||
<li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
|
||
<li><a class="dropdown-item" href="login.php">Login</a></li>
|
||
<?php
|
||
}
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<!-- Header User End -->
|
||
<!-- Header wishlist Start -->
|
||
<a href="wishlist.php" class="ec-header-btn ec-header-wishlist">
|
||
<div class="header-icon"><i class="fi-rr-heart"></i></div>
|
||
<span class="ec-header-count">
|
||
<p id="wishItemCount">0</p>
|
||
</span>
|
||
</a>
|
||
<!-- Header wishlist End -->
|
||
<!-- Header Cart Start -->
|
||
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
||
<div class="header-icon"><i class="fi-rr-shopping-bag"></i></div>
|
||
<span class="ec-header-count cart-count-lable">
|
||
<p id="cartItemCount">0</p>
|
||
</span>
|
||
</a>
|
||
<div class="ec-side-cart-overlay"></div>
|
||
<div id="ec-side-cart" class="ec-side-cart">
|
||
<div class="ec-cart-inner">
|
||
<?php
|
||
if ($_SESSION["isLoggedIn"] && $customer_data) {
|
||
$customer = $customer_data[0];
|
||
$orders = getOrderbyCustomerId($customer['_id']);
|
||
$totalAmount = 0;
|
||
if ($orders) {
|
||
$order_data = json_decode($orders, true);
|
||
$_SESSION['cart_items'] = $order_data;
|
||
?>
|
||
<div class="ec-cart-top">
|
||
<div class="ec-cart-title">
|
||
<span class="cart_title">My Cart</span>
|
||
<button class="ec-close">×</button>
|
||
</div>
|
||
<ul class="eccart-pro-items">
|
||
<?php
|
||
//var_dump($order_data[0]['items'][0]['product']);
|
||
foreach ($order_data as $order) {
|
||
// Ensure that the required data is available before accessing it
|
||
if (isset($order['status']) && $order['status'] === 'CART' && isset($order['items'][0]['product'])) {
|
||
$totalAmount += $order['total_amount'];
|
||
$product = getProduct($order['items'][0]['product']['product_id']);
|
||
$product_data = json_decode($product, true);
|
||
?>
|
||
<li id="order_<?php echo $order['_id'] ?>">
|
||
<a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>" class="sidekka_pro_img">
|
||
<?php
|
||
if (isset($order['items'][0]['product']['product_image'])) {
|
||
$image_urls = explode(',', $order['items'][0]['product']['product_image']);
|
||
if (!empty($image_urls)) {
|
||
$first_image_url = trim($image_urls[0]);
|
||
?>
|
||
<img src="<?php echo $first_image_url; ?>" alt="product" />
|
||
<?php
|
||
}
|
||
} else {
|
||
?>
|
||
<img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
|
||
<?php
|
||
}
|
||
?>
|
||
</a>
|
||
<div class="ec-pro-content">
|
||
|
||
<a href="product-left-sidebar.php?id=<?php echo $order['items'][0]['product']['product_id']; ?>" class="cart_pro_title"><?php echo $order['items'][0]['product']['name']; ?></a>
|
||
<span class="cart-price">Unit Price: <span><?php echo $order['items'][0]['price']; ?></span></span>
|
||
<div class="cart-price">
|
||
<span class="subtotal-<?php echo $order['_id']; ?>">Subtotal: <?php echo $order['total_amount'] ?></span>
|
||
</div>
|
||
<!-- 02-16-2024 Stacy added style -->
|
||
<div class="qty-plus-minuses" style="display:flex; overflow:visible; align-items:center; padding-top:10px;">
|
||
<div class="qty-btn" style="color:#ffaa00; font-size:35px; padding-right:5px; cursor: pointer;" onclick="qtyDecrement('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>')">-</div>
|
||
<input style="width:100px; height:40px" id="qty-input-<?php echo $order['items'][0]['_id']; ?>" class="qty-input" type="number" name="ec_qtybtn" value="<?php echo $order['items'][0]['quantity']; ?>" oninput="handleQtyInput(this, '<?php echo $order['_id']; ?>', '<?php echo $order['items'][0]['_id']; ?>')" />
|
||
<div class="qty-btn" style="color:#ffaa00; font-size:30px; padding-left:5px; cursor: pointer;" onclick="qtyIncrement('<?php echo $order['_id']; ?>' , '<?php echo $order['items'][0]['_id']; ?>', false)">+</div>
|
||
<!-- <a class="remove">x</a> -->
|
||
<!-- <a href="#" class="removeCart" onclick="deleteOrder('<?php #echo $order['_id']; ?>')">x</a> -->
|
||
<a href="#" class="removeCart" onclick="deleteOrder('<?php echo $order['_id']; ?>')"><i class="ecicon eci-trash" style="padding:20px; opacity:70%"></i></a>
|
||
</div>
|
||
<!-- 02-16-2024 Stacy added style -->
|
||
</div>
|
||
</li>
|
||
<?php
|
||
}
|
||
}
|
||
}
|
||
} else {
|
||
echo '<li>No items in the cart</li>';
|
||
}
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<script>
|
||
var sessionToken = '<?php echo isset($_SESSION["token"]) ? $_SESSION["token"] : ""; ?>';
|
||
var email = '<?php echo isset($_SESSION["email"]) ? $_SESSION["email"] : ""; ?>';
|
||
var password = '<?php echo isset($_SESSION["password"]) ? $_SESSION["password"] : ""; ?>';
|
||
|
||
function login(username, password, callback) {
|
||
fetch("https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/login", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
"X-Api-Key": "{{apiKey}}"
|
||
},
|
||
body: JSON.stringify({
|
||
username: username,
|
||
password: password
|
||
})
|
||
})
|
||
.then(response => {
|
||
if (response.ok) {
|
||
return response.json();
|
||
} else {
|
||
throw new Error("Unable to login");
|
||
}
|
||
})
|
||
.then(data => {
|
||
fetch("update-token-session.php", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json"
|
||
},
|
||
body: JSON.stringify({
|
||
token: data.token
|
||
})
|
||
})
|
||
.then(response => response.json())
|
||
.then(result => {
|
||
if (result.status === 'success') {
|
||
sessionToken = data.token;
|
||
console.log("New Token:", sessionToken);
|
||
callback(sessionToken);
|
||
} else {
|
||
throw new Error("Unable to update session token");
|
||
}
|
||
});
|
||
})
|
||
.catch(error => {
|
||
console.error("Error:", error.message);
|
||
});
|
||
}
|
||
|
||
let myLatestOrders = [];
|
||
|
||
function handleQtyInput(input, orderId, itemId, isFloat) {
|
||
login(email, password, function(token) {
|
||
var newQuantity = parseInt(input.value);
|
||
updateQuantity(orderId, itemId, newQuantity, isFloat, token);
|
||
})
|
||
}
|
||
|
||
function qtyIncrement(orderId, itemId, isFloat) {
|
||
login(email, password, function(token) {
|
||
var qtyInput = document.getElementById('qty-input-' + itemId);
|
||
var newQuantity = parseInt(qtyInput.value) + 1;
|
||
qtyInput.value = newQuantity;
|
||
updateQuantity(orderId, itemId, newQuantity, isFloat, token);
|
||
});
|
||
|
||
}
|
||
|
||
function qtyDecrement(orderId, itemId, isFloat) {
|
||
login(email, password, function(token) {
|
||
var qtyInput = document.getElementById('qty-input-' + itemId);
|
||
var newQuantity = parseInt(qtyInput.value) - 1;
|
||
qtyInput.value = newQuantity;
|
||
if (newQuantity >= 1) {
|
||
updateQuantity(orderId, itemId, newQuantity, isFloat, token);
|
||
}
|
||
})
|
||
}
|
||
|
||
function updateQuantity(orderId, itemId, newQuantity, isFloat, token) {
|
||
console.log(isFloat)
|
||
// const token = '<?php echo $_SESSION["token"] ?>';
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}/items/${itemId}`, {
|
||
method: 'PUT',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': 'Bearer ' + token,
|
||
},
|
||
body: JSON.stringify({
|
||
quantity: newQuantity
|
||
})
|
||
})
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
if (data && data !== "") {
|
||
// Quantity updated successfully, update the UI
|
||
// document.getElementById('qty-input').value = newQuantity;
|
||
if (isFloat === true) {
|
||
document.getElementById('qty-input-' + itemId).value = newQuantity;
|
||
updateFloatTotalAmount(orderId, token);
|
||
|
||
} else {
|
||
|
||
document.getElementById('qty-input-' + itemId).value = newQuantity;
|
||
updateTotalAmount(orderId, token);
|
||
}
|
||
} else {
|
||
alert('Error updating quantity: ' + data.status);
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
}
|
||
|
||
function updateFloatTotalAmount(orderId, token) {
|
||
// Fetch the order data
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`)
|
||
.then(response => response.json())
|
||
.then(orderData => {
|
||
console.log("This is the OrderData: " + JSON.stringify(orderData, null, 2));
|
||
if (orderData && orderData !== "") {
|
||
// Calculate the new total amount based on the updated quantities
|
||
let newTotalAmount = orderData.items.reduce((total, item) => {
|
||
return total + (item.quantity * item.price);
|
||
}, 0);
|
||
|
||
// Update the total amount in the UI
|
||
document.getElementById(`subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
|
||
// document.getElementById(`cart-price subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
|
||
|
||
// Perform the PATCH request to update the total amount in the API
|
||
// const token = '<?php echo $_SESSION["token"] ?>';
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
|
||
method: 'PATCH',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': 'Bearer ' + token,
|
||
|
||
},
|
||
body: JSON.stringify({
|
||
total_amount: newTotalAmount
|
||
})
|
||
})
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
if (data && data !== "") {
|
||
getLatestOrders()
|
||
} else {
|
||
alert('Error updating total amount: ' + data.status);
|
||
|
||
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
} else {
|
||
alert('Error fetching order data');
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
}
|
||
|
||
function updateTotalAmount(orderId, token) {
|
||
// Fetch the order data
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`)
|
||
.then(response => response.json())
|
||
.then(orderData => {
|
||
if (orderData && orderData !== "") {
|
||
// Calculate the new total amount based on the updated quantities
|
||
let newTotalAmount = orderData.items.reduce((total, item) => {
|
||
return total + (item.quantity * item.price);
|
||
}, 0);
|
||
|
||
// Update the total amount in the UI
|
||
document.querySelector(`.cart-price .subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
|
||
// document.getElementById(`cart-price subtotal-${orderId}`).innerText = 'Subtotal: ' + newTotalAmount;
|
||
|
||
// Perform the PATCH request to update the total amount in the API
|
||
// const token = '<?php echo $_SESSION["token"] ?>';
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
|
||
method: 'PATCH',
|
||
headers: {
|
||
'Content-Type': 'application/json',
|
||
'Authorization': 'Bearer ' + token,
|
||
|
||
},
|
||
body: JSON.stringify({
|
||
total_amount: newTotalAmount
|
||
})
|
||
})
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
if (data && data !== "") {
|
||
// Total amount updated successfully
|
||
getLatestOrders()
|
||
} else {
|
||
alert('Error updating total amount: ' + data.status);
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
} else {
|
||
alert('Error fetching order data');
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
}
|
||
|
||
function getLatestOrders() {
|
||
var customerId = '<?php echo $customer['_id'] ?>'
|
||
// Fetch the order data
|
||
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/customer/${customerId}`)
|
||
.then(response => response.json())
|
||
.then(orderData => {
|
||
if (orderData && orderData !== "") {
|
||
console.log(orderData)
|
||
const filteredOrders = orderData.filter(order => order.status.toUpperCase() === 'CART');
|
||
const totalAmountSum = filteredOrders.reduce((sum, order) => {
|
||
const totalAmount = parseFloat(order.total_amount);
|
||
return sum + totalAmount;
|
||
}, 0);
|
||
|
||
console.log('Total Amount Sum:', totalAmountSum);
|
||
document.getElementById(`floatCartTotalAmount`).innerText = totalAmountSum;
|
||
} else {
|
||
alert('Error fetching order data');
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
}
|
||
|
||
function deleteOrder(orderId) {
|
||
fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/' + orderId, {
|
||
method: 'DELETE'
|
||
})
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
if (data && data !== "") {
|
||
// Order deleted successfully, update the UI
|
||
document.getElementById('order_' + data._id).remove();
|
||
getLatestOrders()
|
||
} else {
|
||
alert('Error deleting order: ' + data.status);
|
||
}
|
||
})
|
||
.catch(error => console.error('Error:', error));
|
||
updateCartItemCount()
|
||
updateWishItemCount()
|
||
}
|
||
|
||
function handleCheckoutButton(event) {
|
||
event.preventDefault();
|
||
login(email, password, function(token) {
|
||
|
||
window.location.href = "checkouttest.php";
|
||
});
|
||
}
|
||
|
||
function handleCartButton(event) {
|
||
event.preventDefault();
|
||
login(email, password, function(token) {
|
||
|
||
window.location.href = "cart.php";
|
||
});
|
||
}
|
||
</script>
|
||
<div class="ec-cart-bottom">
|
||
<div class="cart-sub-total">
|
||
<table class="table cart-table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-left">Total :</td>
|
||
<td class="text-right primary-color" id="floatCartTotalAmount"><?php echo $totalAmount; ?></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="cart_btn">
|
||
<!-- <a href="cart.php" class="btn btn-primary">View Cart</a> -->
|
||
<a class="btn btn-secondary" onclick="handleCartButton(event)">View Cart</a>
|
||
<a class="btn btn-secondary" onclick="handleCheckoutButton(event)">Checkout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Header Cart End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Button End -->
|
||
<!-- Header responsive Bottom Start -->
|
||
<div class="ec-header-bottom d-lg-none">
|
||
<div class="container position-relative">
|
||
<div class="row ">
|
||
|
||
<!-- Ec Header Logo Start -->
|
||
<div class="col">
|
||
<div class="header-logo">
|
||
<a href="index.php"><img src="assets/images/logo/logo.png" alt="Site Logo" /><img class="dark-logo" src="assets/images/logo/dark-logo.png" alt="Site Logo" style="display: none;" /></a>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Logo End -->
|
||
<!-- Ec Header Search Start -->
|
||
<div class="col">
|
||
<div class="header-search">
|
||
<form class="ec-btn-group-form" action="search_product_action.php">
|
||
<input class="form-control ec-search-bar" name="searchText" placeholder="Search products..." type="text" required>
|
||
<button class="submit" type="submit"><i class="fi-rr-search"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Header Search End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Header responsive Bottom End -->
|
||
<!-- EC Main Menu Start -->
|
||
<div id="ec-main-menu-desk" class="d-none d-lg-block sticky-nav">
|
||
<div class="container position-relative">
|
||
<div class="row">
|
||
<div class="col-md-12 align-self-center">
|
||
<div class="ec-main-menu">
|
||
<a href="javascript:void(0)" class="ec-header-btn ec-sidebar-toggle">
|
||
<i class="fi fi-rr-apps"></i>
|
||
</a>
|
||
<ul>
|
||
<li><a href="index.php">Home</a></li>
|
||
<!-- <li class="dropdown position-static"><a href="javascript:void(0)">Categories</a>
|
||
<ul class="mega-menu d-block">
|
||
<li class="d-flex">
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">Classic
|
||
Variation</a></li>
|
||
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a>
|
||
</li>
|
||
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a>
|
||
</li>
|
||
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a>
|
||
</li>
|
||
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a>
|
||
</li>
|
||
<li><a href="shop-full-width.html">Full width 4 column</a></li>
|
||
</ul>
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">Classic
|
||
Variation</a></li>
|
||
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
|
||
column</a></li>
|
||
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
|
||
column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar
|
||
3 column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar
|
||
4 column</a></li>
|
||
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">Columns
|
||
Variation</a></li>
|
||
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
|
||
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="d-block">
|
||
<li class="menu_title"><a href="javascript:void(0)">List Variation</a>
|
||
</li>
|
||
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
|
||
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
|
||
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a>
|
||
</li>
|
||
<li><a href="shop-list-banner-right-sidebar.html">Banner right
|
||
sidebar</a></li>
|
||
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<ul class="ec-main-banner w-100">
|
||
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img
|
||
class="img-responsive" src="assets/images/menu-banner/1.jpg"
|
||
alt=""></a></li>
|
||
<li><a class="p-0" href="shop-left-sidebar-col-4.html"><img
|
||
class="img-responsive" src="assets/images/menu-banner/2.jpg"
|
||
alt=""></a></li>
|
||
<li><a class="p-0" href="shop-right-sidebar-col-3.html"><img
|
||
class="img-responsive" src="assets/images/menu-banner/3.jpg"
|
||
alt=""></a></li>
|
||
<li><a class="p-0" href="shop-right-sidebar-col-4.html"><img
|
||
class="img-responsive" src="assets/images/menu-banner/4.jpg"
|
||
alt=""></a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li> -->
|
||
<!-- <li class="dropdown"><a href="shop-left-sidebar-col-4.php">Products</a>
|
||
<ul class="sub-menu">
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product page
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
|
||
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product 360
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
|
||
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product video
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="product-video-left-sidebar.html">Video left sidebar</a>
|
||
</li>
|
||
<li><a href="product-video-right-sidebar.html">Video right sidebar</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Product
|
||
gallery
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a>
|
||
</li>
|
||
<li><a href="product-gallery-right-sidebar.html">Gallery right
|
||
sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="product-full-width.html">Product full width</a></li>
|
||
<li><a href="product-360-full-width.html">360 full width</a></li>
|
||
<li><a href="product-video-full-width.html">Video full width</a></li>
|
||
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
|
||
</ul>
|
||
</li> -->
|
||
<li class="dropdown"><a href="vendor-list.php">Vendors</a>
|
||
<!-- <ul class="sub-menu">
|
||
<li><a href="about-us.html">About Us</a></li>
|
||
<li><a href="contact-us.html">Contact Us</a></li>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
<li><a href="compare.html">Compare</a></li>
|
||
<li><a href="faq.php">FAQ</a></li>
|
||
<li><a href="login.php">Login</a></li>
|
||
<li><a href="register.php">Register</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="terms-condition.html">Terms Condition</a></li>
|
||
<li><a href="privacy-policy.html">Privacy Policy</a></li>
|
||
</ul> -->
|
||
</li>
|
||
<li class="dropdown"><span class="main-label-note-new" data-toggle="tooltip" title="NEW"></span><a href="same_day_delivery.php">Next-Day-Delivery</a>
|
||
<!-- <ul class="sub-menu">
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Mail
|
||
Confirmation
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
|
||
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
|
||
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
|
||
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
|
||
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Mail Reset
|
||
password
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="email-template-forgot-password-1.html">Reset password 1</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-2.html">Reset password 2</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-3.html">Reset password 3</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-4.html">Reset password 4</a>
|
||
</li>
|
||
<li><a href="email-template-forgot-password-5.html">Reset password 5</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Mail
|
||
Promotional
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="email-template-offers-1.html">Offer mail 1</a></li>
|
||
<li><a href="email-template-offers-2.html">Offer mail 2</a></li>
|
||
<li><a href="email-template-offers-3.html">Offer mail 3</a></li>
|
||
<li><a href="email-template-offers-4.html">Offer mail 4</a></li>
|
||
<li><a href="email-template-offers-5.html">Offer mail 5</a></li>
|
||
<li><a href="email-template-offers-6.html">Offer mail 6</a></li>
|
||
<li><a href="email-template-offers-7.html">Offer mail 7</a></li>
|
||
<li><a href="email-template-offers-8.html">Offer mail 8</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static">
|
||
<span class="label-note-hot"></span>
|
||
<a href="javascript:void(0)">Vendor account pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="vendor-dashboard.html">Vendor Dashboard</a></li>
|
||
<li><a href="vendor-profile.html">Vendor Profile</a></li>
|
||
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
|
||
<li><a href="vendor-settings.html">Vendor Settings</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static">
|
||
<span class="label-note-trending"></span>
|
||
<a href="javascript:void(0)">User account pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="user-profile.html">User Profile</a></li>
|
||
<li><a href="user-history.html">History</a></li>
|
||
<li><a href="wishlist.html">Wishlist</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="user-invoice.html">Invoice</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static"><a href="javascript:void(0)">Construction
|
||
pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="404-error-page.html">404 error page</a></li>
|
||
<li><a href="under-maintenance.html">maintanence page</a></li>
|
||
<li><a href="coming-soon.html">Coming soon page</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown position-static">
|
||
<span class="label-note-new"></span>
|
||
<a href="javascript:void(0)">Vendor Catalog pages
|
||
<i class="ecicon eci-angle-right"></i></a>
|
||
<ul class="sub-menu sub-menu-child">
|
||
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
|
||
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul> -->
|
||
</li>
|
||
<!-- <li class="dropdown"><a href="javascript:void(0)">Blog</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
|
||
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
|
||
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
|
||
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
|
||
<li><a href="blog-full-width.html">Blog full width</a></li>
|
||
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="elemets-products.html">Products</a></li>
|
||
<li><a href="elemets-typography.html">Typography</a></li>
|
||
<li><a href="elemets-title.html">Titles</a></li>
|
||
<li><a href="elemets-categories.html">Categories</a></li>
|
||
<li><a href="elemets-buttons.html">Buttons</a></li>
|
||
<li><a href="elemets-tabs.html">Tabs</a></li>
|
||
<li><a href="elemets-accordions.html">Accordions</a></li>
|
||
<li><a href="elemets-blog.html">Blogs</a></li>
|
||
</ul>
|
||
</li> -->
|
||
<li><a href="offer.php">Hot Offers</a></li>
|
||
<li class="dropdown scroll-to"><a href="javascript:void(0)"><i class="fi fi-rr-sort-amount-down-alt"></i></a>
|
||
<ul class="sub-menu">
|
||
<li class="menu_title">Scroll To Section</li>
|
||
<li><a href="javascript:void(0)" data-scroll="collection" class="nav-scroll">Top
|
||
Collection</a></li>
|
||
<li><a href="javascript:void(0)" data-scroll="categories" class="nav-scroll">Categories</a></li>
|
||
<!-- <li><a href="javascript:void(0)" data-scroll="offers" class="nav-scroll">Offers</a></li> -->
|
||
<li><a href="javascript:void(0)" data-scroll="vendors" class="nav-scroll">Top
|
||
Vendors</a></li>
|
||
<li><a href="javascript:void(0)" data-scroll="services" class="nav-scroll">Services</a></li>
|
||
<li><a href="javascript:void(0)" data-scroll="arrivals" class="nav-scroll">New
|
||
Arrivals</a></li>
|
||
<!-- <li><a href="javascript:void(0)" data-scroll="reviews" class="nav-scroll">Client
|
||
Review</a></li> -->
|
||
<!-- <li><a href="javascript:void(0)" data-scroll="insta" class="nav-scroll">Instagram Feed</a></li> -->
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec Main Menu End -->
|
||
<!-- ekka Mobile Menu Start -->
|
||
<div id="ec-mobile-menu" class="ec-side-cart ec-mobile-menu">
|
||
<div class="ec-menu-title">
|
||
<span class="menu_title">My Menu</span>
|
||
<button class="ec-close">×</button>
|
||
</div>
|
||
<div class="ec-menu-inner">
|
||
<div class="ec-menu-content">
|
||
<ul>
|
||
<li><a href="index.php">Home</a></li>
|
||
<li><a href="javascript:void(0)">Categories</a>
|
||
<ul class="sub-menu">
|
||
<li>
|
||
<a href="javascript:void(0)">Classic Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-left-sidebar-col-4.php">Left sidebar 3 column</a></li>
|
||
<li><a href="shop-left-sidebar-col-4.html">Left sidebar 4 column</a></li>
|
||
<li><a href="shop-right-sidebar-col-3.html">Right sidebar 3 column</a></li>
|
||
<li><a href="shop-right-sidebar-col-4.html">Right sidebar 4 column</a></li>
|
||
<li><a href="shop-full-width.html">Full width 4 column</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">Classic Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-banner-left-sidebar-col-3.html">Banner left sidebar 3
|
||
column</a></li>
|
||
<li><a href="shop-banner-left-sidebar-col-4.html">Banner left sidebar 4
|
||
column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-3.html">Banner right sidebar 3
|
||
column</a></li>
|
||
<li><a href="shop-banner-right-sidebar-col-4.html">Banner right sidebar 4
|
||
column</a></li>
|
||
<li><a href="shop-banner-full-width.html">Banner Full width 4 column</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">Columns Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-full-width-col-3.html">3 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-4.html">4 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-5.html">5 Columns full width</a></li>
|
||
<li><a href="shop-full-width-col-6.html">6 Columns full width</a></li>
|
||
<li><a href="shop-banner-full-width-col-3.html">Banner 3 Columns</a></li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="javascript:void(0)">List Variation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-list-left-sidebar.html">Shop left sidebar</a></li>
|
||
<li><a href="shop-list-right-sidebar.html">Shop right sidebar</a></li>
|
||
<li><a href="shop-list-banner-left-sidebar.html">Banner left sidebar</a></li>
|
||
<li><a href="shop-list-banner-right-sidebar.html">Banner right sidebar</a></li>
|
||
<li><a href="shop-list-full-col-2.html">Full width 2 columns</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a class="p-0" href="shop-left-sidebar-col-4.php"><img class="img-responsive" src="assets/images/menu-banner/1.jpg" alt=""></a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Products</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="javascript:void(0)">Product page</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="shop-left-sidebar-col-4.php">Product left sidebar</a></li>
|
||
<li><a href="product-right-sidebar.html">Product right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Product 360</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="product-360-left-sidebar.html">360 left sidebar</a></li>
|
||
<li><a href="product-360-right-sidebar.html">360 right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Product vodeo</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="product-video-left-sidebar.html">vodeo left sidebar</a></li>
|
||
<li><a href="product-video-right-sidebar.html">vodeo right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Product gallery</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="product-gallery-left-sidebar.html">Gallery left sidebar</a></li>
|
||
<li><a href="product-gallery-right-sidebar.html">Gallery right sidebar</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="product-full-width.html">Product full width</a></li>
|
||
<li><a href="product-360-full-width.html">360 full width</a></li>
|
||
<li><a href="product-video-full-width.html">Video full width</a></li>
|
||
<li><a href="product-gallery-full-width.html">Gallery full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Others</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="javascript:void(0)">Mail Confirmation</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="email-template-confirm-1.html">Mail Confirmation 1</a></li>
|
||
<li><a href="email-template-confirm-2.html">Mail Confirmation 2</a></li>
|
||
<li><a href="email-template-confirm-3.html">Mail Confirmation 3</a></li>
|
||
<li><a href="email-template-confirm-4.html">Mail Confirmation 4</a></li>
|
||
<li><a href="email-template-confirm-5.html">Mail Confirmation 5</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Mail Reset password</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="email-template-forgot-password-1.html">Reset password 1</a></li>
|
||
<li><a href="email-template-forgot-password-2.html">Reset password 2</a></li>
|
||
<li><a href="email-template-forgot-password-3.html">Reset password 3</a></li>
|
||
<li><a href="email-template-forgot-password-4.html">Reset password 4</a></li>
|
||
<li><a href="email-template-forgot-password-5.html">Reset password 5</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Mail Promotional</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="email-template-offers-1.html">Offer Mail 1</a></li>
|
||
<li><a href="email-template-offers-2.html">Offer Mail 2</a></li>
|
||
<li><a href="email-template-offers-3.html">Offer Mail 3</a></li>
|
||
<li><a href="email-template-offers-4.html">Offer Mail 4</a></li>
|
||
<li><a href="email-template-offers-5.html">Offer Mail 5</a></li>
|
||
<li><a href="email-template-offers-6.html">Offer Mail 6</a></li>
|
||
<li><a href="email-template-offers-7.html">Offer Mail 7</a></li>
|
||
<li><a href="email-template-offers-8.html">Offer Mail 8</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Vendor Account Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="vendor-dashboard.php">Vendor Dashboard</a></li>
|
||
<li><a href="vendor-profile.html">Vendor Profile</a></li>
|
||
<li><a href="vendor-uploads.html">Vendor Uploads</a></li>
|
||
<li><a href="vendor-settings.html">Vendor Settings</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">User Account Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="user-profile.html">User Profile</a></li>
|
||
<li><a href="user-history.html">User History</a></li>
|
||
<li><a href="wishlist.html">Wishlist</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="user-invoice.html">User Invoice</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Construction Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="404-error-page.html">404 Error Page</a></li>
|
||
<li><a href="under-maintenance.html">Maintenance Page</a></li>
|
||
<li><a href="coming-soon.html">Comming Soon Page</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Vendor Catalog Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="catalog-single-vendor.html">Catalog Single Vendor</a></li>
|
||
<li><a href="catalog-multi-vendor.html">Catalog Multi Vendor</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="javascript:void(0)">Pages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="about-us.html">About Us</a></li>
|
||
<li><a href="contact-us.php">Contact Us</a></li>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
<li><a href="compare.html">Compare</a></li>
|
||
<li><a href="faq.php">FAQ</a></li>
|
||
<li><a href="login.php">Login</a></li>
|
||
<li><a href="register.php">Register</a></li>
|
||
<li><a href="track-order.html">Track Order</a></li>
|
||
<li><a href="terms-condition.html">Terms Condition</a></li>
|
||
<li><a href="privacy-policy.html">Privacy Policy</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Blog</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
|
||
<li><a href="blog-right-sidebar.html">Blog right sidebar</a></li>
|
||
<li><a href="blog-detail-left-sidebar.html">Blog detail left sidebar</a></li>
|
||
<li><a href="blog-detail-right-sidebar.html">Blog detail right sidebar</a></li>
|
||
<li><a href="blog-full-width.html">Blog full width</a></li>
|
||
<li><a href="blog-detail-full-width.html">Blog detail full width</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown"><a href="javascript:void(0)">Elements</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="elemets-products.html">Products</a></li>
|
||
<li><a href="elemets-typography.html">Typography</a></li>
|
||
<li><a href="elemets-title.html">Titles</a></li>
|
||
<li><a href="elemets-categories.html">Categories</a></li>
|
||
<li><a href="elemets-buttons.html">Buttons</a></li>
|
||
<li><a href="elemets-tabs.html">Tabs</a></li>
|
||
<li><a href="elemets-accordions.html">Accordions</a></li>
|
||
<li><a href="elemets-blog.html">Blogs</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="offer.html">Hot Offers</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="header-res-lan-curr">
|
||
<div class="header-top-lan-curr">
|
||
<!-- Language Start -->
|
||
<div class="header-top-lan dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Language <i class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">English</a></li>
|
||
<li><a class="dropdown-item" href="#">Italiano</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Language End -->
|
||
<!-- Currency Start -->
|
||
<div class="header-top-curr dropdown">
|
||
<button class="dropdown-toggle text-upper" data-bs-toggle="dropdown">Currency <i class="ecicon eci-caret-down" aria-hidden="true"></i></button>
|
||
<ul class="dropdown-menu">
|
||
<li class="active"><a class="dropdown-item" href="#">USD $</a></li>
|
||
<li><a class="dropdown-item" href="#">EUR €</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Currency End -->
|
||
</div>
|
||
<!-- Social Start -->
|
||
<div class="header-res-social">
|
||
<div class="header-top-social">
|
||
<ul class="mb-0">
|
||
<li class="list-inline-item"><a class="hdr-facebook" href="#"><i class="ecicon eci-facebook"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-twitter" href="#"><i class="ecicon eci-twitter"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-instagram" href="#"><i class="ecicon eci-instagram"></i></a></li>
|
||
<li class="list-inline-item"><a class="hdr-linkedin" href="#"><i class="ecicon eci-linkedin"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- Social End -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ekka mobile Menu End -->
|
||
</header>
|
||
<!-- Header End -->
|