<!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/userSubMenuLayout}">
	<th:block layout:fragment="layout_css">
		<link rel="stylesheet" href="/css/web/customer_sub_consulting_sub.css?v1.1">
		<link rel="stylesheet" href="/css/web/modal_customer_sub_consulting.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 muUserId = "[[${param.muUserId}]]";

/* 검색 관련 변수 */
let userSearchKeywordParam = "[[${param.userSearchKeywordParam}]]";
let userSort               = "[[${param.userSort}]]";
let userDir                = "[[${param.userDir}]]";
let userStart              = "[[${param.userStart}]]"==""?0:"[[${param.userStart}]]";
let userLimit              = "[[${param.userLimit}]]"==""?500:"[[${param.userLimit}]]";

let search_nationality = "[[${param.nationality}]]"??"";
let search_userType = "[[${param.userType}]]"??"";
let search_membershipYn = "[[${param.membershipYn}]]"??"";

/* 검색 관련 변수 */
let userConsultingChartSearchKeywordParam   = "[[${param.userConsultingChartSearchKeywordParam}]]";
let userConsultingChartSort                 = "[[${param.userConsultingChartSort}]]";
let userConsultingChartDir                  = "[[${param.userConsultingChartDir}]]";
let userConsultingChartStart                = "[[${param.userConsultingChartStart}]]"==""?0:"[[${param.userConsultingChartStart}]]";
let userConsultingChartLimit                = "[[${param.userConsultingChartLimit}]]"==""?100:"[[${param.userConsultingChartLimit}]]";

let userConsultingChartSearchStartDate      = "[[${param.userConsultingChartSearchStartDate}]]";
let userConsultingChartSearchEndDate        = "[[${param.userConsultingChartSearchEndDate}]]";
let userConsultingChartSearchDateType       = "[[${param.userConsultingChartSearchDateType}]]"==""?"A":"[[${param.userConsultingChartSearchDateType}]]";

let userConsultingChartTreatmentId          = "[[${param.userConsultingChartTreatmentId}]]";
let userConsultingChartTreatmentProcedureId = "[[${param.userConsultingChartTreatmentProcedureId}]]";
let userConsultingChartReserveMemberId      = "[[${param.userConsultingChartReserveMemberId}]]";

let muUserConsultingChartId                 = "[[${param.muUserConsultingChartId}]]";

</script>
</th:block>
<th:block layout:fragment="layout_content">
<!-- 센터쪽 -->
<div class="center_box">
	<div class="info_box_top">
        <p class="page_title">상담차트 상세정보</p>
        <button class="print_btn" id="btnPrintUserConsultingChart">차트 인쇄</button>
    </div>
	
	<div class="info_box">
		<div class="info">
			<div class="form_box">
				<p class="chart_numder">차트번호 <span id="chartNumber"></span></p>
				<p class="patient_name" id="userName"></p>
				<p class="patient_info">(
					<span id="userBirthday"></span>,
					<span id="userGender"></span>,
					<span id="userNationality"></span>,
					<span id="userPhoneNumber"></span>
					)
				</p>

				<div class="textarea_box">
					<label>특이 사항</label>
					<p class="title_info">*시술 및 약물 관련 특이사항</p>
					<textarea id="userEtc" placeholder="" disabled></textarea>
				</div>

				<div class="chart_info_box">
					<label>차트 내용</label>
					<div class="right_text">
						<p class="first">
							작성일자
							<span id="writeDate"></span>
						</p>
						<p>
							작성자
							<span id="writeMemberName"></span>
						</p>
					</div>

					<ul class="chart_info_list">
						<li>
							<div class="info_right">
								<label>진료유형</label>
								<input type="text" id="treatmentName" placeholder="" disabled>
							</div>
							<div class="info_left">
								<label>시술(상품)명</label>
								<input type="text" id="treatmentProcedureName" placeholder="" disabled>
							</div>
						</li>
						<li>
							<div class="info_right">
								<label>닥터/상담</label>
								<input type="text" id="reserveMemberName" placeholder="" disabled>
							</div>
							<div class="info_left correction">
								<label>예약일시</label>
								<input type="text" id="reserveDateTime" placeholder="" disabled>
							</div>
						</li>
						<!-- <li class="single">
							<label>사전 진행 항목</label>
							
							<div class="check_list">
								<div>
									<label for="progress1" class="chk_box">
										<input type="checkbox" name="progress" id="progress1" checked="checked">
										<span class="on"></span>
										피부
									</label>
								</div>
								<div>
									<label for="progress2" class="chk_box">
										<input type="checkbox" name="progress" id="progress2">
										<span class="on"></span>
										x-ray
									</label>
								</div>
								<div>
									<label for="progress3" class="chk_box">
										<input type="checkbox" name="progress" id="progress3">
										<span class="on"></span>
										피부
									</label>
								</div>
							</div>
						</li> -->
						<li class="single">
							<label>상세 내용</label>
							<div class="textarea_box">
								<textarea class="area" id="content" placeholder=""></textarea>
							</div>
						</li>
						<li>
							<div class="button_box">
								<button class="modify_btn" id="btnUpdateUserConsultingChart">수정</button>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<form id="userConsultingChartUpdateForm" 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/user/userConsultingChartUpdate.js"></script>
<script src="/js/web/user/popup/userConsultingChartSelectPop.js"></script>
</th:block>
</html>
