361 lines
22 KiB
Plaintext
361 lines
22 KiB
Plaintext
<body>
|
|
<div class="container-fluid">
|
|
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<div class="header-container">
|
|
<h2 style="display: flex; flex-direction: column; align-items: center;">PO Preparation</h2>
|
|
</div>
|
|
<br />
|
|
<table id="ForPOTable" class="row-border" cellspacing="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th>PRNo's</th>
|
|
<th>ItemNo's</th>
|
|
<th>ItemName's</th>
|
|
<th>ItemCategory</th>
|
|
<th>SupplierName</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- Modal Print ImportPO -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewPrintImportPO" tabindex="-1" aria-labelledby="POLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="display: flex; flex-direction: column; align-items: center;">
|
|
<h4 class="modal-title" id="POLabel">PURCHASE ORDER(IMPORT)</h4>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<div id="printableContent">
|
|
<div class="content">
|
|
<div class="row">
|
|
<div class="column">
|
|
<strong>PURCHASE CONTRACT</strong> <span id="purchaseContract"></span><br>
|
|
</div>
|
|
<div class="column">
|
|
<strong>NO:</strong> <span>
|
|
<label id="refDocNo"></label>
|
|
</span><br>
|
|
<strong>DATE:</strong> <span>
|
|
<label id="docDate"></label>
|
|
<input hidden id="p-docCode" />
|
|
<input hidden id="p-docNo" />
|
|
</span>
|
|
</div>
|
|
<div class="column">
|
|
<strong>P.I.S.SI.:</strong> <span id="refPISI"><label id="refPISI"></label></span><br>
|
|
<strong>DATE:</strong> <span id="pisiDate"> <label id="pisiDate"></label></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<strong>SUPPLIER:</strong> <br>
|
|
<span id="P-supplierName"><label id="P-supplierName"></label></span>
|
|
<br>
|
|
<span id="supplierAddress"><label id="supplierAddress"></label></span>
|
|
<br>
|
|
<span id="SupplierTelNo"><label id="supplierTelNo"></label></span>
|
|
<br>
|
|
<span id="SupplierFaxNo"><label id="supplierFaxNo"></label></span>
|
|
</div>
|
|
<div class="column">
|
|
<strong>INDENTOR:</strong> <span id="indentor"><label id="indentorName" /></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<strong>BUYER/CONSIGNEE:</strong> <br />
|
|
<span id="consigneeName"><label id="consigneeName" /></span><br />
|
|
<span id="consigneeAddress"><label id="consigneeAddress" /></span><br />
|
|
<span id="consigneeContPerson"><label id="consigneeContPerson" /></span><br />
|
|
<span id="consigneeTelNo"><label id="consigneeTelNo" /></span><br />
|
|
<span id="consigneeFaxNo"><label id="consigneeFaxNo" /></span><br />
|
|
<span id="consigneeEAddress"><label id="consigneeEAddress" /></span></>
|
|
</div>
|
|
<div class="column">
|
|
<strong>SHIPMENT INFORMATION:</strong>
|
|
<br>
|
|
<strong>DATE OF SHIPMENT:</strong> <span id="p-deliverOn"><label id="p-deliverOn" /></span>
|
|
<br>
|
|
<strong>INCOTERMS:</strong> <span id="incoterms"><label id="incoterms" /></span>
|
|
<br>
|
|
<strong>PORT OF DISCHARGE:</strong> <span id="portOfDisch"><label id="portOfDischarge" /></span>
|
|
<br>
|
|
<strong>PAYMENT TERMS:</strong> <span id="creditTermDesc"><label id="creditTermDesc" /></span>
|
|
<br>
|
|
<strong>DOCUMENTS REQUIRED:</strong> <span id="requiredDocs"><label id="requiredDocs" /></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<strong>QUALITY:</strong>
|
|
<br>
|
|
<span id="quality1"><label id="shipQuality" /></span><br>
|
|
<strong>SHIPPING MARKS:</strong>
|
|
<br>
|
|
<span id="shippingMarks1"><label id="shipMark" /></span><br>
|
|
<strong>PACKING:</strong> <br>
|
|
<span id="packing"></span>
|
|
<br>
|
|
<span><label id="packing" /></span><br>
|
|
</div>
|
|
</div>
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<table id="ImportPODataTable" class="table table-striped table-bordered" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>PR NO</th>
|
|
<th>ITEM CODE</th>
|
|
<th>DESCRIPTION</th>
|
|
<th>UOM</th>
|
|
<th>QUANTITY</th>
|
|
<th>UNIT PRICE</th>
|
|
<th>AMOUNT</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<strong>REMARKS:</strong> <span id="remarks"><label id="transRemarks" /></span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<strong>AMOUNT IN US DOLLAR: </strong> <span id="amountInUSD"><label id="P-ApAmount" /></span>
|
|
</div>
|
|
<div class="column" id="P-grossAmount-container">
|
|
<strong></strong> <span id="TotalValue2"><label id="P-grossAmount" /></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="content">
|
|
<div class="row">
|
|
<div class="column col-md-4 text-center">
|
|
<img id="requestedByImage" alt="requestedByImage" width="250" class="img-fluid" style="border-radius:5px; box-shadow:5px;">
|
|
<span id="requestedBy" style="text-decoration: underline; text-underline-position: under; display:block; margin-bottom:5px;"></span>
|
|
<strong>Request By:</strong>
|
|
</div>
|
|
<div class="column col-md-4 text-center">
|
|
<img id="preparedByImage" alt="preparedByImage" width="250" class="img-fluid" style="border-radius:5px; box-shadow:5px;">
|
|
<span id="preparedBy" style="text-decoration: underline; text-underline-position: under; display:block; margin-bottom:5px;">Ivy I. Gajasan</span>
|
|
<strong>Prepared By:</strong>
|
|
</div>
|
|
<div class="column col-md-4 text-center">
|
|
<img id="poApproverImportPOImage" alt="poApproverImportPOImage" width="250" class="img-fluid" style="border-radius:5px; box-shadow:5px;">
|
|
<span id="approvedBy" style="text-decoration: underline; text-underline-position: under; display:block; margin-bottom:5px;">ZENAIDA D. BALAJADIA</span>
|
|
<strong>Approved By:</strong>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- End of printableContent -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnPrintImportPO" onclick="printImportPO();" class="btn btn-warning">Print</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@* viewPOFormSIPO *@
|
|
<div class="modal fade custom-modal-backdrop" id="viewPOFormSIPO" tabindex="-1" aria-labelledby="POLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
<div id="printableSIPO">
|
|
<div class="content">
|
|
<div class="row">
|
|
<div class="col-md-4 text-left">
|
|
<img src="~/content/common/LLILogoEdited.png" id="logo" alt="logoImage" width="120" class="img-fluid">
|
|
<span id="fullAddress" class="address">10 Lloyd Ave, Malolos, 3000 Bulacan</span>
|
|
</div>
|
|
<div class="col-md-4 text-center">
|
|
<h3 class="modal-title" id="POLabel" style="margin-top:20px;">PURCHASE ORDER</h3>
|
|
</div>
|
|
<div class="col-md-4" style="margin-top:80px;">
|
|
<div class="d-flex justify-content-between align-items-center po-details">
|
|
<strong>P.O. NO:</strong>
|
|
<span id="poNumber"></span>
|
|
</div>
|
|
<div class="d-flex justify-content-between align-items-center po-details">
|
|
<strong>PO Date:</strong>
|
|
<span id="poDate"></span>
|
|
</div>
|
|
<div class="d-flex justify-content-between align-items-center po-details">
|
|
<strong>Delivery Date:</strong>
|
|
<span id="deliveryDate"></span>
|
|
</div>
|
|
<div class="d-flex justify-content-between align-items-center po-details">
|
|
<strong>Terms:</strong>
|
|
<span id="terms"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rowSupplier" style="margin-left:10px;">
|
|
<div class="col-md-12 d-flex align-items-center mb-2">
|
|
<strong id="toLabel">TO: </strong>
|
|
<span id="to"><label id="to"></label></span>
|
|
</div>
|
|
<div class="col-md-12 d-flex align-items-center">
|
|
<strong id="addressLabel">ADDRESS: </strong>
|
|
<span id="address"><label id="address"></label></span>
|
|
</div>
|
|
</div>
|
|
<!-- Table Section -->
|
|
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
|
<table id="ProductDataTable" class="table table-striped table-bordered" style="width: 100%;">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>PR NO</th>
|
|
<th>ITEM CODE</th>
|
|
<th>DESCRIPTION</th>
|
|
<th>UOM</th>
|
|
<th>QUANTITY</th>
|
|
<th>UNIT PRICE</th>
|
|
<th>AMOUNT</th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="6" class="text-right font-weight-bold">Total:</td>
|
|
<td id="totalAmount" class="font-weight-bold">0.00</td>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Footer Section: Prepared By, Purchased By, For, Approved By -->
|
|
<div class="footer-row">
|
|
<div class="col-md-3 text-center footer-column">
|
|
<span id="preparedBy" class="footer-span">Requestor2</span>
|
|
<strong>Requested By:</strong>
|
|
</div>
|
|
<div class="col-md-3 text-center footer-column">
|
|
<span id="department" class="footer-span">Admin</span>
|
|
<strong>For:</strong>
|
|
</div>
|
|
<div class="col-md-3 text-center footer-column">
|
|
<img id="purchasedbyImage" alt="purchasedbyImage" width="250" class="img-fluid">
|
|
<span id="purchasedby" class="footer-span">Ivy Gajasan</span>
|
|
<strong>Purchased By:</strong>
|
|
</div>
|
|
<div class="col-md-3 text-center footer-column">
|
|
<img id="poApproverSIPOImage" alt="poApproverSIPOImage" width="250" class="img-fluid">
|
|
<span id="approvedBy" class="footer-span">ZENAIDA D. BALAJADIA</span>
|
|
<strong>Approved By:</strong>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshTable();" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnPrintSIPO" onclick="printSIPO();" class="btn btn-warning">Print</button>
|
|
<button type="button" id="btnPrintSIPOApprove" onclick="postPutPO(1);" class="btn btn-success">Approve</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade custom-modal-backdrop" id="viewPOTypeOption" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="background-color:teal;">
|
|
<h4 class="modal-title w-100 text-center" style="color:white;" id="ModalLabel">Please choose type of PO Form</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="triangle-container">
|
|
<button id="SIPOBtn" type="button" onclick="viewPOFormSIPO();" class="btn btn-primary modal-btn">SI PO Form</button>
|
|
<button id="ImportPOBtn" type="button" onclick="viewPOFormImport();" class="btn btn-success modal-btn">Import PO Form</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.modal-btn {
|
|
flex: 1;
|
|
margin: 0 10px;
|
|
padding: 15px 20px;
|
|
font-size: 1.2em;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
transition: box-shadow 0.3s ease-in-out;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.modal-btn:hover {
|
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.triangle-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
</style>
|
|
</div>
|
|
|
|
<!-- Modal Supplier List For PO -->
|
|
<div class="modal fade custom-modal-backdrop" id="viewItemListForPO" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl">
|
|
<div class="modal-content">
|
|
<div class="modal-header" style="display: flex; flex-direction: column; align-items: center;">
|
|
<h2 class="modal-title" id="ModalLabel">Item for canvass</h2>
|
|
</div>
|
|
<br />
|
|
<div class="modal-body">
|
|
<div style="margin-bottom:10px;font-size:large">
|
|
<label for="supplierEmail">Supplier:</label>
|
|
<label id="supplierEmail"></label>
|
|
<input hidden id="email-Address" />
|
|
</div>
|
|
<br />
|
|
|
|
<table id="ItemDataTable" class="row-border" style="width: 100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>PRNo</th>
|
|
<th>ItemNo</th>
|
|
<th>ItemName</th>
|
|
<th>Specification</th>
|
|
<th>Categ. Name</th>
|
|
<th>Qty</th>
|
|
<th>Date Needed</th>
|
|
<th>Action</th>
|
|
<th hidden></th>
|
|
<th hidden></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary" onclick="refreshCanvasTable();" data-bs-dismiss="modal">Back</button>
|
|
<button type="button" id="btnCanvass" onclick="postCanvass();" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input hidden id="roleRights" value="@ViewBag.UserRoles" />
|
|
<div id="overlay" class="overlay" style="display: none;">
|
|
<div id="loader" class="loader"></div>
|
|
</div>
|
|
</div>
|
|
<link href="~/css/po/poprep.css" rel="stylesheet" />
|
|
<script src="~/JsFunctions/PO/POPrepApproval.js"></script>
|
|
@await Html.PartialAsync("PagesView/PO/_POScripts")
|
|
</body> |