| 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/ |
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>Invoice 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="invoice.php">Invoice</a></li>
<li class="breadcrumb-item active">Invoice Detail</li>
</ol>
<div class="page-title-right">
<div class="splitBtn mb-md-0 mb-3">
<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="#addNewInvoice"> <i class="mdi mdi-plus-circle"></i>
Add Invoice</a>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#Edit"><i class="mdi mdi-table-edit"></i>
Edit</a>
<a class="dropdown-item" href="#"><i class="mdi mdi-content-copy"></i>
Copy</a>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#delete"><i class="mdi mdi-delete-variant"></i>
Void</a>
<a class="dropdown-item" href="credit_note_edit.php"><i class="mdi mdi-note-plus-outline"></i>
Add
Credit Note</a>
<a class="dropdown-item" href="#"><i class="mdi mdi-sync"></i> Add
recurrent
</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">
<!-- Invoice Action Row -->
<div class="boxShadow whiteBg mb-4 ">
<div class="d-flex justify-content-between">
<div class="w-100">
<p class="mb-2 bold h3">Invoice: <span class="nowrap">INV-220428-001</span></p>
<p class="mb-2 mr-4">Quotation#: <span class="bold h4">Q102039</span>
</p>
<p class="mb-0"><span class="bold">Status:</span> <label class="badge badge-success mb-0">Paid</label>
</p>
</div>
<div class="text-right w-100">
<button type="button" class="btn btn-blue shadow_lightblue mb-2" data-toggle="modal" data-target="#email"><i class="mdi mdi-email-outline small"></i> Email</button>
<button type="button" class="btn btn-pruple shadow_pruple mb-2"><i class="mdi mdi-printer small"></i> Print</button>
</div>
</div>
<!-- <div class="row">
<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 Action Row END -->
<!-- Invoice Box Row -->
<ul class="row p-0 ">
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-yellow whiteFont shadow_orange">
<i class="mdi mdi-credit-card-multiple"></i>
</div>
<div class="box-body">
<p class="textellipsis mb-0 small">Service Type:</p>
<p class="h3">CNY</p>
</div>
</div>
</li>
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-blue whiteFont shadow_blue">
<i class="mdi mdi-calendar"></i>
</div>
<div class="box-body">
<p class="textellipsis mb-0 small">Date:</p>
<p class="h3">30 Jan 2020</p>
</div>
</div>
</li>
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-red whiteFont shadow_red">
<i class="mdi mdi-calendar-check"></i>
</div>
<div class="box-body">
<p class="textellipsis mb-0 small">Due Date:</p>
<p class="h3">30 Jan 2020</p>
</div>
</div>
</li>
<li class="col-xl-3 col-6 stretch-card grid-margin">
<div class="boxShadow mt-4 summaryItem whiteBg">
<div class="iconBox bg-gr-lightblue whiteFont shadow_lightblue">
<i class="mdi mdi-earth"></i>
</div>
<div class="box-body">
<p class="textellipsis mb-0 small">Currency:</p>
<p class="h3">HKD</p>
</div>
</div>
</li>
</ul>
<!-- Invoice Box Row END-->
<div class="boxShadow whiteBg mb-4 d-flex">
<p class="mb-0 d-flex "><span class="text-muted nowrap mr-2">Payment terms:</span> <span>C.O.D</span>
</p>
</div>
<!-- Data Table -->
<div class="boxShadow whiteBg mb-4">
<div class="table-responsive">
<div class="table-responsive">
<table class="table previewTB">
<thead>
<tr>
<th>Item Code</th>
<th>Description</th>
<th class="text-right">Quantity</th>
<th class="text-right">Cost</th>
<th class="text-right">Unit Price</th>
<th class="text-right">Disc %</th>
<th class="text-right">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>VPS-393</td>
<td>Item B Desc. line 1 <br>line2<br>line3</td>
<td class="text-right">$10.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$0.00</td>
<td class="text-right">$50.00</td>
</tr>
<tr>
<td>VPS-393</td>
<td>Item B Desc. line 1 <br>line2<br>line3</td>
<td class="text-right">$10.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$0.00</td>
<td class="text-right">$50.00</td>
</tr>
<tr>
<td>VPS-393</td>
<td>Item B Desc. line 1 <br>line2<br>line3</td>
<td class="text-right">$10.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$0.00</td>
<td class="text-right">$50.00</td>
</tr>
<tr>
<td>VPS-393</td>
<td>Item B Desc. line 1 <br>line2<br>line3</td>
<td class="text-right">$10.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$5.00</td>
<td class="text-right">$0.00</td>
<td class="text-right">$50.00</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<div class="d-flex justify-content-between">
<p class="small">Subtotal</p>
<p class="text-secondary">$10,000.00 </p>
</div>
<div class="d-flex justify-content-between">
<p class="small">Order discount
</p>
<p class="text-secondary">$10,000.00 </p>
</div>
<div class="d-flex justify-content-between double_border_bottom mb-4">
<p class="h1">Total </p>
<p class="h1">$10,000.00 </p>
</div>
<p class="mb-0 small text-muted">Terms and Conditions:</P>
<p class="mb-4">something that you say, giving your opinion about something or
stating a fact:</p>
<p class="mb-0 small text-muted">Remark:</P>
<p class="mb-4">something that you say, giving your opinion about something or
stating a fact:</p>
</div>
<!-- Data Table -->
</div>
<div class="col-md-4 col-xl-3">
<!-- customer Detail -->
<?php include 'component/company_quto.php'; ?>
<!-- customer Detail END-->
</div>
</div>
<!-- content-wrapper ends -->
<!-- partial:partials/_footer.html -->
<?php include 'inc/footer.php'; ?>
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- Modal email-->
<?php include 'component/email.php'; ?>
<!-- Modal Delete-->
<?php include 'component/delete.php'; ?>
<?php include 'component/add_customer.php'; ?>
<?php include 'component/add_invoice.php'; ?>
<?php include 'component/edit_invoice.php'; ?>
<script type="text/javascript" src="../assets/js/moment.js?<?= rand(1, 10000) / 7; ?>"></script>
<script type="text/javascript" src="../assets/js/daterangepicker.min.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-datepicker.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/jsgrid.js?<?= rand(1, 10000) / 7; ?>"></script>
<script src="../assets/js/dataTables.checkboxes.js?<?= rand(1, 10000) / 7; ?>"></script>
<script>
$(function() {
//sidebar active
$('.nav .nav-item:nth-child(5)').addClass('active');
$('.nav .nav-item .collapse .nav-item').removeClass('active');
$(document).on("click", ".addnewcustomerBtn", function() {
$(".modal").modal("hide");
setTimeout(function() {
$("#addNewCustomer").modal({
refresh: true
});
}, 500);
});
//customer Search
ajaxSearchDetail();
function ajaxSearchDetail() {
$.ajax({
url: "../assets/json/mainsearch.json",
type: "get",
data: {},
contentType: "application/json; charset=utf-8",
dataType: "json",
cache: false,
success: function(data) {
var recent = data.recentSearch;
$('.mainSearchInput').wrap(`<div class="mainSearchWrap">`);
$(`<div class="mainSearchDetail noborder shadow"><ul class="mainSearchGroup"></ul><button type="button" class="small sbtn btn-inverse-primary btn-fw mt-2 addnewcustomerBtn" >Add New</button></div>`)
.appendTo(".mainSearchWrap");
$.each(recent, function(index, item) {
//$("<option >").append(item.eng_desc).appendTo("#loanPurpose");
$('<li class="mainSearchItems"><div class="mainSearchItem"><input class="form-check-input radioSearch" type="radio" name="mainSearch" value="' +
item.val + '" id="mainSearchItem' + item.id +
'"><label class="form-check-label fullWidth" for="mainSearchItem' +
item
.id + '">' + item.val +
'</label></div></li>'
).appendTo(".mainSearchGroup");
});
function checkMainSearch(val) {
$(".mainSearchItems").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(
val) >
-1)
console.log($(this).val);
});
};
$(".mainSearchInput").on("keyup change", function() {
let val = $(this).val().toLowerCase();
checkMainSearch(val);
});
},
error: function(xhr, status, errorThrown) {
console.log(errorThrown + "\n" + status + "\n" + xhr.statusTex);
},
});
};
$(document).on("click", "input[type='radio'][name='mainSearch']:checked", function() {
$(this).closest(".mainSearchWrap").find(".mainSearchInput").val($(
this)
.val());
$(this).closest(".mainSearchWrap").removeClass('active');
});
});
</script>
</body>
</html>