NonInventPurchasingSystem/CPRNIMS.WebApps/Views/InventoryMgmt/RequestItem.cshtml
2026-01-20 07:44:30 +08:00

202 lines
11 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;">Item Requested List</h2>
</div>
<table id="PRTable" class="row-border" cellspacing="0" width="100%">
<thead>
<tr>
<th>ItemNo</th>
<th>ItemName</th>
<th>Specification</th>
<th>CategoryName</th>
<th>RequestedQty</th>
<th>Status</th>
<th>DateRequested</th>
<th>Action</th>
<th hidden></th>
<th hidden></th>
<th hidden></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<!-- Modal viewItemDetailOOS-->
<div class="modal fade custom-modal-backdrop" id="viewItemDetailOOS" 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">Requested Item Without Stocks</h2>
</div>
<br />
<div class="modal-body">
<table id="RequestdataTable" class="row-border" style="width: 100%;">
<thead>
<tr>
<th>ItemNo</th>
<th>ItemName</th>
<th>Specification</th>
<th>CategoryName</th>
<th>RequestedQty</th>
<th>Status</th>
<th>DateRequested</th>
<th>Action</th>
<th hidden></th>
<th hidden></th>
<th hidden></th>
</tr>
</thead>
<tbody>
<!-- Table rows go here -->
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Back</button>
@* <button type="button" id="btnDenied" onclick="postPutReqItems(0);" class="btn btn-warning">Denied</button>
<button type="button" id="btnApprove" onclick="postPutReqItems(1);" class="btn btn-success">Approve</button> *@
</div>
</div>
</div>
</div>
<!-- Modal viewItemDetails -->
<div class="modal fade custom-modal-backdrop" id="viewItemDetails" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
<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">
<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="uomName">UOM</label>
<input readonly id="uomName" class="form-control" style="margin-bottom:5px;" name="uomName" />
</div>
<div class="form-group">
<label for="lotTypeName">LotType</label>
<input readonly id="lotTypeName" class="form-control" style="margin-bottom:5px;" name="lotTypeName" />
</div>
<div class="form-group">
<label for="qtyRequest">QtyRequest</label>
<input type="number" readonly id="qtyRequest" class="form-control" style="margin-bottom:5px;" name="qtyRequest" />
</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="itemColorName">Item Color</label>
<input readonly id="itemColorName" class="form-control" style="margin-bottom:5px;" name="itemColorName" />
</div>
<div class="form-group">
<label for="qtyIn">Qty In</label>
<input readonly id="qtyIn" class="form-control" style="margin-bottom:5px;" name="qtyIn" />
</div>
<div class="form-group">
<label for="qtyOut">Qty Out</label>
<input readonly id="qtyOut" class="form-control" style="margin-bottom:5px;" name="qtyOut" />
</div>
<div class="form-group">
<label for="qtyOnHand">Qty On Hand</label>
<input readonly id="qtyOnHand" class="form-control" style="margin-bottom:5px;" name="qtyOnHand" />
</div>
<div class="form-group">
<label for="lotNo">Location</label>
<select name="lotNo" id="lotNo" class="form-control"></select>
<input type="hidden" id="lotId" name="lotId" required>
</div>
<div class="form-group">
<label for="qtyReceived">QtyServed</label>
<input type="number" id="qtyReceived" class="form-control" style="margin-bottom:5px;" name="qtyReceived" />
</div>
<input hidden id="requestItemId"/>
</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="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="btnDeniedItem" onclick="postPutReqItems(0,18);" class="btn btn-warning">Denied</button>
<button type="button" id="btnApprovedItem" onclick="postPutReqItems(1,1);" class="btn btn-success">Approved</button>
</div>
</div>
</div>
</div>
<!-- Modal addNewItem -->
<div class="modal fade custom-modal-backdrop" id="addNewItem" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto;"
id="headerNew">
Add new item
</h5>
<h5 class="modal-title" style="text-align: center; margin-left: auto; margin-right: auto;"
id="headerUpdate">
Update item
</h5>
</div>
<br />
<div class="modal-body">
<form id="itemPostPutForm">
<label for="ItemName">Item Name</label>
<input id="ItemName" class="form-control" style="margin-bottom:10px;" name="ItemName" />
<label for="ItemDescription">Item Specs</label>
<textarea id="ItemDescription" style="width: 100%; height: 100px;" placeholder=" Describe spesification..."></textarea>
<label for="ItemCategory">Category</label>
<input type="search" id="ItemCategory" class="form-control" style="margin-bottom:10px;" name="ItemCategory" />
<input type="hidden" id="ItemCategoryId" name="ItemCategoryId" />
@* <input type="hidden" id="ItemCategoryHid" name="ItemCategoryHid" /> *@
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" data-bs-dismiss="modal">Cancel</button>
<button type="button" id="btnaddNewItem" onclick="AddUpdateItem(1);" class="btn btn-success"> Save</button>
<button type="button" id="btnUpdateItem" onclick="AddUpdateItem(0);" class="btn btn-primary">Update</button>
</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>
<script src="~/jsfunctions/Inventory/RequestItem.js"></script>
</body>