<!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/loginLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/login.css?v1.1">
</th:block>
<th:block layout:fragment="layout_top_script">
	<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.1.0/kakao.min.js" integrity="sha384-dpu02ieKC6NUeKFoGMOKz6102CLEWi9+5RQjWSV0ikYSFFd8M3Wp2reIcquJOemx" crossorigin="anonymous"></script>
	<script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
	<script src="/js/mobile/naverLogin_SDK_2.0.2.js"></script>
</th:block>
<th:block layout:fragment="layout_content">
<body>
	<div>
		<img class="logo" src="/image/mobile/logo.svg" alt="logo"/>
		<div class="text_box">
			<p>안녕하세요<br/>메이드유의원입니다.</p>
			<p>멤버십 서비스 이용을 위해 로그인 해주세요.</p>
		</div>
		<ul class="login_list">
			<li><input type="text" id="loginId" placeholder="계정명"/></li>
			<li><input type="password" id="password" placeholder="비밀번호"/></li>
			<li><button class="login_btn" id="btnLogin">멤버십 로그인</button></li>
		</ul>
		<ul class="loginPage_list">
			<li><a href="/mobilejoin/joinIntro.do">회원가입</a></li>
			<li><a href="/mobileuser/selectUserIdIntro.do">계정 찾기</a></li>
			<li><a href="/mobileuser/selectUserPasswordIntro.do">비밀번호 찾기</a></li>
		</ul>
		<ul class="loginWay_list">
			<li>
				<button class="kakao_btn" onclick="loginWithKakao()"><img src="/image/mobile/KakaoTalk.svg" alt="카카오톡"/>Kakao 아이디로 로그인</button>
			</li>
			<li>
				<button class="naver_btn" id="naverLogin" ><img src="/image/mobile/naver.svg" alt="네이버"/>Naver 아이디로 로그인</button>
			</li>
			<li style="display:none;">
				<button class="apple_btn"><img id="appleid-signin" class="apple" src="/image/mobile/apple_M.svg">애플 아이디로 로그인</button>
			</li>
			<div id="naverIdLogin" style="display:none;"></div>
		</ul>
	</div>
<form id="loginForm" onsubmit="return false;"></form>
</body>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/mobile/login/login.js"></script>
<script>
	let snsEmail = '[[${param.snsEmail}]]';
	let loginType = '[[${param.loginType}]]';
</script>
</th:block>
</html>
