<!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/homeLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/home.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 referMenu = "[[${param.referMenu}]]";
	let referTap  = "[[${param.referTap}]]";
</script>
</th:block>

<th:block layout:fragment="layout_content">

<div class="tab_panel" role="tabpanel">
	<!-- Tabs -->
	<div class="nav_box">
		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="navTap active" id="navTap_home">
				<a href="#home" aria-controls="home" role="tab" data-toggle="tab">
					<p>홈</p>
				</a>
			</li>

			<li role="presentation" class="navTap" id="navTap_event">
				<a href="#event" aria-controls="event" role="tab" data-toggle="tab">
					<p>이벤트</p>
				</a>
			</li>
		</ul>
	</div>

	<!-- Tab panes -->
	<div class="tab-content">
		<div role="tabpanel" class="tabContent tab-pane home active" id="home">
			<div class="homeSwiper">
				<div class="swiper-wrapper">
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<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>
		<div role="tabpanel" class="tabContent tab-pane event" id="event">
		</div>
	</div>
</div>
<form id="homeForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/mobile/home/home.js"></script>
</th:block>
</html>