<!-- Search Modal -->
<div class="search-project" id="SELECT_MODAL_RECORD_TRANS" class="col-lg-6 col-sm-12" style="display: none; width: 85%; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; border-style: groove; border-color: #dfdfdf; border-radius: 15px; max-height: 95%;">

	<!-- Search Options -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">
		<!--
		<div class="col-md-4" style="display: none;">
			<div class="input-group mb-3" style="background-color: #ffffff;">
				<select class="BSSP_SEARCH_REC_TRANS_CAT_PRODUCT_ID_CMB" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_CAT_PRODUCT_ID_CMB" data-live-search="true" data-live-search-style="startsWith" data-style="btn-outline-secondary"></select>
			</div>
		</div>		
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Reference Code" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_REFERENCE_CODE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			Yield
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Yield : From" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_YIELD_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Yield : To" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_YIELD_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Quantity Requested
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Quantity Requested : From" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_POST_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Quantity Requested : To" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_POST_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Quantity Actually produced
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Quantity Actually produced : From" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_ACTUAL_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Quantity Actually produced : To" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_ACTUAL_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Mix Qty Requested
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Mix Qty Requested : From" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_MIX_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Mix Qty Requested : To" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_QUANTITY_MIX_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Cost per piece
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Cost per piece : From" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_COST_PPC_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Cost per piece : To" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_COST_PPC_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Total Cost
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Total Cost : From" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_COST_TOTAL_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Total Cost : To" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_COST_TOTAL_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-3">
			Date Posted
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_POST_CMB"></select>
			</div>
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<input type="date" class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_POST_FROM_DTP" />
			</div>
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<input type="date" class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_POST_TO_DTP" />
			</div>
		</div>		
		-->
		<!--
		<div class="col-md-3">
			Date Completed
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_COMPLETE_CMB"></select>
			</div>
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<input type="date" class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_COMPLETE_FROM_DTP" />
			</div>
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<input type="date" class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_COMPLETE_TO_DTP" />
			</div>
		</div>		
		-->
		<!--
		<div class="col-md-3">
			Date Schedule
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_SCHEDULE_CMB"></select>
			</div>
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<input type="date" class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_SCHEDULE_FROM_DTP" />
			</div>
		</div>	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<input type="date" class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_DATE_SCHEDULE_TO_DTP" />
			</div>
		</div>		
		-->
		<!--
		<div class="col-md-4" style="display: none;">
			<div class="input-group mb-3" style="background-color: #ffffff;">
				<select class="BSSP_SEARCH_REC_TRANS_ACC_ACCOUNT_ID_POST_CMB" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_ACC_ACCOUNT_ID_POST_CMB" data-live-search="true" data-live-search-style="startsWith" data-style="btn-outline-secondary"></select>
			</div>
		</div>		
		-->
		<!--
		<div class="col-md-4" style="display: none;">
			<div class="input-group mb-3" style="background-color: #ffffff;">
				<select class="BSSP_SEARCH_REC_TRANS_ACC_ACCOUNT_ID_COMPLETE_CMB" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_ACC_ACCOUNT_ID_COMPLETE_CMB" data-live-search="true" data-live-search-style="startsWith" data-style="btn-outline-secondary"></select>
			</div>
		</div>		
		-->
								
		<div class="col-md-3">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_REC_TRANS_STATUS_CMB">
					<option value="1">Inactive</option>
					<option value="2" selected>Active</option>
					<option value="3" disabled style="display:none">Closed</option>
					<option value="4" disabled style="display:none">Completed</option>
				</select>
			</div>
		</div>
	</div>
	
	<div class="container-fluid row">	
		<div class="col-md-3">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_ORDER_BY_CMB">					
					<option value="REC_TRANS_ID_ASC">Order by : ID &darr;A-Z</option>
					<option value="REC_TRANS_ID">Order by : ID &uarr;Z-A</option>
					<option value="REC_TRANS_REFERENCE_CODE_ASC" selected>Order by : Reference Code &darr;A-Z</option>
					<option value="REC_TRANS_REFERENCE_CODE">Order by : Reference Code &uarr;Z-A</option>
					<option value="REC_TRANS_QUANTITY_YIELD_ASC">Order by : Yield &darr;A-Z</option>
					<option value="REC_TRANS_QUANTITY_YIELD">Order by : Yield &uarr;Z-A</option>
					<option value="REC_TRANS_QUANTITY_POST_ASC">Order by : Quantity Requested &darr;A-Z</option>
					<option value="REC_TRANS_QUANTITY_POST">Order by : Quantity Requested &uarr;Z-A</option>
					<option value="REC_TRANS_QUANTITY_ACTUAL_ASC">Order by : Quantity Actually produced &darr;A-Z</option>
					<option value="REC_TRANS_QUANTITY_ACTUAL">Order by : Quantity Actually produced &uarr;Z-A</option>
					<option value="REC_TRANS_QUANTITY_MIX_ASC">Order by : Mix Qty Requested &darr;A-Z</option>
					<option value="REC_TRANS_QUANTITY_MIX">Order by : Mix Qty Requested &uarr;Z-A</option>
					<option value="REC_TRANS_COST_PPC_ASC">Order by : Cost per piece &darr;A-Z</option>
					<option value="REC_TRANS_COST_PPC">Order by : Cost per piece &uarr;Z-A</option>
					<option value="REC_TRANS_COST_TOTAL_ASC">Order by : Total Cost &darr;A-Z</option>
					<option value="REC_TRANS_COST_TOTAL">Order by : Total Cost &uarr;Z-A</option>
					<option value="REC_TRANS_DATE_POST_ASC">Order by : Date Posted &darr;A-Z</option>
					<option value="REC_TRANS_DATE_POST">Order by : Date Posted &uarr;Z-A</option>
					<option value="REC_TRANS_DATE_COMPLETE_ASC">Order by : Date Completed &darr;A-Z</option>
					<option value="REC_TRANS_DATE_COMPLETE">Order by : Date Completed &uarr;Z-A</option>
					<option value="REC_TRANS_DATE_SCHEDULE_ASC">Order by : Date Schedule &darr;A-Z</option>
					<option value="REC_TRANS_DATE_SCHEDULE">Order by : Date Schedule &uarr;Z-A</option>
				</select>
			</div>
		</div>
								
		<div class="col-md-3" style="display: none;">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_RECORD_TRANS_SEARCH_LIMIT_CMB">	
					<option value="25">Show : 25 rows</option>
					<option value="50">Show : 50 rows</option>
					<option value="100" selected>Show : 100 rows</option>
					<option value="500">Show : 500 rows</option>
					<option value="1000">Show : 1,000 rows</option>
				</select>
			</div>
		</div>	
						
		<div class="col-sm-3 search-btn" style="text-align: right;">
			<button class="btn btn-primary" type="button" id="SELECT_MODAL_RECORD_TRANS_SEARCH_CMD" title="Search"><i class="fas fa-search"></i>Search</button>
		</div>
	</div>

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">	
		<table class="table table-content table-striped" id="SELECT_MODAL_RECORD_TRANS_DGV"> 
			<thead class="bg-primary-custom" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER">
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"></th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>

					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_ID" style="display: none;">ID</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_CAT_PRODUCT_ID" style="display: none;">Product</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_REFERENCE_CODE" style="display: none;">Reference Code</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_QUANTITY_YIELD" style="cursor: pointer;">Yield</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_QUANTITY_POST" style="cursor: pointer;">Quantity Requested</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_QUANTITY_ACTUAL" style="cursor: pointer;">Quantity Actually produced</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_QUANTITY_MIX" style="cursor: pointer;">Mix Qty Requested</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_COST_PPC" style="cursor: pointer;">Cost per piece</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_COST_TOTAL" style="cursor: pointer;">Total Cost</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_DATE_POST" style="display: none;">Date Posted</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_DATE_COMPLETE" style="display: none;">Date Completed</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_DATE_SCHEDULE" style="cursor: pointer;">Date Schedule</th>					
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_ACC_ACCOUNT_ID_POST" style="display: none;">Posted By</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_ACC_ACCOUNT_ID_COMPLETE" style="display: none;">Completed By</th>
					<th id="SELECT_MODAL_RECORD_TRANS_DGV_HEADER_REC_TRANS_STATUS" style="display: none;">Status</th>
				</tr>
			</thead>
		
			<tbody style="display: block; height: 250px; overflow-y: scroll;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="SELECT_MODAL_RECORD_TRANS_DGV_ROW">
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='radio' name='SELECT_MODAL__RADIO'></td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_ID" style="display: none;">ID</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_CAT_PRODUCT_ID" style="display: none;">Product</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_REFERENCE_CODE" style="display: none;">Reference Code</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_QUANTITY_YIELD" style="cursor: pointer;">Yield</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_QUANTITY_POST" style="cursor: pointer;">Quantity Requested</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_QUANTITY_ACTUAL" style="cursor: pointer;">Quantity Actually produced</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_QUANTITY_MIX" style="cursor: pointer;">Mix Qty Requested</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_COST_PPC" style="cursor: pointer;">Cost per piece</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_COST_TOTAL" style="cursor: pointer;">Total Cost</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_DATE_POST" style="display: none;">Date Posted</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_DATE_COMPLETE" style="display: none;">Date Completed</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_DATE_SCHEDULE" style="cursor: pointer;">Date Schedule</td>					
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_ACC_ACCOUNT_ID_POST" style="display: none;">Posted By</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_ACC_ACCOUNT_ID_COMPLETE" style="display: none;">Completed By</td>
					<td id="SELECT_MODAL_RECORD_TRANS_DGV_ROW_REC_TRANS_STATUS" style="display: none;">Status</td>
				</tr>
			</tbody>
		</table>
	</div>	
	<div class="container-fluid row">	
		<button style="float: left; height: 45px; margin-right: 5px;" class="btn btn-lg btn-primary" id="SELECT_MODAL_RECORD_TRANS_LOAD_PREV_BBI"><i class="fas fa-chevron-left"></i></button>
		<select class="form-control col-md-2" style="float: left; width: 120px; height: 45px;" id="SELECT_MODAL_RECORD_TRANS_LOAD_PAGING_CMB"></select>
		<button style="float: left; height: 45px;margin-left: 5px;" class="btn btn-lg btn-primary" id="SELECT_MODAL_RECORD_TRANS_LOAD_NEXT_BBI"><i class="fas fa-chevron-right"></i></button>	
	</div>
	
	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">	
		<div class="col-sm-12 search-btn" style="text-align: right;">
			<button class="btn btn-secondary" type="button" id="SELECT_MODAL_RECORD_TRANS_CANCEL_CMD" title="Cancel">Cancel</button>
			<button class="btn btn-primary" type="button" id="SELECT_MODAL_RECORD_TRANS_APPLY_CMD" title="OK">OK</button>
		</div>	
	</div>
	
</div>
<script type="text/javascript" src="<!--[#SITE_URL;]-->/res/import/record/trans/selmodal.js"></script>
