2024-03-21 17:20:34 +08:00
|
|
|
<?php
|
|
|
|
|
include "functions.php";
|
|
|
|
|
|
|
|
|
|
$_SESSION["url"] = $_SERVER['REQUEST_URI'];
|
|
|
|
|
if ($_SESSION["userId"] <> "") {
|
|
|
|
|
$_SESSION["isLoggedIn"] = true;
|
|
|
|
|
$vendorLoginId = searchVendorbyLoginId($_SESSION["userId"]);
|
|
|
|
|
$vendorLoginIdjson = json_decode($vendorLoginId, true);
|
|
|
|
|
if (isset($vendorLoginIdjson['results'][0])) {
|
|
|
|
|
$vendorData = $vendorLoginIdjson['results'][0];
|
|
|
|
|
$vendorId = $vendorData['_id'];
|
|
|
|
|
$_SESSION["LoggedInVendorId"] = $vendorId;
|
2024-03-26 14:08:25 +08:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
$authtoken = $_SESSION['token'];
|
|
|
|
|
|
2024-03-21 17:20:34 +08:00
|
|
|
} else {
|
|
|
|
|
$_SESSION["isLoggedIn"] = false;
|
|
|
|
|
header("location: login.php");
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-26 14:08:25 +08:00
|
|
|
$response = getOrderbyVendorId($vendorId);
|
|
|
|
|
$vendorDecode = json_decode($response);
|
|
|
|
|
|
|
|
|
|
// var_dump($vendorDecode);
|
|
|
|
|
if (is_array($vendorDecode)) {
|
|
|
|
|
$vendorOrders = json_decode($response);
|
|
|
|
|
} elseif (is_object($vendorDecode) && property_exists($vendorDecode, 'message')) {
|
2024-03-21 17:20:34 +08:00
|
|
|
$vendorOrders = [];
|
|
|
|
|
} else {
|
|
|
|
|
echo "Unknown type or no 'message' property found.";
|
|
|
|
|
}
|
2024-04-16 15:46:49 +08:00
|
|
|
|
|
|
|
|
if ($_SESSION["isCustomer"] == true) {
|
|
|
|
|
header("location: user-profile.php");
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-21 17:20:34 +08:00
|
|
|
?>
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<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, minimum-scale=1.0">
|
|
|
|
|
|
|
|
|
|
<title>oBanana B2B - Elevate Your Business</title>
|
|
|
|
|
<meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
|
|
|
|
|
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
|
|
|
|
|
<meta name="author" content="ashishmaraviya">
|
2024-03-26 14:08:25 +08:00
|
|
|
|
2024-03-21 17:20:34 +08:00
|
|
|
<!-- site Favicon -->
|
|
|
|
|
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
|
|
|
|
|
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
|
|
|
|
|
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
|
|
|
|
|
|
|
|
|
|
<!-- css Icon Font -->
|
|
|
|
|
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
|
|
|
|
|
|
|
|
|
|
<!-- css All Plugins Files -->
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
|
|
|
|
|
|
|
|
|
|
<!-- Main Style -->
|
|
|
|
|
<link rel="stylesheet" href="assets/css/style.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/style2.css" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/responsive.css" />
|
|
|
|
|
|
|
|
|
|
<!-- Background css -->
|
|
|
|
|
<link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
|
|
|
|
|
<style>
|
|
|
|
|
.tab.active {
|
|
|
|
|
background-color: #ffaa00;
|
|
|
|
|
/* Set your desired background color for the active tab */
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
/* Set your desired text color for the active tab */
|
|
|
|
|
|
|
|
|
|
}
|
2024-03-26 14:08:25 +08:00
|
|
|
#pagination {
|
|
|
|
|
display: flex;
|
|
|
|
|
list-style: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
justify-content: center;
|
2024-04-16 11:03:50 +08:00
|
|
|
margin-top: 20px;
|
2024-03-26 14:08:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#pagination a {
|
|
|
|
|
color: #333;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding: 5px 10px;
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
2024-03-21 17:20:34 +08:00
|
|
|
</style>
|
2024-03-26 14:08:25 +08:00
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
2024-03-21 17:20:34 +08:00
|
|
|
<script>
|
|
|
|
|
function updateCartItemCount() {
|
|
|
|
|
$.get("cartitems.php?id=<?php echo $_SESSION['customerId']; ?>", function(data, status) {
|
|
|
|
|
if (data != "") {
|
|
|
|
|
console.log("Data: " + data + "\nStatus: " + status);
|
|
|
|
|
document.getElementById("cartItemCount").innerHTML = data;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body onload="updateCartItemCount()" class="shop_page">
|
|
|
|
|
<div id="ec-overlay">
|
|
|
|
|
<div class="ec-ellipsis">
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
<div></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Header start -->
|
|
|
|
|
<?php include "header.php" ?>
|
|
|
|
|
<!-- Header End -->
|
|
|
|
|
|
|
|
|
|
<!-- ekka Cart Start -->
|
|
|
|
|
|
|
|
|
|
<!-- ekka Cart End -->
|
|
|
|
|
|
|
|
|
|
<!-- Ec breadcrumb start -->
|
|
|
|
|
<div class="sticky-header-next-sec ec-breadcrumb section-space-mb">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<div class="row ec_breadcrumb_inner">
|
|
|
|
|
<div class="col-md-6 col-sm-12">
|
|
|
|
|
<h2 class="ec-breadcrumb-title">User History</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-6 col-sm-12">
|
|
|
|
|
<!-- ec-breadcrumb-list start -->
|
|
|
|
|
<ul class="ec-breadcrumb-list">
|
|
|
|
|
<li class="ec-breadcrumb-item"><a href="index.php">Home</a></li>
|
|
|
|
|
<li class="ec-breadcrumb-item active">History</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<!-- ec-breadcrumb-list end -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Ec breadcrumb end -->
|
|
|
|
|
<section class="ec-page-content ec-vendor-uploads ec-user-account section-space-p">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<!-- Sidebar Area Start -->
|
|
|
|
|
<div class="ec-shop-leftside ec-vendor-sidebar col-lg-3 col-md-12">
|
|
|
|
|
<div class="ec-sidebar-wrap ec-border-box">
|
|
|
|
|
<!-- Sidebar Category Block -->
|
|
|
|
|
<div class="ec-sidebar-block">
|
|
|
|
|
<div class="ec-vendor-block">
|
|
|
|
|
<!-- 03-12-2024 Stacy added placeholder for vendor banner -->
|
|
|
|
|
<?php
|
|
|
|
|
if (!empty($vendorData['vendor_banner'])) { ?>
|
|
|
|
|
<div class="ec-vendor-block-bg" style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div>
|
|
|
|
|
<?php } else { ?>
|
|
|
|
|
<div class="ec-vendor-block-bg" style="background-color: orange; background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div>
|
|
|
|
|
<?php } ?>
|
|
|
|
|
<!-- <div class="ec-vendor-block-bg" style="background-image: url(<?php echo $vendorData['vendor_banner'] ?>) !important;"></div> -->
|
|
|
|
|
<div class="ec-vendor-block-detail">
|
|
|
|
|
<?php
|
|
|
|
|
if (!empty($vendorData['vendor_image'])) { ?>
|
|
|
|
|
<img class="v-img" src=<?php echo $vendorData['vendor_image'] ?> alt="vendor image">
|
|
|
|
|
<?php } else { ?>
|
|
|
|
|
<img class="v-img" src="https://yourteachingmentor.com/wp-content/uploads/2020/12/istockphoto-1223671392-612x612-1.jpg" alt="vendor image">
|
|
|
|
|
<?php } ?>
|
|
|
|
|
<!-- <img class="v-img" src=<?php #echo $vendorData['vendor_image'] ?> alt="vendor image"> -->
|
|
|
|
|
<h5 class="name"><?php echo $vendorData['user_login'] ?></h5>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="ec-vendor-block-items">
|
2024-03-26 14:08:25 +08:00
|
|
|
<ul>
|
2024-03-21 17:20:34 +08:00
|
|
|
<li><a href="vendor-dashboard.php">Dashboard</a></li>
|
|
|
|
|
<li><a href="vendor-uploads.php">Upload Product</a></li>
|
|
|
|
|
<li><a href="vendor-settings.php">Settings (Edit)</a></li>
|
|
|
|
|
<li><a href="user-refund-history.php">User Refund History</a></li> -->
|
|
|
|
|
<!-- <li><a href="cart.html">Cart</a></li>
|
|
|
|
|
<li><a href="checkout.html">Checkout</a></li>
|
|
|
|
|
<li><a href="track-order.html">Track Order</a></li>
|
|
|
|
|
<li><a href="user-invoice.html">Invoice</a></li> -->
|
|
|
|
|
<!-- </ul>
|
|
|
|
|
</div> -->
|
|
|
|
|
<?php include "vendor-user-tabs.php" ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-shop-rightside col-lg-9 col-md-12">
|
|
|
|
|
<div class="ec-vendor-dashboard-card">
|
|
|
|
|
<div class="ec-vendor-card-header">
|
|
|
|
|
<h5>Payments</h5>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-vendor-card-body">
|
|
|
|
|
<div class="ec-vendor-card-table">
|
|
|
|
|
|
|
|
|
|
<div id="payments" class="tab-content active">
|
|
|
|
|
|
|
|
|
|
<!-- Gelo added vendor payments tab -->
|
|
|
|
|
<table class="table ec-table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="col">Payment Method</th>
|
|
|
|
|
<th scope="col">Amount</th>
|
|
|
|
|
<th scope="col">Status</th>
|
|
|
|
|
<th scope="col">Description</th>
|
|
|
|
|
<th scope="col">Date Created</th>
|
|
|
|
|
<th scope="col">Action</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
2024-03-26 14:08:25 +08:00
|
|
|
<tbody id="paymentsTableBody">
|
|
|
|
|
<?php
|
|
|
|
|
$totalPayments = 0;
|
|
|
|
|
foreach ($vendorOrders as $order) {
|
|
|
|
|
$orderArray = json_encode($order, true);
|
|
|
|
|
$orderItems = json_decode($orderArray, true);
|
2024-03-26 16:44:13 +08:00
|
|
|
if(strtolower($orderItems['payment']['status']) == 'paid'){
|
2024-03-26 14:08:25 +08:00
|
|
|
|
|
|
|
|
$rawDate = $orderItems['payment']['details'][0]['attributes']['data']['attributes']['payments'][0]['createdAt'];
|
|
|
|
|
if ($rawDate) {
|
|
|
|
|
$createdAt = new DateTime($rawDate);
|
|
|
|
|
$formattedDate = $createdAt->format('m/d/Y');
|
|
|
|
|
}
|
|
|
|
|
$totalPayments++;
|
2024-03-21 17:20:34 +08:00
|
|
|
?>
|
2024-03-26 14:08:25 +08:00
|
|
|
<tr>
|
|
|
|
|
<td><?php echo $orderItems['payment_method']; ?></td>
|
|
|
|
|
<td>₱ <?php echo $orderItems['total_amount']; ?></td>
|
|
|
|
|
<td><?php echo $orderItems['payment']['status']; ?></td>
|
|
|
|
|
<td><?php echo $orderItems['items'][0]['product']['name']; ?></td>
|
|
|
|
|
<td><?php echo $formattedDate?></td>
|
|
|
|
|
<td><button type="button" class="btn btn-primary showSinglePaymentBtn" data-order-id="<?php echo $orderItems['_id']; ?>" data-bs-toggle="modal" data-bs-target="#vendorPaymentsModal">View</button></td>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</tr>
|
2024-03-21 17:20:34 +08:00
|
|
|
<?php
|
2024-03-26 14:08:25 +08:00
|
|
|
}
|
|
|
|
|
}
|
2024-03-21 17:20:34 +08:00
|
|
|
// }
|
|
|
|
|
?>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
<div id="pagination"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
const itemsPerPage = 5;
|
|
|
|
|
const totalItems = <?php echo $totalPayments; ?>;
|
|
|
|
|
const totalPages = Math.ceil(totalItems / itemsPerPage);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function showPage(page) {
|
|
|
|
|
const startIndex = (page - 1) * itemsPerPage;
|
|
|
|
|
const endIndex = startIndex + itemsPerPage;
|
|
|
|
|
const tableRows = document.querySelectorAll('#paymentsTableBody tr');
|
|
|
|
|
|
|
|
|
|
// for pagination button
|
|
|
|
|
const pager = document.querySelectorAll('.page-btn')
|
|
|
|
|
pager.forEach((row, index) => {
|
|
|
|
|
if (index!==page-1) {
|
|
|
|
|
row.style.backgroundColor="white";
|
|
|
|
|
row.style.color="black";
|
|
|
|
|
} else {
|
|
|
|
|
row.style.backgroundColor="#007bff";
|
|
|
|
|
row.style.color="white";
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
tableRows.forEach((row, index) => {
|
|
|
|
|
if (index >= startIndex && index < endIndex) {
|
|
|
|
|
row.style.display = 'table-row';
|
|
|
|
|
} else {
|
|
|
|
|
row.style.display = 'none';
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function createPagination() {
|
|
|
|
|
const paginationContainer = document.getElementById('pagination');
|
|
|
|
|
|
|
|
|
|
for (let i = 1; i <= totalPages; i++) {
|
|
|
|
|
// created a tag
|
|
|
|
|
const pageButton = document.createElement('a');
|
|
|
|
|
// created class for a tag
|
|
|
|
|
pageButton.className = "page-btn page-" + i
|
|
|
|
|
pageButton.textContent = i;
|
|
|
|
|
pageButton.addEventListener('click', () => showPage(i));
|
|
|
|
|
paginationContainer.appendChild(pageButton);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
createPagination();
|
|
|
|
|
showPage(1); // Show the first page by default
|
|
|
|
|
</script>
|
2024-03-21 17:20:34 +08:00
|
|
|
<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 => {
|
|
|
|
|
// Update the session token on the server side
|
|
|
|
|
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') {
|
|
|
|
|
// Update the session token in the client-side variable
|
|
|
|
|
sessionToken = data.token;
|
|
|
|
|
console.log("New Token:", sessionToken);
|
|
|
|
|
callback();
|
|
|
|
|
} else {
|
|
|
|
|
throw new Error("Unable to update session token");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
|
|
|
|
console.error("Error:", error.message);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function updateRefundShipStatus(orderId, image, reason) {
|
|
|
|
|
login(email, password, function() {
|
|
|
|
|
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
|
|
|
|
|
method: 'PATCH',
|
|
|
|
|
headers: {
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
'Authorization': 'Bearer ' + sessionToken,
|
|
|
|
|
},
|
|
|
|
|
body: JSON.stringify({
|
|
|
|
|
return_order: {
|
|
|
|
|
reason: reason,
|
|
|
|
|
image: image,
|
|
|
|
|
status: 'To Ship',
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
})
|
|
|
|
|
.then(response => response.json())
|
|
|
|
|
.then(data => {
|
|
|
|
|
// Assuming the server responds with a JSON object indicating success or failure
|
|
|
|
|
if (data && data !== "") {
|
|
|
|
|
// Update the status in the table without reloading the page
|
|
|
|
|
// document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
|
|
|
|
|
// location.reload();
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
alert('Failed to update order status');
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
|
|
|
|
console.error('Error:', error);
|
|
|
|
|
alert('An error occurred while updating order status');
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function updateRefundReceiveStatus(orderId, image, reason) {
|
|
|
|
|
login(email, password, function() {
|
|
|
|
|
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
|
|
|
|
|
method: 'PATCH',
|
|
|
|
|
headers: {
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
'Authorization': 'Bearer ' + sessionToken,
|
|
|
|
|
},
|
|
|
|
|
body: JSON.stringify({
|
|
|
|
|
return_order: {
|
|
|
|
|
reason: reason,
|
|
|
|
|
image: image,
|
|
|
|
|
status: 'To Refund',
|
|
|
|
|
}
|
|
|
|
|
}),
|
|
|
|
|
})
|
|
|
|
|
.then(response => response.json())
|
|
|
|
|
.then(data => {
|
|
|
|
|
// Assuming the server responds with a JSON object indicating success or failure
|
|
|
|
|
if (data && data !== "") {
|
|
|
|
|
// Update the status in the table without reloading the page
|
|
|
|
|
// document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
|
|
|
|
|
location.reload();
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
alert('Failed to update order status');
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
|
|
|
|
console.error('Error:', error);
|
|
|
|
|
alert('An error occurred while updating order status');
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//S 03-06-2024 Stacy added upload function
|
|
|
|
|
function addProduct() {
|
|
|
|
|
console.log("Session Token:", sessionToken);
|
|
|
|
|
login(email, password, function() {
|
|
|
|
|
// Removed the call to updateSessionToken
|
|
|
|
|
window.open("vendor-uploads-add-product-action.php", "_self");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<!--Gelo added payment details modal-->
|
|
|
|
|
<div class="modal fade" id="vendorPaymentsModal" tabindex="-1" aria-labelledby="vendorPaymentsModalLabel" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog modal-xl" style="min-width: 90%;">
|
2024-03-26 14:08:25 +08:00
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title fs-5" id="vendorPaymentsModalLabel">Payment ID: <span id="paymentIdSpan"></span></h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="container-fluid" id="orderDetailsContainer">
|
|
|
|
|
<!-- Dynamic content will be inserted here -->
|
2024-03-21 17:20:34 +08:00
|
|
|
</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- GELO ADDED AJAX FUNCTION FOR MODAL BOX QUERY -->
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$('.showSinglePaymentBtn').click(function() {
|
|
|
|
|
var orderId = $(this).data('order-id');
|
2024-03-26 14:57:36 +08:00
|
|
|
|
2024-03-26 14:08:25 +08:00
|
|
|
var token = "<?php echo $authtoken;?>";
|
|
|
|
|
<?php
|
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
2024-04-01 18:31:59 +08:00
|
|
|
|
|
|
|
|
// url: 'https://api.obanana.shop/api/v1/orders/' + orderId,
|
|
|
|
|
url: 'https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/' + orderId,
|
2024-03-26 14:08:25 +08:00
|
|
|
type: 'GET',
|
|
|
|
|
headers: {
|
|
|
|
|
'Authorization': 'Bearer ' + token
|
|
|
|
|
},
|
|
|
|
|
success: function(response) {
|
|
|
|
|
// Handle successful response
|
2024-04-22 09:50:50 +08:00
|
|
|
console.log(response);
|
2024-03-26 14:08:25 +08:00
|
|
|
var paymentId = response.payment.reference_number;
|
|
|
|
|
$('#paymentIdSpan').text(paymentId);
|
2024-04-23 09:34:12 +08:00
|
|
|
var gross_price = (response.payment.details[0]?.attributes.data.attributes.amount / 100).toFixed(2);
|
2024-03-26 14:08:25 +08:00
|
|
|
var payment_status = response.payment.status;
|
|
|
|
|
var fee = response.payment.details[0]?.attributes.data.attributes.fee;
|
2024-04-23 09:34:12 +08:00
|
|
|
var net_amount = (response.payment.details[0]?.attributes.data.attributes.payments[0].attributes.net_amount / 100).toFixed(2);
|
2024-03-26 14:08:25 +08:00
|
|
|
var desc = response.items[0].product.name;
|
|
|
|
|
var method = response.payment_method;
|
|
|
|
|
var name = response.billing_address.billing_first_name + " " + response.billing_address.billing_last_name;
|
|
|
|
|
var email = response.payment.details[0]?.attributes.data.attributes.payments[0].attributes.billing?.email;
|
|
|
|
|
var phone = response.billing_address.billing_phone;
|
|
|
|
|
var rawDate = response.payment.details[0]?.attributes.data.attributes.payments[0]?.createdAt;
|
|
|
|
|
var payoutStatus = response.payout_status[0]?.status;
|
|
|
|
|
if (rawDate){
|
|
|
|
|
var createdAtDate = new Date(rawDate);
|
|
|
|
|
var month = String(createdAtDate.getMonth() + 1).padStart(2, '0');
|
|
|
|
|
var day = String(createdAtDate.getDate()).padStart(2, '0');
|
|
|
|
|
var year = createdAtDate.getFullYear();
|
|
|
|
|
var date = month + '/' + day + '/' + year;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(payoutStatus === 'Deposited'){
|
|
|
|
|
var orderDetailsHtml = `
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
|
|
<div class="col-4 ">
|
|
|
|
|
<div class="d-flex justify-content-between p-2">
|
|
|
|
|
<h6><strong>Payment Details</strong></h6>
|
|
|
|
|
<button disabled class=" border border-success border-2 text-sm btn-outline-success">PAID</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-between p-2">
|
|
|
|
|
<div class="fw-bold">Gross Amount</div>
|
2024-04-23 09:34:12 +08:00
|
|
|
<div>₱ ${gross_price}</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="d-flex justify-content-between p-2" style="border-bottom: 1px solid #000;">
|
|
|
|
|
<div class="fw-bold"> Fees <span data-bs-toggle="tooltip" data-bs-placement="top"
|
|
|
|
|
data-bs-custom-class="custom-tooltip"
|
|
|
|
|
data-bs-title="Insert fee information here"><i class="fi fi-rr-info"></i></span></div>
|
|
|
|
|
<div>- ₱ ${fee}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex justify-content-between p-2">
|
|
|
|
|
<div class="fw-bold"> Net Amount</div>
|
2024-04-23 09:34:12 +08:00
|
|
|
<div>₱ ${net_amount} </div>
|
2024-03-26 14:08:25 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="d-flex p-2">
|
|
|
|
|
<div class="fw-bold"> Payment Description </div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex pl-2">
|
|
|
|
|
${desc}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-4">
|
|
|
|
|
<div class="d-flex justify-content-between">
|
|
|
|
|
<div class="fw-bold">Payment Method</div>
|
|
|
|
|
<div class="text-end">${method}<br> Paid on ${date}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p class="py-2 text-success mt-3 border border-success rounded text-center" style="font-size: 0.975em"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
|
|
|
|
|
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
This payment is now on your bank account.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-4">
|
|
|
|
|
<div class="fw-bold">Billing Details</div>
|
|
|
|
|
<div >${name}</div>
|
|
|
|
|
<div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-at-fill" viewBox="0 0 16 16">
|
|
|
|
|
<path d="M2 2A2 2 0 0 0 .05 3.555L8 8.414l7.95-4.859A2 2 0 0 0 14 2zm-2 9.8V4.698l5.803 3.546zm6.761-2.97-6.57 4.026A2 2 0 0 0 2 14h6.256A4.5 4.5 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586zM16 9.671V4.697l-5.803 3.546.338.208A4.5 4.5 0 0 1 12.5 8c1.414 0 2.675.652 3.5 1.671"/>
|
|
|
|
|
<path d="M15.834 12.244c0 1.168-.577 2.025-1.587 2.025-.503 0-1.002-.228-1.12-.648h-.043c-.118.416-.543.643-1.015.643-.77 0-1.259-.542-1.259-1.434v-.529c0-.844.481-1.4 1.26-1.4.585 0 .87.333.953.63h.03v-.568h.905v2.19c0 .272.18.42.411.42.315 0 .639-.415.639-1.39v-.118c0-1.277-.95-2.326-2.484-2.326h-.04c-1.582 0-2.64 1.067-2.64 2.724v.157c0 1.867 1.237 2.654 2.57 2.654h.045c.507 0 .935-.07 1.18-.18v.731c-.219.1-.643.175-1.237.175h-.044C10.438 16 9 14.82 9 12.646v-.214C9 10.36 10.421 9 12.485 9h.035c2.12 0 3.314 1.43 3.314 3.034zm-4.04.21v.227c0 .586.227.8.581.8.31 0 .564-.17.564-.743v-.367c0-.516-.275-.708-.572-.708-.346 0-.573.245-.573.791"/>
|
|
|
|
|
</svg>
|
|
|
|
|
${email}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
|
|
|
|
|
<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
${phone}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-03-21 17:20:34 +08:00
|
|
|
</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
`;
|
|
|
|
|
}else{
|
|
|
|
|
var orderDetailsHtml = `
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
|
|
|
|
<div class="col-4 ">
|
|
|
|
|
<div class="d-flex justify-content-between p-2">
|
|
|
|
|
<h6><strong>Payment Details</strong></h6>
|
|
|
|
|
<button disabled class=" border border-success border-2 text-sm btn-outline-success">PAID</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-between p-2">
|
|
|
|
|
<div class="fw-bold">Gross Amount</div>
|
|
|
|
|
<div>₱ ${net_amount}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex justify-content-between p-2" style="border-bottom: 1px solid #000;">
|
2024-03-26 14:57:36 +08:00
|
|
|
<div class="fw-bold"> Fees </div>
|
2024-03-26 14:08:25 +08:00
|
|
|
<div>- ₱ ${fee}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex justify-content-between p-2">
|
|
|
|
|
<div class="fw-bold"> Net Amount</div>
|
2024-04-23 09:34:12 +08:00
|
|
|
<div>₱ ${net_amount} </div>
|
2024-03-26 14:08:25 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="d-flex p-2">
|
|
|
|
|
<div class="fw-bold"> Payment Description </div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex pl-2">
|
|
|
|
|
${desc}
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-03-21 17:20:34 +08:00
|
|
|
|
|
|
|
|
</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
<div class="col-4">
|
|
|
|
|
<div class="d-flex justify-content-between">
|
|
|
|
|
<div class="fw-bold">Payment Method</div>
|
|
|
|
|
<div class="text-end">${method}<br> Paid on ${date}</div>
|
|
|
|
|
</div>
|
2024-03-21 17:20:34 +08:00
|
|
|
</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
<div class="col-4">
|
|
|
|
|
<div class="fw-bold">Billing Details</div>
|
|
|
|
|
<div >${name}</div>
|
|
|
|
|
<div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-at-fill" viewBox="0 0 16 16">
|
|
|
|
|
<path d="M2 2A2 2 0 0 0 .05 3.555L8 8.414l7.95-4.859A2 2 0 0 0 14 2zm-2 9.8V4.698l5.803 3.546zm6.761-2.97-6.57 4.026A2 2 0 0 0 2 14h6.256A4.5 4.5 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586zM16 9.671V4.697l-5.803 3.546.338.208A4.5 4.5 0 0 1 12.5 8c1.414 0 2.675.652 3.5 1.671"/>
|
|
|
|
|
<path d="M15.834 12.244c0 1.168-.577 2.025-1.587 2.025-.503 0-1.002-.228-1.12-.648h-.043c-.118.416-.543.643-1.015.643-.77 0-1.259-.542-1.259-1.434v-.529c0-.844.481-1.4 1.26-1.4.585 0 .87.333.953.63h.03v-.568h.905v2.19c0 .272.18.42.411.42.315 0 .639-.415.639-1.39v-.118c0-1.277-.95-2.326-2.484-2.326h-.04c-1.582 0-2.64 1.067-2.64 2.724v.157c0 1.867 1.237 2.654 2.57 2.654h.045c.507 0 .935-.07 1.18-.18v.731c-.219.1-.643.175-1.237.175h-.044C10.438 16 9 14.82 9 12.646v-.214C9 10.36 10.421 9 12.485 9h.035c2.12 0 3.314 1.43 3.314 3.034zm-4.04.21v.227c0 .586.227.8.581.8.31 0 .564-.17.564-.743v-.367c0-.516-.275-.708-.572-.708-.346 0-.573.245-.573.791"/>
|
|
|
|
|
</svg>
|
|
|
|
|
${email}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
|
|
|
|
|
<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
|
|
|
|
|
</svg>
|
|
|
|
|
${phone}
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-03-21 17:20:34 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-03-26 14:08:25 +08:00
|
|
|
`;
|
|
|
|
|
}
|
|
|
|
|
$('#orderDetailsContainer').html(orderDetailsHtml);
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2024-03-21 17:20:34 +08:00
|
|
|
<!-- Footer Start -->
|
|
|
|
|
<?php include "footer.php" ?>
|
|
|
|
|
|
|
|
|
|
<!-- Footer Area End -->
|
|
|
|
|
|
|
|
|
|
<!-- Footer navigation panel for responsive display -->
|
|
|
|
|
<div class="ec-nav-toolbar">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="ec-nav-panel">
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
<a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
<a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i class="fi-rr-shopping-bag"></i><span class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
<a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
<a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span class="ec-cart-noti">4</span></a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
<a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Cart Floating Button -->
|
|
|
|
|
<div class="ec-cart-float">
|
|
|
|
|
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
|
|
|
|
<div class="header-icon"><i class="fi-rr-shopping-basket"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="ec-cart-count cart-count-lable">3</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Cart Floating Button end -->
|
|
|
|
|
|
|
|
|
|
<!-- Whatsapp -->
|
|
|
|
|
<div class="ec-style ec-right-bottom">
|
|
|
|
|
<!-- Start Floating Panel Container -->
|
|
|
|
|
<div class="ec-panel">
|
|
|
|
|
<!-- Panel Header -->
|
|
|
|
|
<div class="ec-header">
|
|
|
|
|
<strong>Need Help?</strong>
|
|
|
|
|
<p>Chat with us on WhatsApp</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Panel Content -->
|
|
|
|
|
<div class="ec-body">
|
|
|
|
|
<ul>
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
<li>
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
<div class="ec-img-cont">
|
|
|
|
|
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
|
|
|
|
|
<span class="ec-status-icon"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
<span>Sahar Darya</span>
|
|
|
|
|
<p>Sahar left 7 mins ago</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
<li>
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
<div class="ec-img-cont">
|
|
|
|
|
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
|
|
|
|
|
<span class="ec-status-icon ec-online"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
<span>Yolduz Rafi</span>
|
|
|
|
|
<p>Yolduz is online</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
<li>
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
<div class="ec-img-cont">
|
|
|
|
|
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
|
|
|
|
|
<span class="ec-status-icon ec-offline"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
<span>Nargis Hawa</span>
|
|
|
|
|
<p>Nargis left 30 mins ago</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
<li>
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
<div class="ec-img-cont">
|
|
|
|
|
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
|
|
|
|
|
<span class="ec-status-icon ec-offline"></span>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
<span>Khadija Mehr</span>
|
|
|
|
|
<p>Khadija left 50 mins ago</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--/ End Floating Panel Container -->
|
|
|
|
|
<!-- Start Right Floating Button-->
|
|
|
|
|
<div class="ec-right-bottom">
|
|
|
|
|
<div class="ec-box">
|
|
|
|
|
<div class="ec-button rotateBackward">
|
|
|
|
|
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--/ End Right Floating Button-->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Whatsapp end -->
|
|
|
|
|
|
|
|
|
|
<!-- Feature tools -->
|
|
|
|
|
<div class="ec-tools-sidebar-overlay"></div>
|
|
|
|
|
<div class="ec-tools-sidebar">
|
|
|
|
|
<div class="tool-title">
|
|
|
|
|
<h3>Features</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="#" class="ec-tools-sidebar-toggle in-out">
|
|
|
|
|
<img alt="icon" src="assets/images/common/settings.png" />
|
|
|
|
|
</a>
|
|
|
|
|
<div class="ec-tools-detail">
|
|
|
|
|
<div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
|
|
|
|
|
<h3>Color Scheme</h3>
|
|
|
|
|
<ul class="bg-panel">
|
|
|
|
|
<li class="active" data-color="01"><a href="#" class="colorcode1"></a></li>
|
|
|
|
|
<li data-color="02"><a href="#" class="colorcode2"></a></li>
|
|
|
|
|
<li data-color="03"><a href="#" class="colorcode3"></a></li>
|
|
|
|
|
<li data-color="04"><a href="#" class="colorcode4"></a></li>
|
|
|
|
|
<li data-color="05"><a href="#" class="colorcode5"></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
<h3>Backgrounds</h3>
|
|
|
|
|
<ul class="bg-panel">
|
|
|
|
|
<li class="bg"><a class="back-bg-1" id="bg-1">Background-1</a></li>
|
|
|
|
|
<li class="bg"><a class="back-bg-2" id="bg-2">Background-2</a></li>
|
|
|
|
|
<li class="bg"><a class="back-bg-3" id="bg-3">Background-3</a></li>
|
|
|
|
|
<li class="bg"><a class="back-bg-4" id="bg-4">Default</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
<h3>Full Screen mode</h3>
|
|
|
|
|
<div class="ec-fullscreen-mode">
|
|
|
|
|
<div class="ec-fullscreen-switch">
|
|
|
|
|
<div class="ec-fullscreen-btn">Mode</div>
|
|
|
|
|
<div class="ec-fullscreen-on">On</div>
|
|
|
|
|
<div class="ec-fullscreen-off">Off</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
<h3>Dark mode</h3>
|
|
|
|
|
<div class="ec-change-mode">
|
|
|
|
|
<div class="ec-mode-switch">
|
|
|
|
|
<div class="ec-mode-btn">Mode</div>
|
|
|
|
|
<div class="ec-mode-on">On</div>
|
|
|
|
|
<div class="ec-mode-off">Off</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
<h3>RTL mode</h3>
|
|
|
|
|
<div class="ec-change-rtl">
|
|
|
|
|
<div class="ec-rtl-switch">
|
|
|
|
|
<div class="ec-rtl-btn">Rtl</div>
|
|
|
|
|
<div class="ec-rtl-on">On</div>
|
|
|
|
|
<div class="ec-rtl-off">Off</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
<h3>Clear local storage</h3>
|
|
|
|
|
<a class="clear-cach" href="javascript:void(0)">Clear Cache & Default</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- Feature tools end -->
|
|
|
|
|
|
|
|
|
|
<!-- Vendor JS -->
|
|
|
|
|
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
|
|
|
|
<script src="assets/js/vendor/popper.min.js"></script>
|
|
|
|
|
<script src="assets/js/vendor/bootstrap.min.js"></script>
|
|
|
|
|
<script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
|
|
|
|
|
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
|
2024-03-26 14:08:25 +08:00
|
|
|
|
|
|
|
|
|
2024-03-21 17:20:34 +08:00
|
|
|
|
|
|
|
|
<!--Plugins JS-->
|
|
|
|
|
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/countdownTimer.min.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/scrollup.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/slick.min.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/infiniteslidev2.js"></script>
|
|
|
|
|
<script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
|
|
|
|
|
<script src="assets/js/plugins/nouislider.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
|
|
|
|
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
|
|
|
|
|
</script>
|
|
|
|
|
<!-- Main Js -->
|
|
|
|
|
<script src="assets/js/vendor/index.js"></script>
|
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
