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

	<!-- Search Options -->
	<!-- ================================================================================= -->
	<div class="container-fluid row" style="display: none;">
		<!--
		<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">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Alias (1)" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ALIAS_MAIN_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Alias (2)" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ALIAS_SUB_TXT" />
			</div>
		</div>
		-->
		<!--
		<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_PRODTYPE_ID_LV2_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_PRODTYPE_ID_LV2_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_CAT_PRODUCT_CAT_PRODTYPE_ID_LV3_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_PRODTYPE_ID_LV3_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_CAT_PRODUCT_CAT_BRAND_ID_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_BRAND_ID_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_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" style="display: none;">
			<div class="input-group mb-3" style="background-color: #ffffff;">
				<select class="BSSP_SEARCH_CAT_PRODUCT_CAT_DISCOUNT_ID_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_DISCOUNT_ID_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_CAT_PRODUCT_CAT_TAXMODEL_ID_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_TAXMODEL_ID_CMB" data-live-search="true" data-live-search-style="startsWith" data-style="btn-outline-secondary"></select>
			</div>
		</div>		
		-->
		<!--
		<div class="col-md-4">
			Unit cost
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Unit cost : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_COST_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Unit cost : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_COST_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Sell Price
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Sell Price : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_PRICE_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Sell Price : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_PRICE_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			VAT
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="VAT : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_VAT_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="VAT : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_VAT_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Loyalty Points
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Loyalty Points : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_POINT_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Loyalty Points : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_AMOUNT_POINT_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Is Discountable" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ALLOW_DISCOUNT_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Is Senior Discountable" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_ALLOW_SENIOR_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Is Basic Commodities" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_IS_BASICCOM_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Is Service" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_IS_SERVICE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			Reorder Point
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Reorder Point : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_REORDER_POINT_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Reorder Point : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_REORDER_POINT_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<div class="col-md-4">
			Reorder Quantity
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Reorder Quantity : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_REORDER_QUANTITY_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Reorder Quantity : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_REORDER_QUANTITY_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<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_PRODUCT_ID_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_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">
			Piece per Pack
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Piece per Pack : From" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_PER_PIECE_QTY_FROM_TXT" />
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="number" class="form-control" placeholder="Piece per Pack : To" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_PER_PIECE_QTY_TO_TXT" />
			</div>
		</div>	
		-->
		<!--
		<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_SUPPLIER_ID_CMB" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_SUPPLIER_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="number" class="form-control" placeholder="Monitor Serials" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_IS_SERIALIZED_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-3" style="display: none;">
			<div class="input-group mb-3">
				<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>
	
	<div class="container-fluid row">	
		<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="Name" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_DESCRIPTION_TXT" />
			</div>
		</div>
		<div class="col-md-4">
			<div class="input-group mb-3" style="background-color: #ffffff;">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_CAT_PRODTYPE_ID_LV1_CMB" data-live-search="true" data-live-search-style="startsWith" data-style="btn-outline-secondary"></select>
			</div>
		</div>
	</div>
	<div class="container-fluid row">	
		<div class="col-md-4">
			<div class="input-group mb-3">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_PRODUCT_SEARCH_CAT_PRODUCT_IS_INVENTORY_ONLY_CMB">
					<option value="1">Regular Item</option>
					<option value="2">Inventory Only</option>
				</select>
			</div>
		</div>	
		<div class="col-md-4">
			<div class="input-group mb-4">
				<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 : Name &darr;A-Z</option>
					<option value="CAT_PRODUCT_DESCRIPTION">Order by : Name &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ALIAS_MAIN_ASC">Order by : Alias (1) &darr;A-Z</option>
					<option value="CAT_PRODUCT_ALIAS_MAIN">Order by : Alias (1) &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ALIAS_SUB_ASC">Order by : Alias (2) &darr;A-Z</option>
					<option value="CAT_PRODUCT_ALIAS_SUB">Order by : Alias (2) &uarr;Z-A</option>
					<option value="CAT_PRODUCT_CAT_PRODTYPE_ID_LV2_ASC">Order by : Sub Product Type (1) &darr;A-Z</option>
					<option value="CAT_PRODUCT_CAT_PRODTYPE_ID_LV2">Order by : Sub Product Type (1) &uarr;Z-A</option>
					<option value="CAT_PRODUCT_CAT_PRODTYPE_ID_LV3_ASC">Order by : Sub Product Type (2) &darr;A-Z</option>
					<option value="CAT_PRODUCT_CAT_PRODTYPE_ID_LV3">Order by : Sub Product Type (2) &uarr;Z-A</option>
					<option value="CAT_PRODUCT_AMOUNT_COST_ASC">Order by : Unit cost &darr;A-Z</option>
					<option value="CAT_PRODUCT_AMOUNT_COST">Order by : Unit cost &uarr;Z-A</option>
					<option value="CAT_PRODUCT_AMOUNT_PRICE_ASC">Order by : Sell Price &darr;A-Z</option>
					<option value="CAT_PRODUCT_AMOUNT_PRICE">Order by : Sell Price &uarr;Z-A</option>
					<option value="CAT_PRODUCT_AMOUNT_VAT_ASC">Order by : VAT &darr;A-Z</option>
					<option value="CAT_PRODUCT_AMOUNT_VAT">Order by : VAT &uarr;Z-A</option>
					<option value="CAT_PRODUCT_AMOUNT_POINT_ASC">Order by : Loyalty Points &darr;A-Z</option>
					<option value="CAT_PRODUCT_AMOUNT_POINT">Order by : Loyalty Points &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ALLOW_DISCOUNT_ASC">Order by : Is Discountable &darr;A-Z</option>
					<option value="CAT_PRODUCT_ALLOW_DISCOUNT">Order by : Is Discountable &uarr;Z-A</option>
					<option value="CAT_PRODUCT_ALLOW_SENIOR_ASC">Order by : Is Senior Discountable &darr;A-Z</option>
					<option value="CAT_PRODUCT_ALLOW_SENIOR">Order by : Is Senior Discountable &uarr;Z-A</option>
					<option value="CAT_PRODUCT_IS_BASICCOM_ASC">Order by : Is Basic Commodities &darr;A-Z</option>
					<option value="CAT_PRODUCT_IS_BASICCOM">Order by : Is Basic Commodities &uarr;Z-A</option>
					<option value="CAT_PRODUCT_IS_SERVICE_ASC">Order by : Is Service &darr;A-Z</option>
					<option value="CAT_PRODUCT_IS_SERVICE">Order by : Is Service &uarr;Z-A</option>
					<option value="CAT_PRODUCT_REORDER_POINT_ASC">Order by : Reorder Point &darr;A-Z</option>
					<option value="CAT_PRODUCT_REORDER_POINT">Order by : Reorder Point &uarr;Z-A</option>
					<option value="CAT_PRODUCT_REORDER_QUANTITY_ASC">Order by : Reorder Quantity &darr;A-Z</option>
					<option value="CAT_PRODUCT_REORDER_QUANTITY">Order by : Reorder Quantity &uarr;Z-A</option>
					<option value="CAT_PRODUCT_PER_PIECE_QTY_ASC">Order by : Piece per Pack &darr;A-Z</option>
					<option value="CAT_PRODUCT_PER_PIECE_QTY">Order by : Piece per Pack &uarr;Z-A</option>
					<option value="CAT_PRODUCT_IS_INVENTORY_ONLY_ASC">Order by : Is inventory only &darr;A-Z</option>
					<option value="CAT_PRODUCT_IS_INVENTORY_ONLY">Order by : Is inventory only &uarr;Z-A</option>
					<option value="CAT_PRODUCT_IS_SERIALIZED_ASC">Order by : Monitor Serials &darr;A-Z</option>
					<option value="CAT_PRODUCT_IS_SERIALIZED">Order by : Monitor Serials &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" style="display: none;">
			<div class="input-group mb-3">
				<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 class="col-sm-4 search-btn" style="text-align: right;">
			<button class="btn btn-block btn-primary" type="button" id="SELECT_MODAL_CATEGORY_PRODUCT_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_CATEGORY_PRODUCT_DGV"> 
			<thead class="bg-blue" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" 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_BARCODE" style="cursor: pointer;">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;">Name</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ALIAS_MAIN" style="display: none;">Alias (1)</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ALIAS_SUB" style="display: none;">Alias (2)</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_PRODTYPE_ID_LV1" style="display: none;">Product Type</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_PRODTYPE_ID_LV2" style="display: none;">Sub Product Type (1)</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_PRODTYPE_ID_LV3" style="display: none;">Sub Product Type (2)</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_BRAND_ID" style="display: none;">Brand</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_CAT_DISCOUNT_ID" style="display: none;">Default Discount</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_TAXMODEL_ID" style="display: none;">Tax Model</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_AMOUNT_COST" style="cursor: pointer;">Unit cost</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_AMOUNT_PRICE" style="cursor: pointer;">Sell Price</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_AMOUNT_VAT" style="display: none;">VAT</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_AMOUNT_POINT" style="display: none;">Loyalty Points</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ALLOW_DISCOUNT" style="display: none;">Is Discountable</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_ALLOW_SENIOR" style="display: none;">Is Senior Discountable</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_IS_BASICCOM" style="display: none;">Is Basic Commodities</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_IS_SERVICE" style="display: none;">Is Service</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_REORDER_POINT" style="display: none;">Reorder Point</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_REORDER_QUANTITY" style="display: none;">Reorder Quantity</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_PRODUCT_ID" style="display: none;">Main Product</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_PER_PIECE_QTY" style="display: none;">Piece per Pack</th>					
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_CAT_SUPPLIER_ID" style="display: none;">Supplier</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_IS_INVENTORY_ONLY" style="display: none;">Is inventory only</th>
					<th id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_HEADER_CAT_PRODUCT_IS_SERIALIZED" style="display: none;">Monitor Serials</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 style="display: block; height: 250px; overflow-y: scroll;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" 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_BARCODE" style="cursor: pointer;">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;">Name</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ALIAS_MAIN" style="display: none;">Alias (1)</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ALIAS_SUB" style="display: none;">Alias (2)</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_PRODTYPE_ID_LV1" style="display: none;">Product Type</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_PRODTYPE_ID_LV2" style="display: none;">Sub Product Type (1)</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_PRODTYPE_ID_LV3" style="display: none;">Sub Product Type (2)</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_BRAND_ID" style="display: none;">Brand</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_CAT_DISCOUNT_ID" style="display: none;">Default Discount</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_TAXMODEL_ID" style="display: none;">Tax Model</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_AMOUNT_COST" style="cursor: pointer;">Unit cost</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_AMOUNT_PRICE" style="cursor: pointer;">Sell Price</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_AMOUNT_VAT" style="display: none;">VAT</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_AMOUNT_POINT" style="display: none;">Loyalty Points</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ALLOW_DISCOUNT" style="display: none;">Is Discountable</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_ALLOW_SENIOR" style="display: none;">Is Senior Discountable</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_IS_BASICCOM" style="display: none;">Is Basic Commodities</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_IS_SERVICE" style="display: none;">Is Service</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_REORDER_POINT" style="display: none;">Reorder Point</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_REORDER_QUANTITY" style="display: none;">Reorder Quantity</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_PRODUCT_ID" style="display: none;">Main Product</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_PER_PIECE_QTY" style="display: none;">Piece per Pack</td>					
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_CAT_SUPPLIER_ID" style="display: none;">Supplier</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_IS_INVENTORY_ONLY" style="display: none;">Is inventory only</td>
					<td id="SELECT_MODAL_CATEGORY_PRODUCT_DGV_ROW_CAT_PRODUCT_IS_SERIALIZED" style="display: none;">Monitor Serials</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 class="container-fluid row mb-3">	
		<button class="btn btn-lg btn-primary sm-prev-btn" id="SELECT_MODAL_CATEGORY_PRODUCT_LOAD_PREV_BBI"><i class="fas fa-chevron-left"></i></button>
		<select class="form-control col-md-2 sm-select" id="SELECT_MODAL_CATEGORY_PRODUCT_LOAD_PAGING_CMB"></select>
		<button class="btn btn-lg btn-primary sm-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">	
		<button class="btn btn-secondary" type="button" id="SELECT_MODAL_CATEGORY_PRODUCT_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary" 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>
