<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/homeLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/reservation.css">
	<link rel="stylesheet" href="/css/mobile/swiper-bundle.min.css">
</th:block>
<th:block layout:fragment="layout_top_script">
	<script src="/js/mobile/swiper-bundle.min.js"></script>
	<script>
		let searchDate = "[[${param.searchDate}]]";
	</script>
</th:block>

<th:block layout:fragment="layout_content">
<div class="button_box">
	<button onClick="location.href='/mobilereservation/insertReservationIntro.do'">
		<p>내원 계획이 있으신가요?</p>
		<p>진료 예약하기</p>
		<img src="/image/mobile/arrow_w.svg" alt="arrow"/>
	</button>
</div>
<div class="reservation_list">
	<div class="present_reservation"><!-- 예약내역 -->
		<p class="title">예약 내역</p>
	</div>
	<div class="past_reservation"><!-- 지난예약 -->
		<p class="title">지난 예약</p>
		<div class="calendar_box">
			<div class="date_box"> <!-- 년,월만 나오게 -->
				<!--<img src="/image/mobile/datepicker.svg" alt="datepicker"/>-->
				<input type="month" class="date_picker" id="mmDatepicker">
			</div>
		</div>
	</div>
</div>
<form id="loginForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/mobile/reservation/selectReservationList.js"></script>
	<script src="/js/mobile/reservation/popup/selectReservePendingPop.js"></script>
	<script src="/js/mobile/reservation/popup/selectPromiseCompletedPop.js"></script>
	<script src="/js/mobile/reservation/popup/selectPastReservePop.js"></script>
</th:block>
</html>