added payout table and modal
This commit is contained in:
parent
54a1bf6306
commit
b8ac7f827d
|
|
@ -24,6 +24,17 @@ if ($_SESSION["userId"] <> "") {
|
|||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<script type="text/javascript" class="init">
|
||||
$(document).ready(function() {
|
||||
$('#example').DataTable({
|
||||
// dom: 'Bfrtip',
|
||||
// buttons: [
|
||||
// 'csv'
|
||||
// ],
|
||||
responsive: true
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
|
|
@ -141,61 +152,114 @@ if ($_SESSION["userId"] <> "") {
|
|||
<div class="ec-vendor-card-body">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4 ">
|
||||
<div class="col-md-4 mb-5">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title"><strong>Upcoming Payout</strong></h6>
|
||||
<h5 class="panel-title"><strong>Upcoming Payout</strong></h5>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Panel content
|
||||
<div class="panel-body ">
|
||||
<div class="row">
|
||||
<h4 style="color: #444;">
|
||||
<div class="d-flex align-items-center">
|
||||
<strong>
|
||||
₱ 0.00
|
||||
</strong>
|
||||
</div>
|
||||
</h4>
|
||||
<div class="text-sm mt-3">
|
||||
Payout Generation: Tue, Mar 19, 2024
|
||||
</div>
|
||||
<div class="text-sm">
|
||||
Receive Payout on or before: Wed, Mar 20, 2024
|
||||
</div>
|
||||
<div class="text-sm">
|
||||
Receipient: Philippine National Bank (PNB) Account ending in 6685
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<div class="col-md-4 mb-5">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title"><strong>Payout Generation Schedule</strong></h6>
|
||||
<h5 class="panel-title"><strong>Payout Generation Schedule</strong></h5>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Panel content
|
||||
<div class="panel-body ">
|
||||
<div class="row">
|
||||
<h4 style="color: #444;">
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="fi-rs-calendar mt-1 mr-3 "></i>
|
||||
<strong>
|
||||
Weekly
|
||||
</strong>
|
||||
</div>
|
||||
</h4>
|
||||
<div class="mt-3">
|
||||
<h6>
|
||||
<strong class="text-primary ">Every Tuesday</strong>
|
||||
</h6>
|
||||
</div>
|
||||
<div class="text-sm">
|
||||
Payouts that will fall on holiday will be processed the next banking day
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<div class="col-md-4 mb-5">
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h6 class="panel-title"><strong>Next Payout</strong></h6>
|
||||
<h5 class="panel-title"><strong>Next Payout</strong></h5>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Panel content
|
||||
<div class="panel-body ">
|
||||
<div class="row">
|
||||
<h4 style="color: #444;">
|
||||
<div class="d-flex align-items-center">
|
||||
<strong>
|
||||
₱ 0.00
|
||||
</strong>
|
||||
</div>
|
||||
</h4>
|
||||
<div class="text-sm mt-3">
|
||||
Payout Generation: Tue, Mar 25, 2024
|
||||
</div>
|
||||
<div class="text-sm">
|
||||
Receive Payout on or before: Wed, Mar 26, 2024
|
||||
</div>
|
||||
<div class="text-sm">
|
||||
Receipient: Philippine National Bank (PNB) Account ending in 6685
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cold-md-12 mt-5">
|
||||
<h6><strong>Payout History</strong></h6>
|
||||
<table class="table ec-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Amount</th>
|
||||
<th scope="col">Bank</th>
|
||||
<th scope="col">Account Number</th>
|
||||
<th scope="col">Payout Generation</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Action</th>
|
||||
<div class="col-md-12 mt-3">
|
||||
<h5><strong>Payout History</strong></h5>
|
||||
<div class="table-responsive">
|
||||
<table id="example" class="table ec-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Amount</th>
|
||||
<th scope="col">Bank</th>
|
||||
<th scope="col">Account Number</th>
|
||||
<th scope="col">Payout Generation</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Action</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<td> PHP 1,165.65 </td>
|
||||
<td> EastWest Bank </td>
|
||||
<td> ****6618 </td>
|
||||
<td> December 08, 2023 </td>
|
||||
<td> Deposited </td>
|
||||
<td>
|
||||
<a class="btn btn-lg btn-primary">Details</a>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<td> ₱ 1,165.65 </td>
|
||||
<td> EastWest Bank </td>
|
||||
<td> ****6618 </td>
|
||||
<td> December 08, 2023 </td>
|
||||
<td> Deposited </td>
|
||||
<td>
|
||||
<a class="btn btn-lg btn-primary" data-bs-toggle="modal" data-bs-target="#payoutModal">Details</a>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -204,6 +268,59 @@ if ($_SESSION["userId"] <> "") {
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="payoutModal" tabindex="-1" aria-labelledby="payoutModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="payoutModalLabel">Payout ID: po_123433djfddWW35</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h6><strong>Payout Information</strong></h6>
|
||||
</div>
|
||||
<div clas="col-md-12">
|
||||
<h6><strong>Bank Information</strong></h6>
|
||||
</div>
|
||||
<div clas="col-md-12">
|
||||
<h6><strong>Transaction Logs</strong></h6>
|
||||
<div class="table-responsive wrap">
|
||||
<table id="example" class="table ec-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Type</th>
|
||||
<th scope="col">Transaction Date</th>
|
||||
<th scope="col">Gross Amount</th>
|
||||
<th scope="col">Fee</th>
|
||||
<th scope="col">Net Amount</th>
|
||||
<th scope="col">Description</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<td> Payment </td>
|
||||
<td> December 1, 2020, 10:00 PM </td>
|
||||
<td> ₱ 150.OO </td>
|
||||
<td> - ₱ 5.00 </td>
|
||||
<td> ₱ 145.00 </td>
|
||||
<td> FOURFORTY - 175 </td>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Vendor setting section -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ $current_page = basename($_SERVER['PHP_SELF']);
|
|||
<li <?php if ($current_page == 'vendor-uploads.php') echo 'class="active"'; ?>><a onclick="addProduct();" id="vendor-uploads-link">Uploads</a></li>
|
||||
<li <?php if ($current_page == 'vendor-settings.php') echo 'class="active"'; ?>><a href="vendor-settings.php" id="vendor-settings-link">Settings (edit)</a></li>
|
||||
<li <?php if ($current_page == 'vendor-refund-history.php') echo 'class="active"'; ?>><a href="vendor-refund-history.php" id="vendor-refund-history-link">Vendor Refund History</a></li>
|
||||
<li <?php if ($current_page == 'vendor-payouts.php') echo 'class="active"'; ?>><a href="vendor-payouts.php" id="vendor-refund-history-link">Payouts</a></li>
|
||||
<li <?php if ($current_page == 'vendor-payouts.php') echo 'class="active"'; ?>><a href="vendor-payouts.php" id="vendor-refund-history-link">My Payouts</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue