<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{/web/layout/homeLayout}">
	<th:block layout:fragment="layout_css">
		<link rel="stylesheet" href="/css/web/hospital_diagnosis.css?v1.1">
		<link rel="stylesheet" href="/css/web/modal_hospital_diagnosis.css?v1.1">
		<!-- <link rel="stylesheet" href="/css/web/modal.css?v1.1"> -->
		<!-- <link rel="stylesheet" href="/css/web/grid.css?v1.1"> -->
	</th:block>

<th:block layout:fragment="layout_top_script">
<script src="/js/web/common_option.js"></script>
<script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
<script>
let menuClass     = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";

let selectUseYn   = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
let insertUseYn   = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
let updateUseYn   = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
let deleteUseYn   = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";


/* 검색 관련 변수 */
let treatmentProcedureSearchKeywordParam = "[[${param.treatmentProcedureSearchKeywordParam}]]";
let treatmentProcedureSort               = "[[${param.treatmentProcedureSort}]]";
let treatmentProcedureDir                = "[[${param.treatmentProcedureDir}]]";
let treatmentProcedureStart              = "[[${param.treatmentProcedureStart}]]"==""?0:"[[${param.treatmentProcedureStart}]]";
let treatmentProcedureLimit              = "[[${param.treatmentProcedureLimit}]]"==""?100:"[[${param.treatmentProcedureLimit}]]";

</script>
</th:block>
<th:block layout:fragment="layout_content">
<!-- 센터쪽 -->
<div class="center_box">
	<p class="page_title">진료·시술 설정</p>
	
	<div class="diagnosis_box">
		<ul class="diagnosis_list" id="diagnosisList">
			<li>
				<p class="title">진료</p>

				<div class="right_btn_box">
					<button id="btnAddTreatmentRow" class="diagnosis_item_btn">
						<img src="/image/web/group_btn_icon.svg" alt="진료항목 추가"/>진료항목 추가
					</button>
				</div>
			</li>
			
			<li class="title">
				<div class="diagnosis_division_box">진료구분</div>

				<div class="surgery_box">시술수 </div>

				<div class="dropdown_box"></div>
			</li>
		</ul>

		<div class="diagnosis_table_box">
			<div class="filter_box">
				<div class="form_box">
					<p class="active title"></p>
					
					<p class="title"></p>
					<!-- 검색input -->
					<div class="search_list">
						<div class="search_box">
							<img src="/image/web/search_G.svg" alt="search"/>
							<input type="text" id="treatmentProcedureSearchKeyword" required placeholder="시술명, 약품, 닥터명">

							<div class="search_list"></div><!-- 검색내역 나오는곳 -->
						</div>
						<button id="btnSearchTreatmentProcedure" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
					</div>

					<div class="right_btn_box">
						<button id="btnUpdateTreatmentProcedureTreatmentId" class="diagnosis_movement_btn" style="transition: all 0.2s ease-in-out 0s;">
							<img src="/image/web/diagnosis_movement_btn_icon.svg" alt="진료이동"/>진료이동
						</button>
						<button id="btnInsertTreatmentProcedure" class="surgery_addition_btn" style="transition: all 0.2s ease-in-out 0s;">
							<img src="/image/web/surgery_addition_btn_icon.svg" alt="시술추가"/>시술추가
						</button>
						<button id="btnUpdateTreatmentProcedureEnableYn2" class="inactive_btn">비활성화</button>
					</div>
				</div>
			</div>

			<input type="hidden" id="muTreatmentId" />
			<div id="treatmentProcedureGrid" class="table_box ag-theme-balham"></div>
		</div>
	</div>
</div>
<form id="treatmentSelectListForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_popup">
</th:block>
<th:block layout:fragment="layout_script">
<script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
<script src="/js/web/treatment/treatmentSelectList.js"></script>

<script src="/js/web/product/popup/productSearchPop.js"></script>
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureInsertPop.js"></script>
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureUpdatePop.js"></script>
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureSelectPop.js"></script>
<script src="/js/web/treatmentprocedure/popup/treatmentProcedureTreatmentIdUpdatePop.js"></script>
</th:block>
</html>
