<!-- ShowHide-Modal -->
<div class="sp-selmodal col-lg-11 col-sm-12" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE">

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div>
		<h5 class="text-black">Select Elements</h5>	
	</div>
	<div class="table-responsive">	
		<table class="cust-table table table-content table-striped table-sm border-bottom" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV"> 
			<thead class="bg-primary-custom " style="color: #fff;">
				<tr id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER">
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"><input type='checkbox'></th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_ID">ELEMENT ID</th>
				</tr>
			</thead>
		
			<tbody>
				<tr id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW">
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='checkbox' name='SELECT_MODAL_MULTI__RADIO'></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_ID"></td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="container-fluid">	
		<div class="col-sm-12 search-btn" style="text-align: right;">
			<button class="btn btn-primary" type="button" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_HIDE_CMD" title="OK">Show Selected</button>
		</div>	
	</div>
	
	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="">
		<h5 class="text-black">Show Elements</h5>	
	</div>
	<div class="table-responsive">	
		<table class="cust-table table table-content table-striped table-sm border-bottom" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV"> 
			<thead class="bg-primary-custom" style="color: #fff;">
				<tr id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER">
					<th id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_ID">ELEMENT ID</th>
					<th id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_DELETE_BBI">Remove</th>
				</tr>
			</thead>
		
			<tbody>
				<tr id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW">
					<td id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_ID"></td>
					<td id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_DELETE_BBI"><button type="button" class="btn btn-xs btn-danger" title="Delete Item"><i class="fas fa-trash-alt"></i></button></td>
				</tr>
			</tbody>
		</table>
	</div>

	<div class="row">
		<div class="col-md-8">
			<div class="form-group row" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_URL_DLG_BLOCK">
				<label for="" class="col-md-2 col-form-label">Page URL</label>
				<div class="col-md-9">
					<input type="hidden" class="form-control" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_ID_TXT">
					<input type="hidden" class="form-control" placeholder="Long String Value" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_LSTRING_TXT">
					
					<input type="text" class="form-control" placeholder="Page URL" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_URL_TXT">
				</div>
			</div>
			<div class="form-group row">
				<label for="" class="col-md-2 col-form-label">Applied Level</label>
				<div class="col-md-9">
					<select class="form-control" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_ACC_LEVEL_ID_CMB">
					</select>
				</div>
			</div>
		</div>
		<div class="col-md-4">
			<div class="form-group row" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_CODE_DLG_BLOCK">
				<label for="" class="col-sm-4 col-form-label">Settings Code</label>
				<div class="col-sm-7">
					<input type="text" class="form-control" placeholder="Settings Code" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_CODE_TXT" readonly>
				</div>
			</div>
			<div class="form-group row" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_DESCRIPTION_DLG_BLOCK">
				<label for="" class="col-sm-4 col-form-label">Description</label>
				<div class="col-sm-7">
					<input type="text" class="form-control" placeholder="Description" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_DESCRIPTION_TXT" readonly>
				</div>
			</div>
		</div>
	</div>

	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="modal-footer justify-content-between">		
		<button class="btn btn-secondary" type="button" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary" type="button" id="SHOWHIDE_HIDDEN_MODAL_CATEGORY_CUSTOMIZE_APPLY_CMD" title="OK">OK</button>	
	</div>

</div>




<!-- ShowHide-Modal -->
<div class="sp-selmodal col-lg-11 col-sm-12" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT">

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="">
		<h5 class="text-black">[Show-Hide] Select Configuration to Edit</h5>	
	</div>
	<div class="table-responsive">	
		<table class="cust-table table table-content table-striped table-sm border-bottom" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV"> 
			<thead class="bg-primary-custom" style="color: #fff;">
				<tr id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER">
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_ID" style="display: none;">ID</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_ACC_LEVEL_ID" style="display: none;">Level</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_ACC_LEVEL_DESCRIPTION" style="width: 25%;">Level</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_URL" style="width: 50%;">Path</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_CODE" style="width: 25%;">Code</th>
					<th id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_OPEN_BBI" style="width: 80px;">Edit</th>
				</tr>
			</thead>
		
			<tbody>
				<tr id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW">
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_ID" style="display: none;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_ACC_LEVEL_ID" style="display: none;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_ACC_LEVEL_DESCRIPTION" style="width: 25%;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_URL" style="width: 50%;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_CODE" style="width: 25%;"></td>
					<td id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_OPEN_BBI" style="width: 80px;"><button type="button" class="btn btn-secondary" title="Item Details"><i class="fas fa-folder-open"></i></button></td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="modal-footer justify-content-between">	
		<button class="btn btn-secondary" type="button" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary" type="button" id="SHOWHIDE_MODAL_CATEGORY_CUSTOMIZE_EDIT_ADD_CMD" title="Add New">Add New</button>	
	</div>
</div>


<script type="text/javascript" src="<!--[#SITE_URL;]-->/res/import/category/customize/showhide.js"></script>