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

	<!-- Search Options -->
	<!-- ================================================================================= -->
	<div class="container-fluid row search-container-selmodal">
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Description" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_DESCRIPTION_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="TIN" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_TIN_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Address" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_ADDRESS_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Mobile Number" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_MOBILE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Phone Number" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_PHONE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="FAX" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_FAX_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Email" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_EMAIL_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Website" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_WEBSITE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="SNS Page" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_SNS_PAGE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Company Type" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_COMPANY_TYPE_TXT" />
			</div>
		</div>
		-->
		<!--
		<div class="col-md-4">
			<div class="input-group mb-3">
				<input type="text" class="form-control" placeholder="Remarks" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_REMARKS_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_COMPANY_SEARCH_CAT_COMPANY_SYSTEM_GENERATED_TXT" />
			</div>
		</div>
		-->
								
		<div class="col-md-4">
			<div class="input-group mb-0">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_CAT_COMPANY_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">
			<div class="input-group mb-0">
				<select class="form-control" id="SELECT_MODAL_CATEGORY_COMPANY_SEARCH_ORDER_BY_CMB">					
					<option value="CAT_COMPANY_ID_ASC">Order by : ID &darr;A-Z</option>
					<option value="CAT_COMPANY_ID">Order by : ID &uarr;Z-A</option>
					<option value="CAT_COMPANY_DESCRIPTION_ASC" selected>Order by : Description &darr;A-Z</option>
					<option value="CAT_COMPANY_DESCRIPTION">Order by : Description &uarr;Z-A</option>
					<option value="CAT_COMPANY_TIN_ASC">Order by : TIN &darr;A-Z</option>
					<option value="CAT_COMPANY_TIN">Order by : TIN &uarr;Z-A</option>
					<option value="CAT_COMPANY_ADDRESS_ASC">Order by : Address &darr;A-Z</option>
					<option value="CAT_COMPANY_ADDRESS">Order by : Address &uarr;Z-A</option>
					<option value="CAT_COMPANY_MOBILE_ASC">Order by : Mobile Number &darr;A-Z</option>
					<option value="CAT_COMPANY_MOBILE">Order by : Mobile Number &uarr;Z-A</option>
					<option value="CAT_COMPANY_PHONE_ASC">Order by : Phone Number &darr;A-Z</option>
					<option value="CAT_COMPANY_PHONE">Order by : Phone Number &uarr;Z-A</option>
					<option value="CAT_COMPANY_FAX_ASC">Order by : FAX &darr;A-Z</option>
					<option value="CAT_COMPANY_FAX">Order by : FAX &uarr;Z-A</option>
					<option value="CAT_COMPANY_EMAIL_ASC">Order by : Email &darr;A-Z</option>
					<option value="CAT_COMPANY_EMAIL">Order by : Email &uarr;Z-A</option>
					<option value="CAT_COMPANY_WEBSITE_ASC">Order by : Website &darr;A-Z</option>
					<option value="CAT_COMPANY_WEBSITE">Order by : Website &uarr;Z-A</option>
					<option value="CAT_COMPANY_SNS_PAGE_ASC">Order by : SNS Page &darr;A-Z</option>
					<option value="CAT_COMPANY_SNS_PAGE">Order by : SNS Page &uarr;Z-A</option>
					<option value="CAT_COMPANY_COMPANY_TYPE_ASC">Order by : Company Type &darr;A-Z</option>
					<option value="CAT_COMPANY_COMPANY_TYPE">Order by : Company Type &uarr;Z-A</option>
					<option value="CAT_COMPANY_REMARKS_ASC">Order by : Remarks &darr;A-Z</option>
					<option value="CAT_COMPANY_REMARKS">Order by : Remarks &uarr;Z-A</option>
					<option value="CAT_COMPANY_SYSTEM_GENERATED_ASC">Order by : System Generated &darr;A-Z</option>
					<option value="CAT_COMPANY_SYSTEM_GENERATED">Order by : System Generated &uarr;Z-A</option>
				</select>
			</div>
		</div>
		<div class="col-sm-4 search-btn" style="text-align: right;">
			<button class="btn btn-primary btn-block" type="button" id="SELECT_MODAL_CATEGORY_COMPANY_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_COMPANY_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-2">	
		<table class="table table-content table-striped table-sm" id="SELECT_MODAL_CATEGORY_COMPANY_DGV"> 
			<thead class="bg-primary-custom" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER">
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"></th>
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>

					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_ID" style="display: none;">ID</th>
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_DESCRIPTION" style="cursor: pointer;">Description</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_TIN" style="cursor: pointer;">TIN</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_ADDRESS" style="cursor: pointer;">Address</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_MOBILE" style="cursor: pointer;">Mobile Number</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_PHONE" style="cursor: pointer;">Phone Number</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_FAX" style="cursor: pointer;">FAX</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_EMAIL" style="cursor: pointer;">Email</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_WEBSITE" style="cursor: pointer;">Website</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_SNS_PAGE" style="cursor: pointer;">SNS Page</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_COMPANY_TYPE" style="cursor: pointer;">Company Type</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_REMARKS" style="cursor: pointer;">Remarks</th>					
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_STATUS" style="display: none;">Status</th>
					<th id="SELECT_MODAL_CATEGORY_COMPANY_DGV_HEADER_CAT_COMPANY_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_COMPANY_DGV_ROW">
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='radio' name='SELECT_MODAL__RADIO'></td>
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_ID" style="display: none;">ID</td>
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_DESCRIPTION" style="cursor: pointer;">Description</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_TIN" style="cursor: pointer;">TIN</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_ADDRESS" style="cursor: pointer;">Address</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_MOBILE" style="cursor: pointer;">Mobile Number</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_PHONE" style="cursor: pointer;">Phone Number</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_FAX" style="cursor: pointer;">FAX</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_EMAIL" style="cursor: pointer;">Email</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_WEBSITE" style="cursor: pointer;">Website</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_SNS_PAGE" style="cursor: pointer;">SNS Page</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_COMPANY_TYPE" style="cursor: pointer;">Company Type</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_REMARKS" style="cursor: pointer;">Remarks</td>					
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_STATUS" style="display: none;">Status</td>
					<td id="SELECT_MODAL_CATEGORY_COMPANY_DGV_ROW_CAT_COMPANY_SYSTEM_GENERATED" style="display: none;">System Generated</td>
				</tr>
			</tbody>
		</table>
	</div>	
	<div class="modal-footer justify-content-start selmodal-pagination">	
		<button class="btn btn-lg btn-primary btn-pg-left" id="SELECT_MODAL_CATEGORY_COMPANY_LOAD_PREV_BBI"><i class="fas fa-chevron-left"></i></button>
		<select class="form-control col-md-2 search-btn h-45" id="SELECT_MODAL_CATEGORY_COMPANY_LOAD_PAGING_CMB"></select>
		<button class="btn btn-lg btn-primary btn-pg-right" id="SELECT_MODAL_CATEGORY_COMPANY_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_COMPANY_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary" type="button" id="SELECT_MODAL_CATEGORY_COMPANY_APPLY_CMD" title="OK">OK</button>	
	</div>
	
</div>
<script type="text/javascript" src="<!--[#SITE_URL;]-->/res/import/category/company/selmodal.js"></script>
