2024-02-12 10:35:09 +08:00
|
|
|
<?php
|
|
|
|
|
include "../functions.php";
|
2024-02-15 20:42:37 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
if(isset($_SESSION["vendorId"])){
|
2024-03-25 18:03:49 +08:00
|
|
|
if(isset($_GET["id"])){
|
|
|
|
|
$_SESSION["vendorId"]=$_GET["id"];
|
|
|
|
|
}
|
2024-02-12 10:35:09 +08:00
|
|
|
} else {
|
2024-03-25 18:03:49 +08:00
|
|
|
if(isset($_GET["id"])){
|
|
|
|
|
$_SESSION["vendorId"]=$_GET["id"];
|
|
|
|
|
} else {
|
|
|
|
|
header("location: vendor-card.php");
|
|
|
|
|
}
|
2024-02-12 10:35:09 +08:00
|
|
|
}
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
$_SESSION["url"] = $_SERVER['REQUEST_URI'];
|
2024-03-25 18:03:49 +08:00
|
|
|
|
|
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
if ($_SESSION["userId"] <> "") {
|
|
|
|
|
$_SESSION["isLoggedIn"] = true;
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
} else {
|
|
|
|
|
$_SESSION["isLoggedIn"] = false;
|
2024-03-25 18:03:49 +08:00
|
|
|
header("location: login.php");
|
2024-02-12 10:35:09 +08:00
|
|
|
}
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
if($_SESSION["user_type"]!="admin"){
|
2024-03-25 18:03:49 +08:00
|
|
|
header("location: login.php?alert=Only admins allowed here!");
|
2024-02-12 10:35:09 +08:00
|
|
|
}
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
$vendor = getVendorbyId($_SESSION["vendorId"]);
|
|
|
|
|
$array = json_decode($vendor,true);
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-03-21 09:04:09 +08:00
|
|
|
$selectedBankAccount = null;
|
|
|
|
|
foreach ($array['bank_acount_details'] as $bankAccount) {
|
|
|
|
|
if ($bankAccount['bank_payout']) {
|
|
|
|
|
$selectedBankAccount = $bankAccount;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if ($selectedBankAccount === null && !empty($array['bank_acount_details'])) {
|
|
|
|
|
$selectedBankAccount = $array['bank_acount_details'][0];
|
|
|
|
|
}
|
|
|
|
|
$selectedBankAccountJSON = json_encode($selectedBankAccount);
|
|
|
|
|
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-03-21 09:04:09 +08:00
|
|
|
$shopOrders = getOrderbyVendorId($_SESSION["vendorId"]);
|
|
|
|
|
$vendorOrderss = json_decode($shopOrders);
|
|
|
|
|
if (is_array($vendorOrderss)) {
|
|
|
|
|
$vendorOrders = json_decode($shopOrders);
|
|
|
|
|
} elseif (is_object($vendorOrderss) && property_exists($vendorOrderss, 'message')) {
|
|
|
|
|
$vendorOrders = [];
|
|
|
|
|
} else {
|
|
|
|
|
echo "Unknown type or no 'message' property found.";
|
|
|
|
|
}
|
2024-03-25 18:03:49 +08:00
|
|
|
|
|
|
|
|
$allPayouts = getAllPayout($_SESSION["token"]);
|
|
|
|
|
$vendorPayouts = json_decode($allPayouts,true);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$filteredPayouts = [];
|
|
|
|
|
foreach ($vendorPayouts as $payout) {
|
|
|
|
|
if ($payout['vendor_details'][0]['vendor_id'] == $_SESSION["vendorId"]) {
|
|
|
|
|
$filteredPayouts[] = $payout;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2024-04-30 08:22:40 +08:00
|
|
|
// if (isset($_SESSION["token"])) {
|
|
|
|
|
// $token = $_SESSION["token"];
|
|
|
|
|
// $token_parts = explode(".", $token);
|
|
|
|
|
// $token_payload = base64_decode($token_parts[1]);
|
|
|
|
|
// $token_data = json_decode($token_payload);
|
|
|
|
|
|
|
|
|
|
// $issued_at_time = $token_data->iat;
|
|
|
|
|
// $expiration_time = $token_data->exp;
|
|
|
|
|
// $renewal_time = $issued_at_time + 200;
|
|
|
|
|
|
|
|
|
|
// // if (time() >= $renewal_time || time() >= $expiration_time) {
|
|
|
|
|
// // header("Location: token-renew.php");
|
|
|
|
|
// // exit;
|
|
|
|
|
// // }
|
|
|
|
|
// }
|
2024-03-25 18:03:49 +08:00
|
|
|
// $token = loginRenew($_SESSION["email"], $_SESSION["password"], $token);
|
|
|
|
|
// $_SESSION["token"] = $token;
|
|
|
|
|
|
2024-04-19 08:53:13 +08:00
|
|
|
date_default_timezone_set('Asia/Manila');
|
2024-02-12 10:35:09 +08:00
|
|
|
?>
|
2024-03-25 18:03:49 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en" dir="ltr">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<meta name="description" content="oBanana B2B - Admin Dashboard">
|
|
|
|
|
|
|
|
|
|
<title>oBanana B2B - Admin Dashboard</title>
|
|
|
|
|
|
|
|
|
|
<!-- GOOGLE FONTS -->
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<link href="https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css" rel="stylesheet" />
|
|
|
|
|
|
|
|
|
|
<!-- PLUGINS CSS STYLE -->
|
|
|
|
|
<link href="assets/plugins/simplebar/simplebar.css" rel="stylesheet" />
|
|
|
|
|
<link href='assets/plugins/daterangepicker/daterangepicker.css' rel='stylesheet'>
|
|
|
|
|
|
|
|
|
|
<!-- Ekka CSS -->
|
|
|
|
|
<link id="ekka-css" rel="stylesheet" href="assets/css/ekka.css" />
|
|
|
|
|
|
|
|
|
|
<!-- FAVICON -->
|
|
|
|
|
<link href="assets/img/favicon.png" rel="shortcut icon" />
|
|
|
|
|
|
2024-04-23 09:38:06 +08:00
|
|
|
<!-- <script>
|
2024-04-16 10:04:25 +08:00
|
|
|
function renewToken() {
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
xhr.open("GET", "token-renew.php", true);
|
|
|
|
|
xhr.send();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
setInterval(function() {
|
2024-04-30 08:22:40 +08:00
|
|
|
var currentTime = <?php // echo time(); ?>;
|
|
|
|
|
var renewalTime = <?php // echo $renewal_time; ?>;
|
|
|
|
|
var expirationTime = <?php // echo $expiration_time; ?>;
|
2024-04-23 09:38:06 +08:00
|
|
|
if (currentTime >= renewalTime || currentTime >= expirationTime) {
|
|
|
|
|
renewToken();
|
|
|
|
|
}
|
|
|
|
|
}, 60000);
|
|
|
|
|
</script> -->
|
|
|
|
|
<script>
|
2024-04-30 08:22:40 +08:00
|
|
|
|
|
|
|
|
var token_parts = "<?php echo $_SESSION["token"]; ?>".split(".");
|
|
|
|
|
console.log("Token Payload: " + token_parts[1]);
|
|
|
|
|
var token_payload = atob(token_parts[1]);
|
|
|
|
|
var token_data = JSON.parse(token_payload);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var issued_at_time = token_data.iat;
|
|
|
|
|
var expiration_time = token_data.exp;
|
|
|
|
|
var renewal_time = issued_at_time + 200;
|
|
|
|
|
console.log("Issued At Time: " + new Date(issued_at_time * 1000).toLocaleString());
|
|
|
|
|
console.log("Expiration Time: " + new Date(expiration_time * 1000).toLocaleString());
|
|
|
|
|
console.log("Renewal Time: " + new Date(renewal_time * 1000).toLocaleString());
|
|
|
|
|
function renewToken() {
|
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
|
xhr.open("GET", "token-renew.php", true);
|
|
|
|
|
xhr.onreadystatechange = function () {
|
|
|
|
|
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
|
|
|
|
|
var newToken = xhr.responseText;
|
|
|
|
|
token_parts = newToken.split(".");
|
|
|
|
|
token_payload = atob(token_parts[1]);
|
|
|
|
|
token_data = JSON.parse(token_payload);
|
|
|
|
|
issued_at_time = token_data.iat
|
|
|
|
|
renewal_time = issued_at_time + 200
|
|
|
|
|
expiration_time = token_data.exp;
|
|
|
|
|
|
|
|
|
|
console.log("New Token: " + token_parts)
|
|
|
|
|
console.log("Token renewed at: " + new Date().toLocaleString());
|
|
|
|
|
console.log("New expiration time: " + new Date(expiration_time * 1000).toLocaleString());
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
xhr.send();
|
|
|
|
|
}
|
|
|
|
|
|
2024-04-16 10:04:25 +08:00
|
|
|
|
2024-04-23 09:38:06 +08:00
|
|
|
setInterval(function() {
|
2024-04-30 08:22:40 +08:00
|
|
|
var currentTime = Date.now() / 1000;
|
|
|
|
|
var renewalTime = renewal_time;
|
|
|
|
|
var expirationTime = expiration_time;
|
2024-04-23 09:38:06 +08:00
|
|
|
console.log("Current Time: " + new Date(currentTime * 1000).toLocaleString());
|
|
|
|
|
console.log("Renewal Time: " + new Date(renewalTime * 1000).toLocaleString());
|
|
|
|
|
console.log("Expiration Time: " + new Date(expirationTime * 1000).toLocaleString());
|
2024-04-16 10:04:25 +08:00
|
|
|
if (currentTime >= renewalTime || currentTime >= expirationTime) {
|
2024-04-23 09:38:06 +08:00
|
|
|
console.log("Renewing token...");
|
2024-04-16 10:04:25 +08:00
|
|
|
renewToken();
|
|
|
|
|
}
|
|
|
|
|
}, 60000);
|
|
|
|
|
</script>
|
2024-04-23 09:38:06 +08:00
|
|
|
|
2024-02-12 10:35:09 +08:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body class="ec-header-fixed ec-sidebar-fixed ec-sidebar-dark ec-header-light" id="body">
|
|
|
|
|
|
|
|
|
|
<!-- WRAPPER -->
|
|
|
|
|
<div class="wrapper">
|
|
|
|
|
|
|
|
|
|
<!-- LEFT MAIN SIDEBAR -->
|
|
|
|
|
<?php include 'left-main-sidebar.php' ?>
|
|
|
|
|
|
|
|
|
|
<!-- PAGE WRAPPER -->
|
|
|
|
|
<div class="ec-page-wrapper">
|
|
|
|
|
|
|
|
|
|
<!-- Header -->
|
2024-03-20 13:54:50 +08:00
|
|
|
<?php include 'header.php' ?>
|
2024-02-12 10:35:09 +08:00
|
|
|
|
|
|
|
|
<!-- CONTENT WRAPPER -->
|
|
|
|
|
<div class="ec-content-wrapper">
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="breadcrumb-wrapper breadcrumb-contacts">
|
|
|
|
|
<div>
|
|
|
|
|
<h1><?php echo $array["first_name"]; ?></h1>
|
|
|
|
|
<p class="breadcrumbs"><span><a href="index.php">Home</a></span><span><i class="mdi mdi-chevron-right"></i></span><span><a href="vendor-card.php">Vendors</a></span>
|
|
|
|
|
<span><i class="mdi mdi-chevron-right"></i></span>Profile
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a href="vendor-product-grid.php" class="btn btn-primary">Products</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card bg-white profile-content ec-vendor-profile">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-4 col-xl-3">
|
|
|
|
|
<div class="profile-content-left profile-left-spacing">
|
|
|
|
|
<div class="ec-disp">
|
|
|
|
|
<div class="text-center widget-profile px-0 border-0">
|
|
|
|
|
<div class="card-img mx-auto rounded-circle">
|
2024-04-23 11:17:55 +08:00
|
|
|
<img loading="lazy" src="<?php
|
2024-02-12 10:35:09 +08:00
|
|
|
if($array["vendor_image"]!=""){
|
|
|
|
|
echo $array["vendor_image"];
|
|
|
|
|
} else {
|
|
|
|
|
echo "assets/img/vendor/u1.jpg";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
?>" alt="user image" class="img-fluid rounded-circle" alt="Avatar Image" style="width: 100px; height: 100px; object-fit: cover; border-radius: 50%;">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<h4 class="py-2 text-dark"><?php echo $array["first_name"]; ?></h4>
|
|
|
|
|
<p><?php echo $array["user_email"]; ?></p>
|
|
|
|
|
<a class="btn btn-primary my-3" href="#">Follow</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-between ">
|
|
|
|
|
<div class="text-center pb-4">
|
|
|
|
|
<h6 class="text-dark pb-2">1703</h6>
|
|
|
|
|
<p>Friends</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="text-center pb-4">
|
|
|
|
|
<h6 class="text-dark pb-2">3005</h6>
|
|
|
|
|
<p>Followers</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="text-center pb-4">
|
|
|
|
|
<h6 class="text-dark pb-2">1150</h6>
|
|
|
|
|
<p>Following</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<hr class="w-100">
|
|
|
|
|
|
|
|
|
|
<div class="contact-info pt-4">
|
|
|
|
|
<h5 class="text-dark">Contact Information</h5>
|
2024-03-25 18:03:49 +08:00
|
|
|
<?php
|
|
|
|
|
//echo date('Y-m-d H:i:s', $issued_at_time) . "<br>";
|
|
|
|
|
//echo date('Y-m-d H:i:s', $expiration_time) . "<br>";
|
|
|
|
|
//echo date('Y-m-d H:i:s', $renewal_time) . "<br>";
|
|
|
|
|
//echo date('Y-m-d H:i:s', time()) . "<br>";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
<?php echo $_SESSION["token"] ?><br>
|
2024-04-23 09:38:06 +08:00
|
|
|
<?php $real_time = date('Y-m-d H:i:s', $expiration_time); echo $real_time?>
|
2024-03-25 18:03:49 +08:00
|
|
|
<?php // echo $_SESSION["email"] ?> <br>
|
|
|
|
|
<?php // echo "Updated token: " . $token; ?>
|
|
|
|
|
<?php // echo $_SESSION["password"] ?>
|
2024-02-12 10:35:09 +08:00
|
|
|
<p class="text-dark font-weight-medium pt-24px mb-2">Email address</p>
|
|
|
|
|
<p><?php echo $array["user_email"]; ?></p>
|
|
|
|
|
<p class="text-dark font-weight-medium pt-24px mb-2">Phone Number</p>
|
|
|
|
|
<p>+00 1234 5678 91</p>
|
|
|
|
|
<p class="text-dark font-weight-medium pt-24px mb-2">Birthday</p>
|
|
|
|
|
<p>Dec 10, 1991</p>
|
|
|
|
|
<p class="text-dark font-weight-medium pt-24px mb-2">Social Profile</p>
|
|
|
|
|
<p class="social-button">
|
|
|
|
|
<a href="#" class="mb-1 btn btn-outline btn-twitter rounded-circle">
|
|
|
|
|
<i class="mdi mdi-twitter"></i>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="mb-1 btn btn-outline btn-linkedin rounded-circle">
|
|
|
|
|
<i class="mdi mdi-linkedin"></i>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="mb-1 btn btn-outline btn-facebook rounded-circle">
|
|
|
|
|
<i class="mdi mdi-facebook"></i>
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" class="mb-1 btn btn-outline btn-skype rounded-circle">
|
|
|
|
|
<i class="mdi mdi-skype"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-lg-8 col-xl-9">
|
|
|
|
|
<div class="profile-content-right profile-right-spacing py-5">
|
|
|
|
|
<ul class="nav nav-tabs px-3 px-xl-5 nav-style-border" id="myProfileTab" role="tablist">
|
|
|
|
|
<li class="nav-item" role="presentation">
|
2024-03-20 08:12:40 +08:00
|
|
|
<button class="nav-link active" id="payments-tab" data-bs-toggle="tab"
|
|
|
|
|
data-bs-target="#payments" type="button" role="tab"
|
|
|
|
|
aria-controls="payments" aria-selected="true">Payments</button>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
|
<button class="nav-link" id="payouts-tab" data-bs-toggle="tab"
|
|
|
|
|
data-bs-target="#payouts" type="button" role="tab"
|
|
|
|
|
aria-controls="payouts" aria-selected="true">Payouts</button>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
|
<button class="nav-link" id="profile-tab" data-bs-toggle="tab"
|
2024-02-12 10:35:09 +08:00
|
|
|
data-bs-target="#profile" type="button" role="tab"
|
|
|
|
|
aria-controls="profile" aria-selected="true">Profile</button>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="nav-item" role="presentation">
|
|
|
|
|
<button class="nav-link" id="settings-tab" data-bs-toggle="tab"
|
|
|
|
|
data-bs-target="#settings" type="button" role="tab"
|
|
|
|
|
aria-controls="settings" aria-selected="false">Settings</button>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="tab-content px-3 px-xl-5" id="myTabContent">
|
|
|
|
|
|
2024-03-20 08:12:40 +08:00
|
|
|
<div class="tab-pane fade show active" id="payments" role="tabpanel"
|
|
|
|
|
aria-labelledby="payments-tab">
|
|
|
|
|
<div class="tab-widget mt-5">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<!-- Recent Order Table -->
|
|
|
|
|
<div class="card card-default card-table-border-none ec-tbl"
|
|
|
|
|
id="recent-orders">
|
|
|
|
|
<div class="card-header justify-content-between">
|
|
|
|
|
<h2>Payments</h2>
|
|
|
|
|
|
|
|
|
|
<div class="date-range-report">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card-body pt-0 pb-0 table-responsive">
|
2024-04-19 08:53:13 +08:00
|
|
|
<table id='paymentsTable'class="table">
|
2024-03-20 08:12:40 +08:00
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th><input type="checkbox"></th>
|
|
|
|
|
<th>Method</th>
|
|
|
|
|
<th>Amount</th>
|
|
|
|
|
<th>Status</th>
|
|
|
|
|
<th>Payout</th>
|
|
|
|
|
<th>Description</th>
|
|
|
|
|
<th>Date</th>
|
|
|
|
|
<th></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
2024-03-22 14:18:39 +08:00
|
|
|
<?php
|
|
|
|
|
$totalOrders = count($vendorOrders);
|
|
|
|
|
for ($i = 0; $i < $totalOrders; $i++) {
|
|
|
|
|
$order = $vendorOrders[$i];
|
|
|
|
|
$orderArray = json_encode($order, true);
|
|
|
|
|
$orderItems = json_decode($orderArray, true);
|
|
|
|
|
|
2024-05-08 14:20:14 +08:00
|
|
|
if (strtoupper($orderItems['payment']['status']) === 'PAID') {
|
2024-03-22 14:18:39 +08:00
|
|
|
foreach ($orderItems['items'] as $item) {
|
2024-04-19 08:53:13 +08:00
|
|
|
$displayDate = date('m-d-Y, g:i A', strtotime($orderItems['updatedAt']));
|
2024-03-22 14:18:39 +08:00
|
|
|
$isPayoutCompleted = !empty($orderItems['payout_status']);
|
|
|
|
|
?>
|
|
|
|
|
<tr>
|
|
|
|
|
<td><input type="checkbox" <?php echo $isPayoutCompleted ? 'disabled' : ''; ?>></td>
|
|
|
|
|
<td><?php echo $orderItems['payment_method']; ?></td>
|
2024-04-19 08:53:13 +08:00
|
|
|
<td><?php echo $orderItems['total_amount']; ?></td>
|
2024-03-22 14:18:39 +08:00
|
|
|
<td>
|
|
|
|
|
<span class="badge badge-success"><?php echo $orderItems['payment']['status']; ?></span>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span class="badge badge-warning"><?php echo $isPayoutCompleted ? 'Yes' : 'No'; ?></span>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a class="text-dark" href=""><?php echo $item['product']['name']; ?></a>
|
|
|
|
|
</td>
|
2024-04-19 08:53:13 +08:00
|
|
|
<td><?php echo $displayDate; ?></td>
|
2024-03-22 14:18:39 +08:00
|
|
|
<td hidden><?php echo $orderItems['_id']; ?></td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini" href="" role="button" id="dropdown-recent-order1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static"></a>
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-recent-order1">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Details</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<?php
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
?>
|
|
|
|
|
</tbody>
|
|
|
|
|
|
2024-03-20 08:12:40 +08:00
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-03-21 09:04:09 +08:00
|
|
|
<div class="d-flex justify-content-end mt-5">
|
|
|
|
|
<button type="button" class="btn btn-primary mb-2 btn-pill" onclick="createPayout()">Create Payout from Selected</button>
|
|
|
|
|
</div>
|
2024-03-20 08:12:40 +08:00
|
|
|
</div>
|
2024-03-21 09:04:09 +08:00
|
|
|
<script>
|
2024-03-22 14:18:39 +08:00
|
|
|
function createPayout() {
|
|
|
|
|
var rows = document.querySelectorAll("#recent-orders tbody tr");
|
|
|
|
|
var selectedBank = JSON.parse('<?php echo $selectedBankAccountJSON; ?>');
|
|
|
|
|
var selectedOrders = [];
|
|
|
|
|
var grossAmount = 0;
|
|
|
|
|
var totalIndividualFee = 0;
|
|
|
|
|
var feesDeductionAdjustment = <?php echo $_SESSION["transfer_fee"] ?>;
|
|
|
|
|
var feesPercentage = (feesDeductionAdjustment * 100) + '%';
|
|
|
|
|
const token = '<?php echo $_SESSION["token"] ?>';
|
|
|
|
|
const vendorId = '<?php echo ($array['_id']); ?>';
|
|
|
|
|
const vendorName = '<?php echo ($array['user_login']); ?>';
|
|
|
|
|
rows.forEach(function(row) {
|
|
|
|
|
var checkbox = row.querySelector("input[type=checkbox]");
|
|
|
|
|
if (checkbox && checkbox.checked) {
|
|
|
|
|
var amount = parseFloat(row.cells[2].innerText);
|
|
|
|
|
var orderId = row.cells[7].innerText;
|
|
|
|
|
grossAmount += amount;
|
|
|
|
|
var individualFee = amount * <?php echo $_SESSION["transfer_fee"] ?>;
|
|
|
|
|
totalIndividualFee += individualFee;
|
|
|
|
|
// feesDeductionAdjustment += individualFee;
|
|
|
|
|
var breakdownItem = {
|
|
|
|
|
Type: "Payment",
|
2024-03-25 18:03:49 +08:00
|
|
|
Transaction_date: row.cells[6].innerText,
|
|
|
|
|
Gross_Amount: amount,
|
2024-03-22 14:18:39 +08:00
|
|
|
Fee: individualFee,
|
2024-03-25 18:03:49 +08:00
|
|
|
Net_Amount: amount - individualFee,
|
2024-03-22 14:18:39 +08:00
|
|
|
Description: row.cells[5].querySelector("a").innerText,
|
|
|
|
|
orderId: orderId
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
selectedOrders.push(breakdownItem);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
var netAmount = grossAmount - (grossAmount * feesDeductionAdjustment);
|
|
|
|
|
|
|
|
|
|
var fees_breakdown = {
|
|
|
|
|
transfer_fee: totalIndividualFee, };
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var postData = {
|
|
|
|
|
gross_amount: grossAmount.toFixed(2),
|
|
|
|
|
fees_deduction_adjustment: feesPercentage,
|
|
|
|
|
net_amount: netAmount.toFixed(2),
|
|
|
|
|
breakdown: fees_breakdown,
|
|
|
|
|
bank_information: [
|
|
|
|
|
selectedBank
|
|
|
|
|
],
|
|
|
|
|
transaction_logs: selectedOrders,
|
|
|
|
|
vendor_details: [
|
|
|
|
|
{ vendor_id: vendorId,
|
|
|
|
|
vendor_name: vendorName}
|
|
|
|
|
],
|
|
|
|
|
status: "PENDING",
|
|
|
|
|
created_by: "Sample User",
|
|
|
|
|
};
|
|
|
|
|
|
2024-04-08 18:13:47 +08:00
|
|
|
fetch('https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/payouts/', {
|
2024-03-22 14:18:39 +08:00
|
|
|
method: 'POST',
|
|
|
|
|
headers: {
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
"Authorization": "Bearer " + token,
|
|
|
|
|
},
|
|
|
|
|
body: JSON.stringify(postData)
|
|
|
|
|
})
|
|
|
|
|
.then(response => {
|
|
|
|
|
if (response.ok) {
|
|
|
|
|
return response.json();
|
|
|
|
|
} else {
|
|
|
|
|
throw new Error('Failed to create payout');
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.then(data => {
|
2024-03-21 09:04:09 +08:00
|
|
|
console.log('Payout created successfully');
|
2024-03-22 14:18:39 +08:00
|
|
|
selectedOrders.forEach(order => {
|
|
|
|
|
var orderId = order.orderId;
|
2024-04-08 18:13:47 +08:00
|
|
|
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/orders/${orderId}`, {
|
2024-03-22 14:18:39 +08:00
|
|
|
method: 'PATCH',
|
|
|
|
|
headers: {
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
"Authorization": "Bearer " + token,
|
|
|
|
|
},
|
|
|
|
|
body: JSON.stringify({
|
|
|
|
|
payout_status: {
|
|
|
|
|
payout_id: data._id,
|
|
|
|
|
status: "Processing"
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
.then(response => {
|
|
|
|
|
// if (!response.ok) {
|
|
|
|
|
// console.error(`Failed to update payout status for order ${orderId}`);
|
|
|
|
|
// }
|
|
|
|
|
if (!response.ok) {
|
|
|
|
|
console.error(`Failed to update payout status for order ${orderId}`);
|
|
|
|
|
} else {
|
|
|
|
|
location.reload();
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
|
|
|
|
console.error(`Error updating payout status for order ${orderId}:`, error);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
|
|
|
|
console.error('Error:', error);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2024-03-20 08:12:40 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="payouts" role="tabpanel"
|
|
|
|
|
aria-labelledby="payouts-tab">
|
|
|
|
|
<div class="tab-widget mt-5">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<!-- Recent Order Table -->
|
|
|
|
|
<div class="card card-default card-table-border-none ec-tbl"
|
|
|
|
|
id="recent-orders">
|
|
|
|
|
<div class="card-header justify-content-between">
|
|
|
|
|
<h2>Payouts</h2>
|
|
|
|
|
|
|
|
|
|
<div class="date-range-report">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card-body pt-0 pb-0 table-responsive">
|
|
|
|
|
<table class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Amount</th>
|
|
|
|
|
<th>Bank</th>
|
|
|
|
|
<th>Account</th>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
<th>Date</th>
|
|
|
|
|
<th>Status</th>
|
|
|
|
|
<th></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
2024-03-25 18:03:49 +08:00
|
|
|
<?php
|
|
|
|
|
$totalPayoutOrders = count($filteredPayouts);
|
|
|
|
|
for ($i = 0; $i < $totalPayoutOrders; $i++) {
|
|
|
|
|
$order_payouts = $filteredPayouts[$i];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
?>
|
2024-03-20 08:12:40 +08:00
|
|
|
<tr>
|
2024-03-25 18:03:49 +08:00
|
|
|
<td><?php echo $order_payouts['gross_amount']?></td>
|
|
|
|
|
<td><?php echo $order_payouts['bank_information'][0]['bank_name']?></td>
|
|
|
|
|
<td><?php echo $order_payouts['bank_information'][0]['bank_account_number']?></td>
|
|
|
|
|
<td><?php echo $order_payouts['bank_information'][0]['bank_account_name']?></td>
|
|
|
|
|
<td><?php echo date('F j Y', strtotime($order_payouts['createdAt'])); ?></td>
|
2024-03-20 08:12:40 +08:00
|
|
|
<td>
|
2024-03-25 18:03:49 +08:00
|
|
|
<span class="badge badge-success"><?php echo $order_payouts['status']?></span>
|
2024-03-20 08:12:40 +08:00
|
|
|
</td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="" role="button"
|
|
|
|
|
id="dropdown-recent-order1"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-recent-order1">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Details</a>
|
|
|
|
|
</li>
|
2024-03-25 18:03:49 +08:00
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="payout_deposit_action.php?payout_id=<?php echo urlencode($order_payouts['_id']); ?>">Deposit</a>
|
|
|
|
|
</li>
|
2024-03-20 08:12:40 +08:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
2024-03-25 18:03:49 +08:00
|
|
|
<?php } ?>
|
2024-03-20 08:12:40 +08:00
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="profile" role="tabpanel"
|
2024-02-12 10:35:09 +08:00
|
|
|
aria-labelledby="profile-tab">
|
|
|
|
|
<div class="tab-widget mt-5">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xl-4">
|
|
|
|
|
<div class="media widget-media p-3 bg-white border">
|
|
|
|
|
<div class="icon rounded-circle mr-3 bg-primary">
|
|
|
|
|
<i class="mdi mdi-account-outline text-white "></i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="media-body align-self-center">
|
|
|
|
|
<h4 class="text-primary mb-2">5300</h4>
|
|
|
|
|
<p>New Users</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-xl-4">
|
|
|
|
|
<div class="media widget-media p-3 bg-white border">
|
|
|
|
|
<div class="icon rounded-circle bg-warning mr-3">
|
|
|
|
|
<i class="mdi mdi-cart-outline text-white "></i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="media-body align-self-center">
|
|
|
|
|
<h4 class="text-primary mb-2">1953</h4>
|
|
|
|
|
<p>Order Placed</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-xl-4">
|
|
|
|
|
<div class="media widget-media p-3 bg-white border">
|
|
|
|
|
<div class="icon rounded-circle mr-3 bg-success">
|
|
|
|
|
<i class="mdi mdi-diamond-stone text-white "></i>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="media-body align-self-center">
|
|
|
|
|
<h4 class="text-primary mb-2">1450</h4>
|
|
|
|
|
<p>Total Sales</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xl-12">
|
|
|
|
|
|
|
|
|
|
<!-- Notification Table -->
|
2024-03-25 18:03:49 +08:00
|
|
|
<!-- <div class="card card-default mb-24px">
|
2024-02-12 10:35:09 +08:00
|
|
|
<div class="card-header justify-content-between mb-1">
|
|
|
|
|
<h2>Latest Notifications</h2>
|
|
|
|
|
<div>
|
|
|
|
|
<button class="text-black-50 mr-2 font-size-20"><i
|
|
|
|
|
class="mdi mdi-cached"></i></button>
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="#" role="button"
|
|
|
|
|
id="dropdown-notification"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true" aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-notification">
|
|
|
|
|
<li class="dropdown-item"><a
|
|
|
|
|
href="#">Action</a></li>
|
|
|
|
|
<li class="dropdown-item"><a
|
|
|
|
|
href="#">Another action</a></li>
|
|
|
|
|
<li class="dropdown-item"><a
|
|
|
|
|
href="#">Something else here</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-body compact-notifications" data-simplebar
|
|
|
|
|
style="height: 434px;">
|
|
|
|
|
<div
|
|
|
|
|
class="media pb-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-primary text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-cart-outline font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3 ">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="#">New Order</a>
|
|
|
|
|
<p>Selena has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 10
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="media py-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-success text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-email-outline font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="#">New Enquiry</a>
|
|
|
|
|
<p>Phileine has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 9
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="media py-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-warning text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-stack-exchange font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="#">Support Ticket</a>
|
|
|
|
|
<p>Emma has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 10
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="media py-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-primary text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-cart-outline font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="#">New order</a>
|
|
|
|
|
<p>Ryan has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 10
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="media py-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-info text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-calendar-blank font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="">Comapny Meetup</a>
|
|
|
|
|
<p>Phileine has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 10
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="media py-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-warning text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-stack-exchange font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="#">Support Ticket</a>
|
|
|
|
|
<p>Emma has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 10
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="media py-3 align-items-center justify-content-between">
|
|
|
|
|
<div
|
|
|
|
|
class="d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-success text-white">
|
|
|
|
|
<i
|
|
|
|
|
class="mdi mdi-email-outline font-size-20"></i>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="media-body pr-3">
|
|
|
|
|
<a class="mt-0 mb-1 font-size-15 text-dark"
|
|
|
|
|
href="#">New Enquiry</a>
|
|
|
|
|
<p>Phileine has placed an new order</p>
|
|
|
|
|
</div>
|
|
|
|
|
<span class=" font-size-12 d-inline-block"><i
|
|
|
|
|
class="mdi mdi-clock-outline"></i> 9
|
|
|
|
|
AM</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mt-3"></div>
|
2024-03-25 18:03:49 +08:00
|
|
|
</div> -->
|
2024-02-12 10:35:09 +08:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<!-- Recent Order Table -->
|
|
|
|
|
<div class="card card-default card-table-border-none ec-tbl"
|
|
|
|
|
id="recent-orders">
|
|
|
|
|
<div class="card-header justify-content-between">
|
|
|
|
|
<h2>Recent Orders</h2>
|
|
|
|
|
|
|
|
|
|
<div class="date-range-report">
|
|
|
|
|
<span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card-body pt-0 pb-0 table-responsive">
|
|
|
|
|
<table class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Order_ID</th>
|
|
|
|
|
<th>Product_Name</th>
|
|
|
|
|
<th>Units</th>
|
|
|
|
|
<th>Order_Date</th>
|
|
|
|
|
<th>Order_Cost</th>
|
|
|
|
|
<th>Status</th>
|
|
|
|
|
<th></th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>24541</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a class="text-dark" href=""> Coach
|
|
|
|
|
Swagger</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>1 Unit</td>
|
|
|
|
|
<td>Oct 20, 2018</td>
|
|
|
|
|
<td>$230</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span
|
|
|
|
|
class="badge badge-success">Completed</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="" role="button"
|
|
|
|
|
id="dropdown-recent-order1"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-recent-order1">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">View</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Remove</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>24541</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a class="text-dark" href=""> Toddler
|
|
|
|
|
Shoes, Gucci Watch</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>2 Units</td>
|
|
|
|
|
<td>Nov 15, 2018</td>
|
|
|
|
|
<td>$550</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span
|
|
|
|
|
class="badge badge-warning">Delayed</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="#" role="button"
|
|
|
|
|
id="dropdown-recent-order2"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-recent-order2">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">View</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Remove</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>24541</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a class="text-dark" href=""> Hat Black
|
|
|
|
|
Suits</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>1 Unit</td>
|
|
|
|
|
<td>Nov 18, 2018</td>
|
|
|
|
|
<td>$325</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span class="badge badge-warning">On
|
|
|
|
|
Hold</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="#" role="button"
|
|
|
|
|
id="dropdown-recent-order3"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-recent-order3">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">View</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Remove</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>24541</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a class="text-dark" href=""> Backpack
|
|
|
|
|
Gents, Swimming Cap Slin</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>5 Units</td>
|
|
|
|
|
<td>Dec 13, 2018</td>
|
|
|
|
|
<td>$200</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span
|
|
|
|
|
class="badge badge-success">Completed</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="#" role="button"
|
|
|
|
|
id="dropdown-recent-order4"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-recent-order4">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">View</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Remove</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td>24541</td>
|
|
|
|
|
<td>
|
|
|
|
|
<a class="text-dark" href=""> Speed 500
|
|
|
|
|
Ignite</a>
|
|
|
|
|
</td>
|
|
|
|
|
<td>1 Unit</td>
|
|
|
|
|
<td>Dec 23, 2018</td>
|
|
|
|
|
<td>$150</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span
|
|
|
|
|
class="badge badge-danger">Cancelled</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="text-right">
|
|
|
|
|
<div
|
|
|
|
|
class="dropdown show d-inline-block widget-dropdown">
|
|
|
|
|
<a class="dropdown-toggle icon-burger-mini"
|
|
|
|
|
href="#" role="button"
|
|
|
|
|
id="dropdown-recent-order5"
|
|
|
|
|
data-bs-toggle="dropdown"
|
|
|
|
|
aria-haspopup="true"
|
|
|
|
|
aria-expanded="false"
|
|
|
|
|
data-display="static"></a>
|
|
|
|
|
<ul class="dropdown-menu dropdown-menu-right"
|
|
|
|
|
aria-labelledby="dropdown-recent-order5">
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">View</a>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="dropdown-item">
|
|
|
|
|
<a href="#">Remove</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-03-25 18:03:49 +08:00
|
|
|
<div class="col-12">
|
|
|
|
|
<!-- Bank Details -->
|
|
|
|
|
|
|
|
|
|
<!-- Bank Details -->
|
|
|
|
|
|
|
|
|
|
</div>
|
2024-02-12 10:35:09 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="tab-pane fade" id="settings" role="tabpanel"
|
|
|
|
|
aria-labelledby="settings-tab">
|
|
|
|
|
<div class="tab-pane-content mt-5">
|
2024-03-25 18:03:49 +08:00
|
|
|
|
|
|
|
|
<table style="width:100%; border-collapse: collapse;">
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="border: 1px solid #dddddd; background-color: #f7f7f7; padding: 8px; font-weight: 700;">Bank Name</td>
|
|
|
|
|
<td style="border: 1px solid #dddddd; padding: 8px;font-weight: 500;"><?php echo $selectedBankAccount['bank_name'] ?></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="border: 1px solid #dddddd; background-color: #f7f7f7; padding: 8px;font-weight: 700;">Account Number</td>
|
|
|
|
|
<td style="border: 1px solid #dddddd; padding: 8px;font-weight: 500;"><?php echo $selectedBankAccount["bank_account_number"] ?></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td style="border: 1px solid #dddddd; background-color: #f7f7f7; padding: 8px;font-weight: 700;">Account Name</td>
|
|
|
|
|
<td style="border: 1px solid #dddddd; padding: 8px;font-weight: 500;"><?php echo $selectedBankAccount["bank_account_name"] ?></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<!-- <form>
|
2024-02-12 10:35:09 +08:00
|
|
|
<div class="form-group row mb-6">
|
|
|
|
|
<label for="coverImage"
|
|
|
|
|
class="col-sm-4 col-lg-2 col-form-label">User Image</label>
|
|
|
|
|
<div class="col-sm-8 col-lg-10">
|
|
|
|
|
<div class="custom-file mb-1">
|
|
|
|
|
<input type="file" class="custom-file-input"
|
|
|
|
|
id="coverImage" required>
|
|
|
|
|
<label class="custom-file-label" for="coverImage">Choose
|
|
|
|
|
file...</label>
|
|
|
|
|
<div class="invalid-feedback">Example invalid custom
|
|
|
|
|
file feedback</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row mb-2">
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="firstName">First name</label>
|
|
|
|
|
<input type="text" class="form-control" id="firstName"
|
|
|
|
|
value="First name">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-lg-6">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<label for="lastName">Last name</label>
|
|
|
|
|
<input type="text" class="form-control" id="lastName"
|
|
|
|
|
value="Last name">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group mb-4">
|
|
|
|
|
<label for="userName">User name</label>
|
|
|
|
|
<input type="text" class="form-control" id="userName"
|
|
|
|
|
value="User name">
|
|
|
|
|
<span class="d-block mt-1">Accusamus nobis at omnis consequuntur
|
|
|
|
|
culpa tempore saepe animi.</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group mb-4">
|
|
|
|
|
<label for="email">Email</label>
|
|
|
|
|
<input type="email" class="form-control" id="email"
|
|
|
|
|
value="ekka.example@gmail.com">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group mb-4">
|
|
|
|
|
<label for="oldPassword">Old password</label>
|
|
|
|
|
<input type="password" class="form-control" id="oldPassword">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group mb-4">
|
|
|
|
|
<label for="newPassword">New password</label>
|
|
|
|
|
<input type="password" class="form-control" id="newPassword">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="form-group mb-4">
|
|
|
|
|
<label for="conPassword">Confirm password</label>
|
|
|
|
|
<input type="password" class="form-control" id="conPassword">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="d-flex justify-content-end mt-5">
|
|
|
|
|
<button type="submit"
|
|
|
|
|
class="btn btn-primary mb-2 btn-pill">Update
|
|
|
|
|
Profile</button>
|
|
|
|
|
</div>
|
2024-03-25 18:03:49 +08:00
|
|
|
</form> -->
|
2024-02-12 10:35:09 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> <!-- End Content -->
|
|
|
|
|
</div> <!-- End Content Wrapper -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Footer -->
|
|
|
|
|
<footer class="footer mt-auto">
|
|
|
|
|
<div class="copyright bg-white">
|
|
|
|
|
<p>
|
|
|
|
|
Copyright © <span id="ec-year"></span><a class="text-primary"
|
|
|
|
|
href="https://themeforest.net/user/ashishmaraviya" target="_blank"> Ekka Admin
|
|
|
|
|
Dashboard</a>. All Rights Reserved.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
</div> <!-- End Page Wrapper -->
|
|
|
|
|
|
|
|
|
|
</div> <!-- End Wrapper -->
|
|
|
|
|
|
|
|
|
|
<!-- Common Javascript -->
|
|
|
|
|
<script src="assets/plugins/jquery/jquery-3.5.1.min.js"></script>
|
|
|
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
<script src="assets/plugins/simplebar/simplebar.min.js"></script>
|
|
|
|
|
<script src="assets/plugins/jquery-zoom/jquery.zoom.min.js"></script>
|
|
|
|
|
<script src="assets/plugins/slick/slick.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- Date Range Picker -->
|
|
|
|
|
<script src='assets/plugins/daterangepicker/moment.min.js'></script>
|
|
|
|
|
<script src='assets/plugins/daterangepicker/daterangepicker.js'></script>
|
|
|
|
|
<script src='assets/js/date-range.js'></script>
|
|
|
|
|
|
|
|
|
|
<!-- Option Switcher -->
|
|
|
|
|
<script src="assets/plugins/options-sidebar/optionswitcher.js"></script>
|
|
|
|
|
|
|
|
|
|
<!-- Ekka Custom -->
|
|
|
|
|
<script src="assets/js/ekka.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
