<!-- Search Modal -->
<div class="search-project sp-selmodal col-lg-11 col-sm-12" id="SELECT_MODAL_CATEGORY_PRODUCT">

	<!-- Search Options -->
	<!-- ================================================================================= -->
	<div class="container-fluid row search-container-selmodal">
		<!--
		<div class="col-md-4" style="display: none;">
			<div class="input-group mb-3" style="background-color: #ffffff;">
				<select class="BSSP_SEARCH_CAT_PRODUCT_CAT_UOM_ID_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_UOM_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="Barcode" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_BARCODE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Item Code" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ITEMCODE_TXT" />
			</div>
		</div>
		-->

		<!--
		<div class="col-md-4">
			Price
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Price : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ING_PRICE_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Price : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ING_PRICE_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Net Content
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Net Content : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ING_NET_CONTENT_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Net Content : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ING_NET_CONTENT_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Yield in mix
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Yield in mix : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_MIXTURE_QTY_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Yield in mix : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_MIXTURE_QTY_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Mixture Cost
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Mixture Cost : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_MIXTURE_COST_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Mixture Cost : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_MIXTURE_COST_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="System Generated" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_SYSTEM_GENERATED_TXT" />
			</div>
		</div>
		-->

		<div class="col-md-4">
			<div class="input-group mb-0">
				<input type="text" class="form-control" placeholder="Description" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_DESCRIPTION_TXT" />
			</div>
		</div>
	
		<div class="col-md-4">
			<div class="input-group mb-0">
				<select class="form-control" placeholder="Has Recipe" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_HAS_RECIPE_CMB">
					<option value="2" selected>Finished Product</option>
					<option value="3">Ingredient</option>
					<option value="1">Inventory Only</option>
					<option value="4">Premix</option>
					<option value="5">Services</option>
				</select>
			</div>
		</div>
						
		<div class="col-md-4" style="display: none;">
			<div class="input-group mb-0">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_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 class="col-md-4" style="display: none;">
			<div class="input-group mb-0">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_ORDER_BY_CMB">					
					<option value="CAT_PRODUCT_ID_ASC">Order by : ID &darr;A-Z</option>
					<option value="CAT_PRODUCT_ID">Order by : ID &uarr;Z-A</option>
					<option value="CAT_PRODUCT_BARCODE_ASC">Order by : Barcode &darr;A-Z</option>
					<option value="CAT_PRODUCT_BARCODE">Order by : Barcode &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ITEMCODE_ASC">Order by : Item Code &darr;A-Z</option>
					<option value="CAT_PRODUCT_ITEMCODE">Order by : Item Code &uarr;Z-A</option>
					<option value="CAT_PRODUCT_DESCRIPTION_ASC" selected>Order by : Description &darr;A-Z</option>
					<option value="CAT_PRODUCT_DESCRIPTION">Order by : Description &uarr;Z-A</option>
					<option value="CAT_PRODUCT_HAS_RECIPE_ASC">Order by : Has Recipe &darr;A-Z</option>
					<option value="CAT_PRODUCT_HAS_RECIPE">Order by : Has Recipe &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ING_PRICE_ASC">Order by : Price &darr;A-Z</option>
					<option value="CAT_PRODUCT_ING_PRICE">Order by : Price &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ING_NET_CONTENT_ASC">Order by : Net Content &darr;A-Z</option>
					<option value="CAT_PRODUCT_ING_NET_CONTENT">Order by : Net Content &uarr;Z-A</option>
					<option value="CAT_PRODUCT_MIXTURE_QTY_ASC">Order by : Yield in mix &darr;A-Z</option>
					<option value="CAT_PRODUCT_MIXTURE_QTY">Order by : Yield in mix &uarr;Z-A</option>
					<option value="CAT_PRODUCT_MIXTURE_COST_ASC">Order by : Mixture Cost &darr;A-Z</option>
					<option value="CAT_PRODUCT_MIXTURE_COST">Order by : Mixture Cost &uarr;Z-A</option>
					<option value="CAT_PRODUCT_SYSTEM_GENERATED_ASC">Order by : System Generated &darr;A-Z</option>
					<option value="CAT_PRODUCT_SYSTEM_GENERATED">Order by : System Generated &uarr;Z-A</option>
				</select>
			</div>
		</div>

		<div class="col-md-4 search-btn" style="text-align: right;">
			<button class="btn btn-primary btn-block" type="button" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CMD" title="Search"><i class="fas fa-search"></i> Search</button>
		</div>
	</div>
	
	<div class="container-fluid row">	
		<div class="col-md-3" style="display: none;">
			<div class="input-group mb-0">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_PRODUCT_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>

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row mt-3">	
		<div class="table-responsive fix-table-head-mod">
			<table class="pos-table table table-content table-striped table-sm" id="SELECT_MODAL_CATEGORY_PRODUCT_DGV"> 
				<thead class="bg-primary-custom" style="color: #fff;">
					<tr id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER">
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"></th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>

						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ID" style="display: none;">ID</th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_UOM_ID" style="display: none;">UOM</th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_BARCODE" style="display: none;">Barcode</th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ITEMCODE" style="display: none;">Item Code</th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_DESCRIPTION" style="cursor: pointer;">Description</th>					
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_HAS_RECIPE" style="display: none;">Has Recipe</th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ING_PRICE" style="cursor: pointer;text-align: right;">Price</th>					
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ING_NET_CONTENT" style="cursor: pointer;text-align: right;">Net Content</th>					
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_MIXTURE_QTY" style="cursor: pointer;text-align: right;">Yield in mix</th>					
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_MIXTURE_COST" style="cursor: pointer;text-align: right;">Mixture Cost</th>					
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_STATUS" style="display: none;">Status</th>
						<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_SYSTEM_GENERATED" style="display: none;">System Generated</th>
					</tr>
				</thead>
			
				<tbody>
					<tr id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW">
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='radio' name='SELECT_MODAL__RADIO'></td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
						
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ID" style="display: none;">ID</td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_UOM_ID" style="display: none;">UOM</td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_BARCODE" style="display: none;">Barcode</td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ITEMCODE" style="display: none;">Item Code</td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_DESCRIPTION" style="cursor: pointer;">Description</td>					
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_HAS_RECIPE" style="display: none;">Has Recipe</td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ING_PRICE" style="cursor: pointer;text-align: right">Price</td>					
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ING_NET_CONTENT" style="cursor: pointer;text-align: right;">Net Content</td>					
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_MIXTURE_QTY" style="cursor: pointer;text-align: right;">Yield in mix</td>					
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_MIXTURE_COST" style="cursor: pointer;text-align: right;">Mixture Cost</td>					
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_STATUS" style="display: none;">Status</td>
						<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_SYSTEM_GENERATED" style="display: none;">System Generated</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>	
	<div class="modal-footer justify-content-start selmodal-pagination mb-3">	
		<button class="btn btn-lg btn-primary prev-btn" id="SELECT_MODAL_CATEGORY_PRODUCT_LOAD_PREV_BBI"><i class="fas fa-chevron-left"></i></button>
		<select class="form-control page-select" id="SELECT_MODAL_CATEGORY_PRODUCT_LOAD_PAGING_CMB"></select>
		<button class="btn btn-lg btn-primary next-btn" id="SELECT_MODAL_CATEGORY_PRODUCT_LOAD_NEXT_BBI"><i class="fas fa-chevron-right"></i></button>	
	</div>
	
	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="modal-footer justify-content-between mb-2">	
		<button class="btn btn-secondary" type="button" id="SELECT_MODAL_CATEGORY_PRODUCT_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary mr-2" type="button" id="SELECT_MODAL_CATEGORY_PRODUCT_APPLY_CMD" title="OK">OK</button>
	</div>
	
</div>
<script type="text/javascript" src="<!--[#SITE_URL;]-->/res/import/category/product/selmodal.js"></script>
