<div>

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

		<!-- 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="Full Name" id="SELECT_MODAL_RECORD_EMPLOYEE_SEARCH_REC_EMPLOYEE_NAME_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_RECORD_EMPLOYEE_SEARCH_REC_EMPLOYEE_SYSTEM_GENERATED_TXT" />
				</div>
			</div>
			-->
									
			<div class="col-md-4">
				<div class="input-group mb-0">
					<select class="form-control" id="SELECT_MODAL_RECORD_EMPLOYEE_SEARCH_REC_EMPLOYEE_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_RECORD_EMPLOYEE_SEARCH_ORDER_BY_CMB">					
						<option value="REC_EMPLOYEE_ID_ASC">Order by : ID &darr;A-Z</option>
						<option value="REC_EMPLOYEE_ID">Order by : ID &uarr;Z-A</option>
						<option value="REC_EMPLOYEE_NAME_ASC" selected>Order by : Full Name &darr;A-Z</option>
						<option value="REC_EMPLOYEE_NAME">Order by : Full Name &uarr;Z-A</option>
						<option value="REC_EMPLOYEE_SYSTEM_GENERATED_ASC">Order by : System Generated &darr;A-Z</option>
						<option value="REC_EMPLOYEE_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_RECORD_EMPLOYEE_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_RECORD_EMPLOYEE_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">	
			<table class="table table-content table-striped table-sm" id="SELECT_MODAL_RECORD_EMPLOYEE_DGV"> 
				<thead class="bg-primary-custom" style="color: #fff;">
					<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER">
						<th id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"></th>
						<th id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>

						<th id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER_REC_EMPLOYEE_ID" style="display: none;">ID</th>
						<th id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER_REC_EMPLOYEE_NAME" style="cursor: pointer;">Full Name</th>					
						<th id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER_REC_EMPLOYEE_STATUS" style="display: none;">Status</th>
						<th id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_HEADER_REC_EMPLOYEE_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_RECORD_EMPLOYEE_DGV_ROW">
						<td id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='radio' name='SELECT_MODAL__RADIO'></td>
						<td id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
						
						<td id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_ROW_REC_EMPLOYEE_ID" style="display: none;">ID</td>
						<td id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_ROW_REC_EMPLOYEE_NAME" style="cursor: pointer;">Full Name</td>					
						<td id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_ROW_REC_EMPLOYEE_STATUS" style="display: none;">Status</td>
						<td id="SELECT_MODAL_RECORD_EMPLOYEE_DGV_ROW_REC_EMPLOYEE_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_RECORD_EMPLOYEE_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_RECORD_EMPLOYEE_LOAD_PAGING_CMB"></select>
			<button class="btn btn-lg btn-primary btn-pg-right" id="SELECT_MODAL_RECORD_EMPLOYEE_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_RECORD_EMPLOYEE_CANCEL_CMD" title="Cancel">Cancel</button>
			<button class="btn btn-primary" type="button" id="SELECT_MODAL_RECORD_EMPLOYEE_APPLY_CMD" title="OK">OK</button>
		</div>
		
	</div>
	<script type="text/javascript" src="<!--[#SITE_URL;]-->/res/import/record/employee/selmodal.js"></script>

</div>