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

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row search-container-selmodal">
		<h5>Select Elements</h5>	
	</div>
	
	<div class="container-fluid row">
		<label for="" class="col-sm-4 col-form-label">Target DataGridView : </label>
		<div class="col-sm-6">
			<select class="form-control" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_SELECTION_CMB">
			</select>
		</div>
		<div class="col-sm-1">
			<button class="btn btn-primary" type="button" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_LOAD_COLUMNS_CMD" title="Add New">Apply</button>
		</div>	
	</div>
	
	<div class="container-fluid row">	
		<table class="table table-content table-striped" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV"> 
			<thead class="bg-blue" style="color: #fff;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER">
					<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_IS_SELECTED" style="cursor: pointer; width: 40px;"><input type='checkbox'></th>
					<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
					<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_ID">ELEMENT ID</th>
					<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_COPY_BBI">Insert to text</th>
				</tr>
			</thead>
		
			<tbody style="display: block; height: 300px; overflow-y: scroll;">
				<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW">
					<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_IS_SELECTED" style="width: 40px;"><input type='checkbox' name='SELECT_MODAL_MULTI__RADIO'></td>
					<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
					<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_ID"></td>
					<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_COPY_BBI"><button type="button" class="btn btn-danger" title="Delete Item"><i class="fas fa-trash-alt"></i></button></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="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_DGVCALC_CMD" title="OK">Add to DGVCALC</button>
		</div>	
	</div>
	
	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row">
		<h5>DGVCALC Elements</h5>	
		<div class="table-responsive fix-table-head-mod">	
			<table class="pos-table table table-content table-striped table-sm" id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV"> 
				<thead class="bg-primary-custom" style="color: #fff;">
					<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER">
						<th id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
						<th id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_ID">ELEMENT ID</th>
						<th id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_ELEMENT_CALCULATE">New Caption</th>
						<th id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_APPLY_CFORMAT">CFormat</th>
						<th id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_APPLY_AUTO_TOTAL">Auto Total</th>
						<th id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_HEADER_APPLY_COPY_TOTAL">Copy Total to *</th>
						<th id="DGVCALC_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="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW">
						<td id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
						<td id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_ID"></td>
						<td id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_ELEMENT_CALCULATE"><input type="text"></td>
						<td id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_APPLY_CFORMAT"><input type="checkbox"></td>
						<td id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_APPLY_AUTO_TOTAL"><input type="checkbox"></td>
						<td id="DGVCALC_APPLY_MODAL_CATEGORY_CUSTOMIZE_DGV_ROW_APPLY_COPY_TOTAL"><input type="text"></td>
						<td id="DGVCALC_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>

	<div class="form-group row" id="DGVCALC_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="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_ID_TXT">
			<input type="hidden" class="form-control" placeholder="Long String Value" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_LSTRING_TXT">
			<input type="hidden" class="form-control" placeholder="Short String Value" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_SSTRING_TXT">
			<input type="text" class="form-control" placeholder="Page URL" id="DGVCALC_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="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_ACC_LEVEL_ID_CMB">
			</select>
		</div>
	</div>
	<div class="form-group row" id="DGVCALC_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="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_CAT_CUSTOM_CODE_TXT" readonly>
		</div>
	</div>
	<div class="form-group row" id="DGVCALC_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="DGVCALC_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="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_CANCEL_CMD" title="Cancel">Cancel</button>
			<button class="btn btn-primary" type="button" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_APPLY_CMD" title="OK">OK</button>
		</div>	
	</div>

</div>




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

	<!-- Selection DataGridView -->
	<!-- ================================================================================= -->
	<div class="container-fluid row mt-3">
		<h5>[DGV Auto Calc] Select Configuration to Edit</h5>	
		<div class="table-responsive fix-table-head-mod">	
			<table class="pos-table table table-content table-striped table-sm" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV"> 
				<thead class="bg-primary-custom" style="color: #fff;">
					<tr style="cursor: pointer; display: table; width: 100%; table-layout: fixed;" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER">
						<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_ROW_COUNT" style="cursor: pointer; width: 60px;">#</th>
						<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_ID" style="display: none;">ID</th>
						<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_ACC_LEVEL_ID" style="display: none;">Level</th>
						<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_ACC_LEVEL_DESCRIPTION" style="width: 25%;">Level</th>
						<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_URL" style="width: 50%;">Path</th>
						<th id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_HEADER_CAT_CUSTOM_CODE" style="width: 25%;">Code</th>
						<th id="DGVCALC_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="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW">
						<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_ROW_COUNT" style="width: 60px;"></td>
						<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_ID" style="display: none;"></td>
						<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_ACC_LEVEL_ID" style="display: none;"></td>
						<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_ACC_LEVEL_DESCRIPTION" style="width: 25%;"></td>
						<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_URL" style="width: 50%;"></td>
						<td id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_DGV_ROW_CAT_CUSTOM_CODE" style="width: 25%;"></td>
						<td id="DGVCALC_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>
	</div>
	
	<!-- Action Buttons -->
	<!-- ================================================================================= -->
	<div class="modal-footer justify-content-between">	
		<button class="btn btn-secondary" type="button" id="DGVCALC_MODAL_CATEGORY_CUSTOMIZE_EDIT_CANCEL_CMD" title="Cancel">Cancel</button>
		<button class="btn btn-primary" type="button" id="DGVCALC_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/dgvcalc.js"></script>