<!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/login_password3.css">
	<link rel="stylesheet" href="/css/mobile/login_password_find.css">
</th:block>

<th:block layout:fragment="layout_top_script">
	<script>
		let userPhoneNumber = "[[${param.userPhoneNumber}]]"
		let membershipAccount = "[[${param.membershipAccount}]]"
		let errorMsg = "[[${errorMsg}]]"
	</script>
</th:block>

<th:block layout:fragment="layout_content">
	<div th:if="${#lists.isEmpty(userIdData)}">
		<div class="text_box">
			<p>비밀번호 재설정</p>
			<p>새로운 비밀번호를 입력해주세요.</p>
		</div>
		<ul class="list_box">
			<li class="first">
				<label>비밀번호</label>
				<div>
					<input type="password" id="membershipPassword" placeholder="비밀번호를 입력해주세요."/>
				</div>
			</li>
			<li>
				<div>
					<input type="password" id="passwordCheck" placeholder="비밀번호 재확인"/>
				</div>
			</li>
		</ul>
		<div class="button_box">
			<button onClick="fn_updateUserPassword()">다음</button>
		</div>
	</div>
	<!-- 데이터가 있을 경우 -->
	<div th:if="${!#lists.isEmpty(userIdData)}">
		<div class="text_box">
			<p>비밀번호 재설정</p>
			<p>비밀번호 재설정이 완료되었습니다.</p>
		</div>
		<div class="info_box">
			<ul>
				<li>
					<p class="label">아이디</label>
					<p th:text="${userIdData[0]['membershipAccount']}">test</p>
				</li>
				<li class="last">
					<p class="label">변경일</label>
					<p th:text="${userIdData[0]['modDate']}">2024-00-00</p>
				</li>
			</ul>
		</div>
		<ul class="loginPage_list">
			<li><a href="/mobile">로그인 하기</a></li>
		</ul>
		<div class="button_box">
			<button onclick="location.href='/mobile'">완료</button>
		</div>
	</div>
</th:block>
<th:block layout:fragment="layout_script">
	<script src="/js/mobile/user/updateUserPassword.js"></script>
</th:block>
</html>

