NonInventPurchasingSystem/CPRNIMS.WebApps/Views/Shared/PagesView/Canvass/_ForCanvass.cshtml
2026-01-20 07:44:30 +08:00

306 lines
16 KiB
Plaintext

<!-- Modal addRemarksUpdate -->
<div class="modal fade custom-modal-backdrop" id="addRemarksUpdate"
tabindex="-1" aria-labelledby="approveLabel" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 id="approveLabel" class="modal-title">
Put remarks before to proceed
</h5>
</div>
<div class="modal-body" style="display: flex; flex-direction: column; align-items: center;">
<div id="myDivId2" style="width: 80%; margin-bottom: 20px;">
</div>
<label id="labelremarks" for="itemCode" style="margin-bottom: 5px;">Remarks</label>
<textarea type="text" id="deniedRemarks" name="deniedRemarks" rows="4" cols="50"
placeholder="input here..."></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" data-bs-dismiss="modal">Back</button>
<button type="button" id="btnAddRemarks" onclick="holdItem(3)" class="btn btn-success">Submit</button>
</div>
</div>
</div>
</div>
<!-- Modal viewPRItemDetails -->
<div class="modal fade custom-modal-backdrop" id="viewPRItemDetails"
tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalLabel">Item Details</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<input hidden style="margin-bottom:5px;" class="form-control" id="itemCodeId">
<div class="form-group">
<label for="department">Department</label>
<input readonly class="form-control" style="margin-bottom:5px;" id="department">
</div>
<div class="form-group">
<label for="itemName">Item Name</label>
<input readonly class="form-control" style="margin-bottom:5px;" id="itemName">
</div>
<div class="form-group">
<label for="itemDescription">Item Description</label>
<textarea readonly id="itemDescription" style="width: 100%; height: 100px;"></textarea>
</div>
<div class="form-group">
<label for="itemCategoryName">Category</label>
<input readonly id="itemCategoryName" class="form-control" style="margin-bottom:5px;" name="itemCategoryName" />
</div>
<div class="form-group">
<label for="itemLocalName">Item Locality</label>
<input readonly id="itemLocalName" class="form-control" style="margin-bottom:5px;" name="itemLocalName" />
<input type="hidden" id="itemLocalId" name="itemLocalId" />
</div>
<div class="form-group">
<label for="itemQty">Item Qty</label>
<input readonly id="itemQty" class="form-control" style="margin-bottom:5px;" name="itemQty" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="itemNo">Item No</label>
<input readonly class="form-control" style="margin-bottom:5px;" id="itemNo">
</div>
<div class="form-group">
<label for="statusName">Status</label>
<input readonly class="form-control" style="margin-bottom:5px;" id="statusName">
</div>
<div class="form-group">
<label for="itemClassId">Item Class</label>
<select readonly class="form-control" name="itemClassId" id="itemClassId"
style="margin-bottom:5px;">
<option disabled>-Select Item Class-</option>
<option value="1">Solid</option>
<option value="2">Liquid</option>
</select>
</div>
<div class="form-group">
<label for="packagingTypeId">Packaging Type</label>
<select readonly class="form-control" name="packagingTypeId" id="packagingTypeId"
style="margin-bottom:5px;">
<option disabled>-Select package type-</option>
<option value="1">Bundle</option>
<option value="2">Per pc</option>
</select>
</div>
<div class="form-group">
<label for="prTypeId">P.R. Type</label>
<select readonly class="form-control" name="prTypeId" id="prTypeId"
style="margin-bottom:5px;">
<option disabled>-Select P.R. type-</option>
<option value="1">Goods</option>
<option value="2">Service</option>
</select>
</div>
<div class="form-group">
<input type="hidden" id="uomId" name="uomId" />
<input type="hidden" id="itemColorId" name="itemColorId" />
<label for="uomName">UOM</label>
<input readonly id="uomName" class="form-control" style="margin-bottom:5px;" name="uomName" />
</div>
<div class="form-group">
<label for="itemColorName">Item Color</label>
<input readonly id="itemColorName" class="form-control" style="margin-bottom:5px;" name="itemColorName" />
</div>
</div>
<div class="form-group">
<label for="itemRemarks">Remarks</label>
<textarea readonly id="itemRemarks" style="width: 100%; height: 45px;"></textarea>
</div>
</div>
<hr />
<div>
<img id="itemPictureImage" alt="itemPictureImage" width="450" class="img-fluid" style="margin-bottom:5px; border-radius:15px; box-shadow:15px;">
<input type="file" id="itemPictureImageInput" accept="image/*" style="display: none; margin-bottom:5px; border-radius:15px; box-shadow:15px;">
<input type="hidden" id="prDetailsId" name="prDetailsId" />
<input type="hidden" id="itemAttachId" name="itemAttachId" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
<button type="button" id="btnHold" onclick="showRemarksDenied();" class="btn btn-danger">Denied</button>
@* <button type="button" id="btnApprove" onclick="confirmPRApproveReject(1,'N/A');" class="btn btn-success">Approve</button> *@
</div>
</div>
</div>
</div>
<!-- Modal viewItemList -->
<div class="modal fade custom-modal-backdrop" id="viewItemList"
tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog custom-modal-PR-List">
<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>
<div class="modal-body">
<!-- Supplier Info Section -->
<div class="p-3 mb-3 rounded border shadow-sm" style="background-color:#f9f9f9;">
<div class="row g-3 align-items-center">
<!-- Supplier Email -->
<div class="col-md-12">
<small class="text-muted">Supplier</small>
<div id="supplierEmail" class="fw-semibold fs-5" style="color:#00796b;"></div>
</div>
<!-- Total Selected -->
<div class="col-md-6">
<small class="text-muted">Total Selected</small>
<div id="totalSelCanvass" class="fw-bold text-danger fs-5"></div>
</div>
</div>
</div>
<!-- Hidden field -->
<input type="hidden" id="email-Address" />
<table id="ItemDataTable" class="row-border" style="width: 100%;">
<thead >
<tr>
<th>
All
<input id="selectAllCheckboxCanvass" type="checkbox" class="selectAllCheckboxCanvass" style="margin-left:10px;" />
</th>
<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>
</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>
<!-- Modal viewAllSuppliers -->
<div class="modal fade custom-modal-backdrop" id="viewItemSuppliers"
tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog custom-modal-tracker">
<div class="modal-content">
<div class="modal-header" style="display: flex; flex-direction: column; align-items: center;">
<h2 class="modal-title" id="ModalLabel">Suppliers</h2>
</div>
<div class="modal-body">
<!-- Action Button -->
<div class="d-flex justify-content-start mb-3">
<button id="btnAddNewSupplier"
type="button"
class="btn btn-success shadow-sm"
onclick="showModalNewUpdateSupplier(0);">
+ Add New Supplier
</button>
</div>
<!-- Item Info Section -->
<div class="p-3 mb-3 rounded border shadow-sm" style="background-color:#f9f9f9;">
<div class="row g-3">
<!-- Item No -->
<div class="col-md-6">
<small class="text-muted">Item No</small>
<div id="item-No" class="fw-semibold fs-5" style="color:#00796b;"></div>
</div>
<!-- Item Name -->
<div class="col-md-6">
<small class="text-muted">Item Name</small>
<div id="item-Name" class="fw-semibold fs-5" style="color:#00796b;"></div>
</div>
<!-- Total Selected -->
<div class="col-md-12 mt-2">
<small class="text-muted">Total Selected</small>
<div id="totalSelected" class="fw-bold fs-5 text-danger"></div>
</div>
</div>
</div>
<!--For Supplier Table-->
<div class="table-container" style="overflow-x: auto; width: 100%;">
<table id="SupplierDataTable" class="row-border" style="overflow-x: auto; width: 130%;">
<thead>
<tr>
<th>
All
<input id="selectAllHeaderCheckbox" type="checkbox" class="selectAllCheckbox" style="margin-left:10px;" />
</th>
<th width="30%">SupplierName</th>
<th width="30%">EmailAddress</th>
<th width="30%">Address</th>
<th width="20%">ContactNo</th>
<th width="30%">ContactPerson</th>
<th width="10%">TinNo</th>
<th width="10%">LeadTime</th>
<th width="10%">Terms</th>
<th width="6%">VatInc</th>
<th width="6%">Currency</th>
<th width="6%">Action</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 id="btnSubmitSupplier" type="button" class="btn btn-success" onclick="postTaggingSupplier();">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal viewItemWOEmail -->
<div class="modal fade custom-modal-backdrop" id="viewItemWOEmail" 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 without supplier</h2>
</div>
<div class="modal-body">
<!--For Supplier Table-->
<table id="SupplierWODataTable" class="row-border" style="width: 100%;">
<thead>
<tr>
<th>ItemNo</th>
<th>ItemName</th>
<th>Specification</th>
<th>Category</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>
</div>
</div>
</div>
</div>
</div>
@await Html.PartialAsync("PagesView/Canvass/_Suppliers")
@await Html.PartialAsync("PagesView/Canvass/_CanvassScript")