430 lines
25 KiB
Plaintext
430 lines
25 KiB
Plaintext
<input hidden id="supplierId"/>
|
||
@* viewPOFormDRSIPO *@
|
||
<div class="modal fade custom-modal-backdrop" id="viewPOFormSIPO"
|
||
tabindex="-1" aria-labelledby="POLabel" data-bs-backdrop="static">
|
||
<div class="modal-dialog modal-xl">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<div id="printableSIPO">
|
||
<div class="content">
|
||
<div class="poReference">
|
||
<div id="DRSIContainer">
|
||
</div>
|
||
</div>
|
||
<div class="rowSupplier" style="margin-left:70px;">
|
||
<div class="col-md-12 d-flex align-items-center mb-2">
|
||
<strong id="toLabel"> </strong>
|
||
<span id="to"><label id="to"></label></span>
|
||
</div>
|
||
<div class="col-md-12 d-flex align-items-center">
|
||
<strong id="addressLabel"></strong>
|
||
<div class="text-break" style="max-width: 600px;">
|
||
<label id="address"></label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Table Section -->
|
||
<div class="table-container shadow-lg p-3 mb-5 bg-white rounded">
|
||
<table id="ProductDataTable" class="row-border" style="width: 100%;">
|
||
<colgroup>
|
||
<col class="qty" style="width:10%;">
|
||
<col class="uomName" style="width:10%;">
|
||
<col class="itemNo" style="width:10%">
|
||
<col class="itemDescription" style="width:45%;text-align:left;">
|
||
<col class="unitPrice" style="width:15%;text-align:left;">
|
||
<col class="totalAmount" style="width:15%;text-align:left;">
|
||
</colgroup>
|
||
<tbody>
|
||
</tbody>
|
||
<tfoot>
|
||
<tr>
|
||
<td colspan="6">
|
||
<span type="text" id="poSIDRRemarks" class="poSIDRRemarks"></span>
|
||
</td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
|
||
<span type="text" id="totalAmountSIPO"></span>
|
||
<!-- Footer Section: Prepared By, Purchased By, For, Approved By -->
|
||
<div class="footer-row">
|
||
<div class="col-md-3 text-center footer-column">
|
||
<span id="loc-preparedBy" class="footer-span"></span>
|
||
</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"></span>
|
||
</div>
|
||
<div class="col-md-3 text-center footer-column">
|
||
<span id="department" class="footer-span"></span>
|
||
</div>
|
||
<div class="col-md-3 text-center footer-column" style="margin-right:30px">
|
||
<img id="poApproverSIPOImage" alt="poApproverSIPOImage" width="250" class="img-fluid">
|
||
<span id="approvedBy" class="footer-span">ZENAIDA D. BALAJADIA</span>
|
||
</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="btnPrintDRPO" onclick="printDRPO();" class="btn btn-warning">Print</button>
|
||
<button type="button" id="btnPrintSIPOApprove" onclick="addRemarks();" class="btn btn-success">Approve</button>
|
||
<button type="button" id="btnSIPOApproveBoss" onclick="postPutPO();" class="btn btn-success">Approve</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal Print ImportPO -->
|
||
<div class="modal fade custom-modal-backdrop" id="viewPrintImportPO"
|
||
tabindex="-1" aria-labelledby="POLabel" data-bs-backdrop="static">
|
||
<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">
|
||
<img src="~/content/common/llilogoedited.png" alt="LLI Logo" style="width:150px;" />
|
||
<div class="first-page">
|
||
<div class="content">
|
||
<div class="row">
|
||
<div class="column">
|
||
<strong>PURCHASE CONTRACT</strong> <span id="purchaseContract"></span><br>
|
||
</div>
|
||
<div class="column">
|
||
<strong>PO NO:</strong> <span>
|
||
<label id="poNo"></label>
|
||
</span><br>
|
||
<strong>PO DATE:</strong> <span>
|
||
<label id="poDate"></label>
|
||
</span>
|
||
</div>
|
||
<div class="column">
|
||
<strong>P.I. INV.#:</strong> <span><label id="profInvoiceNo"></label></span><br>
|
||
<strong>P.I. DATE:</strong> <span id="profInvoiceDate"> <label id="profInvoiceDate"></label></span>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="column">
|
||
<strong>BUYER/CONSIGNEE:</strong> <br />
|
||
<label id="consigneeName" />CONSIGNEE: LLOYD LABORATORIES, INC.<br />
|
||
<label id="consigneeAddress" />ADDRESS: 10 LLOYD AVE. FIRST BULACAN INDUSTRIAL CITY BRGY. TIKAY, MALOLOS BULACAN 3000, PHILIPPINES.<br />
|
||
<label />CONTACT PERSON: IVY GAJASAN.<br />
|
||
<label />TEL NO: +632-372-3984 TO 89 LOCAL 141.<br />
|
||
<label />MOBILE NUMBER:+63919-067-2429.<br />
|
||
</div>
|
||
<div class="column">
|
||
<strong>SUPPLIER:</strong> <br>
|
||
<span>NAME: <label id="supplierName"></label></span>
|
||
<br>
|
||
<span">ADDRESS: <label id="supplierAddress" style="word-wrap: break-word; overflow-wrap: break-word;"></label></span>
|
||
@* <br>
|
||
<span >CONTACT PERSON: <label id="contactPerson"></label></span> *@
|
||
<br>
|
||
<span>CONTACT NO: <label id="contactNo"></label></span>
|
||
@* <br>
|
||
<span>EMAIL ADDRESS: <label id="suppEmailAddress"></label></span> *@
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="column">
|
||
<strong>SHIPMENT INFORMATION:</strong>
|
||
<br>
|
||
<strong>DATE OF SHIPMENT:</strong> <span id="deliveryDate"><label id="deliveryDate" /></span>
|
||
<br>
|
||
<strong>INCOTERMS:</strong> <span id="incoTerms"><label id="incoTerms" /></span>
|
||
<br>
|
||
<strong>PORT OF DISCHARGE:</strong> <span id="portOfDischarge"><label id="portOfDischarge" /></span>
|
||
<br>
|
||
<strong>PAYMENT TERMS:</strong>
|
||
<span id="paymentTerms"><label id="paymentTermsId" /></span>
|
||
<br>
|
||
<strong>DOCUMENTS REQUIRED:</strong>
|
||
<span id="docRequirements"><label id="docRequirements" /></span>
|
||
<input hidden id="shippingInstruction" />
|
||
</div>
|
||
</div>
|
||
<table id="ImportPODataTable" class="row-border" style="width: 100%;">
|
||
<colgroup>
|
||
<col class="PrNo" style="width:10%">
|
||
<col class="itemNo" style="width:10%">
|
||
<col class="itemDescription" style="width:38%;text-align:left;">
|
||
<col class="uomName" style="width:10%;">
|
||
<col class="qty" style="width:10%;">
|
||
<col class="unitPrice" style="width:10%;text-align:left;">
|
||
<col class="totalAmount" style="width:12%;text-align:left;">
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<th>PRNO</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 class="row">
|
||
<div class="column">
|
||
<strong>REMARKS:</strong> <span id="poRemarks"><label id="poRemarks" /></span>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="column">
|
||
<strong id="amountInWords"> </strong>
|
||
</div>
|
||
</div>
|
||
<div class="column">
|
||
<label style="font-weight:bold">
|
||
SHIPPING MARKS:
|
||
</label></br>
|
||
<label>
|
||
- LLOYD LABORATORIES INC.</br>
|
||
- No. 10 Lloyd Avenue, First Bulacan Industrial City, Brgy. Tikay, Malolos</br>
|
||
- Bulacan ZC3000, Philippines</br>
|
||
- Product</br>
|
||
- Standard</br>
|
||
- Batch No.</br>
|
||
- Manufacturing Date</br>
|
||
- Expiry Date/Retest Date</br>
|
||
- Weight: Gross; Net</br>
|
||
- Storage Condition</br>
|
||
- Country of Origin</br>
|
||
- Port of Loading</br>
|
||
- Country of Destination
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="content">
|
||
<div class="row">
|
||
<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="requestedByImage" alt="requestedByImage" width="250" class="img-fluid" style="border-radius:5px; box-shadow:5px;">
|
||
<span style="text-decoration: underline; text-underline-position: under; display:block; margin-bottom:5px;">IVY GAJASAN
|
||
</span>
|
||
<strong>Checked 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>
|
||
<div class="second-page">
|
||
<div class="container-Form">
|
||
<div class="header">
|
||
<p class="title">Shipping Instructions – Annex A</p>
|
||
</div>
|
||
@* <div </div> *@
|
||
|
||
<div class="field-row">
|
||
<span class="label">PO No.:</span>
|
||
<span class="line" id="poNo-C-2ndPage" style="min-width: 220px;"></span>
|
||
</div>
|
||
|
||
<div class="field-row">
|
||
<span class="label">Supplier:</span>
|
||
<span class="line" id="supplier-C-2ndPage" style="min-width: 350px;"></span>
|
||
</div>
|
||
|
||
<div class="field-row">
|
||
<span class="label">Country of Origin:</span>
|
||
<span class="line" id="countryOrigin-C-2ndPage" style="min-width: 300px;"></span>
|
||
</div>
|
||
<!-- Toggle Button -->
|
||
<button id="toggleShippingInstructions" class="btn btn-secondary" onclick="toggleShippingInstructions()">Hide Shipping Instructions</button>
|
||
<div id="shippingInstructionsContainer">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- End of printableContent -->
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary" onclick="refreshTable();" data-bs-dismiss="modal">Back</button>
|
||
<button type="button" id="btnPrintImportPO" onclick="printImportPO();" class="btn btn-warning">Print</button>
|
||
<button type="button" id="btnApproveImport" onclick="postPutPO(3);" class="btn btn-success">Approve</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal Create New Import PO Details -->
|
||
<div class="modal fade custom-modal-backdrop" id="addNewImportPO" tabindex="-1" aria-labelledby="ModalLabel">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto;"
|
||
id="headerNew">
|
||
Create new PO
|
||
</h5>
|
||
</div>
|
||
<br />
|
||
<div class="modal-body">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="form-group">
|
||
<label for="C-supplierName">Supplier: </label>
|
||
<input readonly class="form-control" style="margin-bottom:5px;" id="C-supplierName">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="incoTermsId">Incoterms:</label>
|
||
<select class="form-control" name="incoTermsId" id="incoTermsId"
|
||
style="margin-bottom:5px;">
|
||
<option disabled>-Select Incoterms-</option>
|
||
<option value="1">CIF AIR MANILA</option>
|
||
<option value="2">CIF AIR MANILA (DTD)</option>
|
||
<option value="3">CIF SEA MANILA</option>
|
||
<option value="4">CIP AIR MANILA</option>
|
||
<option value="5">CIP SEA MANILA</option>
|
||
<option value="6">CNF AIR MANILA</option>
|
||
<option value="7">CNF MANILA</option>
|
||
<option value="8">CNF SEA MANILA</option>
|
||
<option value="9">CPT MANILA</option>
|
||
<option value="10">DAP AIR MANILA</option>
|
||
<option value="11">DAP MANILA</option>
|
||
<option value="12">DDU AIR MANILA</option>
|
||
<option value="13">DTD MANILA</option>
|
||
<option value="14">EXW MANILA</option>
|
||
<option value="15">FOB TONGDA</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="shippingInstructionId">Shipping Instruction:</label>
|
||
<select class="form-control" name="shippingInstructionId" id="shippingInstructionId"
|
||
style="margin-bottom:5px;">
|
||
<option disabled>-Select Shipping Instruction-</option>
|
||
<option disabled selected>— Select —</option>
|
||
<option value="1">General AIR</option>
|
||
<option value="2">General COURIER</option>
|
||
<option value="3">General SEA FCL</option>
|
||
<option value="4">General SEA LCL</option>
|
||
<option value="5">RawMat AIR</option>
|
||
<option value="6">RawMat COURIER</option>
|
||
<option value="7">RawMat SEA FCL</option>
|
||
<option value="8">RawMat SEA LCL</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="piNo">Proforma Invoice No:</label>
|
||
<input type="text" class="form-control" style="margin-bottom:5px;" id="piNo">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="form-group">
|
||
<label for="C-poNo">#PO No: </label>
|
||
<input readonly class="form-control" style="margin-bottom:5px;" id="C-poNo">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="podId">Port Of Discharge:</label>
|
||
<select class="form-control" name="podId" id="podId"
|
||
style="margin-bottom:5px;">
|
||
<option disabled>-Select Discharge Port-</option>
|
||
<option value="1">MANILA APORT</option>
|
||
<option value="2">NORTH SEA PORT</option>
|
||
<option value="3">SOUTH SEA PORT</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="C-paymentTerms">Payment Terms:</label>
|
||
<select name="C-paymentTerms" id="C-paymentTerms" class="form-control" style="margin-bottom:5px;"></select>
|
||
<input type="hidden" id="C-paymentTermsId" name="C-paymentTermsId" />
|
||
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="piDate">Proforma Invoice Date:</label>
|
||
<input type="date" class="form-control" style="margin-bottom:5px;" id="piDate">
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="row">
|
||
<div class="col-6">
|
||
<label for="docRequiredId">Docs Required:</label>
|
||
<i class="bx bxs-message-rounded-add" style="color: green; font-size: 1.5rem;"
|
||
onclick="viewDocRequired()"></i>
|
||
<textarea readonly id="docRequiredId" class="form-control" style="width: 100%; height: 150px;margin-bottom:10px;"></textarea>
|
||
</div>
|
||
<div class="col-6">
|
||
<label for="poRemarksImport">Remarks:</label>
|
||
<textarea id="poRemarksImport" class="form-control" style="width: 100%; height: 150px;margin-bottom:10px;"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-warning" data-bs-dismiss="modal">Cancel</button>
|
||
<button type="button" id="btnaddNewPO" onclick="postPutPO(3);" class="btn btn-success"> Save</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal Supplier List For PO -->
|
||
<div class="modal fade custom-modal-backdrop" id="viewItemListForPO" tabindex="-1" aria-labelledby="ModalLabel">
|
||
<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 type="hidden" id="poTypeId" />
|
||
<input hidden id="poNoHidden" />
|
||
<span hidden id="requestedBy"></span>
|
||
@await Html.PartialAsync("PagesView/PO/_POScripts")
|