<!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="~{/mobile/layout/detailLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/reservation_check.css">
</th:block>
<th:block layout:fragment="layout_top_script">
	<script>
		let reserveDate = "[[${param.reserveDate}]]";
		let reserveTime = "[[${param.reserveTime}]]";
		let muTreatmentId = "[[${param.muTreatmentId}]]";
		let treatmentName = "[[${param.treatmentName}]]";
		let muProcedureId = "[[${param.muProcedureId}]]";
		let procedureName = "[[${param.procedureName}]]";
	</script>
</th:block>
<th:block layout:fragment="layout_content">
<div class="content_box">
	<h3>예약 내용을 확인해주세요</h3>
	<p class="title">예약 정보</p>
	<ul>
		<li>
			<p class="label">예약 일시</p>
			<p id="reserveDate">2024-07-05, 15:00</p>
		</li>
		<li>
			<p class="label">예약 진료</p>
			<p id="treatmentName">쁘띠</p>
		</li>
		<li>
			<p class="label">시술</p>
			<p id="procedureName">보톡스</p>
		</li>
	</ul>
	<p class="title">요청사항</p>
	<textarea placeholder="내용을 입력해주세요"></textarea>
</div>
<div class="button_box">
	<button class="next_btn" data-toggle="modal" data-target=".promise_pending_modal">완료</button>
</div>
<!--        &lt;!&ndash; 접수대기 모달 &ndash;&gt;-->
<!--		<div class="modal promise_pending_modal fade" id="" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="">-->
<!--			<div class="modal-dialog">-->
<!--				<div class="modal-content">-->
<!--					<div class="modal-header">-->
<!--						<p class="label">-->
<!--                            안녕하세요 <span>000</span>님!<br/>-->
<!--                            방문해주셔서 감사합니다.-->
<!--                        </p>-->
<!--					</div>    -->
<!--		-->
<!--					<div class="modal-body">-->
<!--						<ul>-->
<!--                            <li class="first">-->
<!--                                <p class="label">예약 일시</p>-->
<!--                                <p>2024-07-09, 14:00</p>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <p class="label">예약 유형</p>-->
<!--                                <p>상담(쁘띠)</p>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <p class="label">시술</p>-->
<!--                                <p>피부관리</p>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <p class="label">시술</p>-->
<!--                                <p class="blue">예약완료</p>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--					</div>-->

<!--					<div class="modal-footer">-->
<!--						<div class="btn_box">-->
<!--							<button class="cancel_btn">예약 취소</button>-->
<!--							<button class="ok_btn">확인</button>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
	<form id="eventForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/mobile/reservation/selectReservation.js"></script>
	<script src="/js/mobile/reservation/popup/selectReservePendingPop.js"></script>
</th:block>
</html>