<!-- Recaption-Modal -->
<div class="search-project" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE" class="col-lg-6 col-sm-12" style="display: none; width: 95%; padding: 40px; border-style: groove; border-color: #dfdfdf; border-radius: 15px; max-height: 95%; overflow: auto;">

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">
		<h5>Select Elements</h5>	
	</div>
	<div class="container-fluid row">	
		<table class="table table-content table-striped" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV"> 
			<thead class="bg-blue" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER">
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"><input type='checkbox'></th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_ID">ELEMENT ID</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_CAPTION">Caption</th>
				</tr>
			</thead>
		
			<tbody style="display: block; height: 300px; overflow-y: scroll;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW">
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='checkbox' name='SELECT_MODAL_MULTI__RADIO'></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_ID"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_CAPTION"></td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">	
		<div class="col-sm-12 search-btn" style="text-align: right;">
			<button class="btn btn-primary" type="button" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_RECAPTION_CMD" title="OK">Add to Recaption</button>
		</div>	
	</div>
	
	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">
		<h5>Recaption Elements</h5>	
	</div>
	<div class="container-fluid row">	
		<table class="table table-content table-striped" id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV"> 
			<thead class="bg-blue" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER">
					<th id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_ID">ELEMENT ID</th>
					<th id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_CAPTION">New Caption</th>
					<th id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_DELETE_BBI">Remove</th>
				</tr>
			</thead>
		
			<tbody style="display: block; height: 300px; overflow-y: scroll;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW">
					<td id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_ID"></td>
					<td id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_CAPTION"><input type="text" style="width: 100%;"></td>
					<td id="RECAPTION_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_DELETE_BBI"><button type="button" class="btn btn-danger" title="Delete Item"><i class="fas fa-trash-alt"></i></button></td>
				</tr>
			</tbody>
		</table>
	</div>

	<div class="form-group row" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_URL_DLG_BLOCK">
		<label for="" class="col-sm-4 col-form-label">Page URL</label>
		<div class="col-sm-7">
			<input type="hidden" class="form-control" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_ID_TXT">
			<input type="hidden" class="form-control" placeholder="Long String Value" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_LSTRING_TXT">
			<input type="text" class="form-control" placeholder="Page URL" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_URL_TXT">
		</div>
	</div>
	<div class="form-group row">
		<label for="" class="col-sm-4 col-form-label">Applied Level</label>
		<div class="col-sm-7">
			<select class="form-control" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_ACC_LEVEL_ID_CMB">
			</select>
		</div>
	</div>
	<div class="form-group row" id="RECAPTION_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="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_CODE_TXT" readonly>
		</div>
	</div>
	<div class="form-group row" id="RECAPTION_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="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_DESCRIPTION_TXT" readonly>
		</div>
	</div>

	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">		
		<div class="col-sm-12 search-btn" style="text-align: right;">
			<button class="btn btn-secondary" type="button" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_CANCEL_CMD" title="Cancel">Cancel</button>
			<button class="btn btn-primary" type="button" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_APPLY_CMD" title="OK">OK</button>
		</div>	
	</div>

</div>




<!-- Recaption-Modal -->
<div class="search-project" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT" class="col-lg-6 col-sm-12" style="display: none; width: 95%; padding: 40px; border-style: groove; border-color: #dfdfdf; border-radius: 15px; max-height: 95%; overflow: auto;">

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">
		<h5>[Re-Caption] Select Configuration to Edit</h5>	
	</div>
	<div class="container-fluid row">	
		<table class="table table-content table-striped" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV"> 
			<thead class="bg-blue" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER">
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_ID" style="display: none;">ID</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_ACC_LEVEL_ID" style="display: none;">Level</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_ACC_LEVEL_DESCRIPTION" style="width: 25%;">Level</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_URL" style="width: 50%;">Path</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_CODE" style="width: 25%;">Code</th>
					<th id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_OPEN_BBI" style="width: 80px;">Edit</th>
				</tr>
			</thead>
		
			<tbody style="display: block; height: 250px; overflow-y: scroll;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW">
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_ID" style="display: none;"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_ACC_LEVEL_ID" style="display: none;"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_ACC_LEVEL_DESCRIPTION" style="width: 25%;"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_URL" style="width: 50%;"></td>
					<td id="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_CODE" style="width: 25%;"></td>
					<td id="RECAPTION_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="RECAPTION_MODAL_CATEGORY_CUSTOMIZE_EDIT_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary" type="button" id="RECAPTION_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/recaption.js"></script>