| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/billingsystem/dashboard_bk/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Customer Detail</title>
<!-- css -->
<?php include 'inc/headlinks.php'; ?>
<?php include 'inc/link-js.php'; ?>
<!-- End layout styles -->
</head>
<body>
<div class="container-scroller">
<!-- partial:partials/_sidebar.html -->
<?php include 'inc/sidebar.php'; ?>
<!-- partial -->
<div class="container-fluid page-body-wrapper">
<!-- partial:partials/_navbar.html -->
<?php include 'inc/navbar.php'; ?>
<!-- partial -->
<div class="main-panel">
<!-- breadcrumb -->
<div class="page-title-box d-flex align-items-center justify-content-between">
<ol class="breadcrumb m-0 p-0">
<li class="breadcrumb-item"><a href="customer.php">Customer</a></li>
<li class="breadcrumb-item active">Customer Detail</li>
</ol>
<div class="page-title-right">
<div class="splitBtn pl-3 mb-md-0">
<button type="button" class="btn btn-indigo dropdown-toggle px-3 shadow_green" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-3">Action</span> <span class="sr-only"> Toggle Dropdown</span>
</button>
<div class="dropdown-menu dropdown-menu-right small">
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#addNew"><i class="mdi mdi-plus-circle"></i> Add Customer</a>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#Edit"><i class="mdi mdi-table-edit"></i> Edit Customer</a>
</div>
</div>
</div>
</div>
<!-- breadcrumb end -->
<div class="content-wrapper pb-0">
<!-- alert Message -->
<?php include 'inc/alertmessage.php'; ?>
<!-- alert Message END-->
<div class="row">
<div class="col-md-8 col-xl-9">
<div class="boxShadow whiteBg mb-4">
<div class="row w-100">
<div class="col-6 col-lg-3 small">
<span class="bold"> Created At :</span><br> 30 Jan 2020 05:50:00
</div>
<div class="col-6 col-lg-3 small">
<span class="bold"> Created By :</span><br> May Chan
</div>
<div class="col-6 col-lg-3 small">
<span class="bold"> Last Update At :</span><br> 30 Jan 2020 05:50:00
</div>
<div class="col-6 col-lg-3 small">
<span class="bold"> Last Update By :</span><br> May Chan
</div>
</div>
</div>
<!-- Invoice collapse -->
<div class="boxShadow whiteBg mb-4">
<button type="button" class="collapseTitle noborder w-100 mb-0" data-toggle="collapse" href="#invoicesAwaitingTB" role="button" aria-expanded="ture" aria-controls="invoicesAwaitingTB">
<div class="mb-4 d-flex align-items-center justify-content-between">
<div class="mb-0 bold mr-4 text-left">
<p class="mb-0">2 invoices awaiting payment</p>
<a href="#" class="small">View all invoice
</a>
</div>
<p class="mb-0 text-right">Invoce Amount <span class="h3">634.54</span>
<br><span class="small text-danger">OVERDUE 317.27</span>
</p>
</div>
</button>
<div class="table-responsive collapse show" id="invoicesAwaitingTB">
<table class="table custom-table small text-dark">
<thead>
<tr>
<th>PDF</th>
<th>INV#</th>
<th>DATE</th>
<th>DUE DATE</th>
<th class="text-right">TOTAL</th>
<th class="text-right">AMOUNT DUE
</th>
<th>STATUS</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right"> $634.54 </td>
<td class="text-right">
$634.54
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Invoice collapse END -->
<!-- quote collapse -->
<div class="boxShadow whiteBg mb-4">
<button type="button" class="collapseTitle noborder w-100 mb-0" data-toggle="collapse" href="#quoteOutstandingTB" role="button" aria-expanded="ture" aria-controls="quoteOutstandingTB">
<p class="mb-4 text-left">1 quote outstanding<br>
<a href="#" class="small">view all quotation
</a>
</p>
</button>
<div class="table-responsive collapse show" id="quoteOutstandingTB">
<table class="table custom-table small text-dark">
<thead>
<tr>
<th>PDF</th>
<th>QUOTE#</th>
<th>DATE</th>
<th class="text-right">TOTAL</th>
<th>STATUS</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>QU-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td class="text-right">1000.00</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- quote collapse END -->
<!-- Chart and Table -->
<div class="boxShadow whiteBg mb-4">
<h4 class="card-title mb-3">Money in over last 12 months
</h4>
<canvas id="lineChart" style="height: 250px;" class="mb-4"></canvas>
<div class="table-responsive collapse show">
<table class="table custom-table small text-dark">
<thead>
<tr>
<th>PDF</th>
<th>INV#</th>
<th>DATE</th>
<th>DUE DATE</th>
<th class="text-right">TOTAL</th>
<th class="text-right">AMOUNT DUE
</th>
<th>STATUS
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
<tr>
<td>
<a href="#" class="h1 enText"><i class="mdi mdi-file-pdf"> </i>
</a>
</td>
<td>INV-202102020-001
</td>
<td>6 Feb, 2022
</td>
<td>28 Feb, 2022 </td>
<td class="text-right">$1000.00 </td>
<td class="text-right">
$500.00
</td>
<td>
<div class="badge badge-info"> New
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Chart and Table END-->
</div>
<div class="col-md-4 col-xl-3">
<!-- customer Detail-->
<?php include 'component/company.php'; ?>
<!-- customer Detail END-->
</div>
</div>
<!-- partial:partials/_footer.html -->
<?php include 'inc/footer.php'; ?>
<!-- partial -->
</div>
<!-- content-wrapper ends -->
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
</div>
<!-- Modal Customer-->
<?php include 'component/edit_customer.php'; ?>
<!-- Modal Customer-->
<?php include 'component/add_customer.php'; ?>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="../assets/vendors/chart.js/Chart.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="../assets/js/off-canvas.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/hoverable-collapse.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/misc.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/settings.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/todolist.js?<?= rand(1, 10000) / 7; ?>"></script>
<!-- endinject -->
<!-- Custom js for this page -->
<script src="../assets/js/chart.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/datatables/buttons/1.1.2/js/dataTables.buttons.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/datatables/select/1.1.2/js/dataTables.select.min.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/bootstrap-datetimepicker.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/jsgrid.js?<?= rand(1, 10000) / 7; ?>"></script>
<script>
$(document).on("click", ".navbar-toggler", function() {
$('body').toggleClass("sidebar-icon-only");
});
$(document).on('click', '.stauteBtn', function() {
if ($(this).text() === "Active") {
$(".alertMessage").fadeIn();
$(".alertMessage .alert").text("Your STATUS update to Inactive");
setTimeout(function() {
$(".alertMessage").fadeOut();
}, 2000);
$(this).text('Inactive').toggleClass("btn-secondary");
$(this).removeClass('btn-success');
} else {
$(".alertMessage").fadeIn();
$(".alertMessage .alert").text("Your STATUS update to Active");
setTimeout(function() {
$(".alertMessage").fadeOut();
}, 2000);
$(this).text('Active').toggleClass("btn-success");
$(this).removeClass('btn-secondary');
}
});
$(function() {
//sidebar active
$('.nav .nav-item:nth-child(2)').addClass('active');
$('.nav .nav-item .collapse .nav-item').removeClass('active');
});
</script>
</body>
</html>