<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>게스트 로그인</title>
    <link rel="stylesheet" th:href="@{/css/style.css}">
</head>
<body>
    <div style="width:300px; margin:100px auto; border:1px solid #ccc; padding:20px; border-radius:10px;">
        <h2 style="text-align:center;">게스트 로그인</h2>
        <form th:action="@{/authenticate}" method="post">
            <input type="hidden" id="id" name="id" />
            <input type="hidden" id="pw" name="pw" />
            <div style="margin-top:10px;">
                <label for="password">OTP</label>
                <input type="text" id="code" name="code" required>
            </div>
            <div style="margin-top:20px; text-align:center;">
                <button type="submit">로그인</button>
            </div>
        </form>

        <!-- 로그인 실패 시 메시지 -->
        <div th:if="${param.error}" style="color:red; margin-top:10px; text-align:center;">
            아이디 또는 비밀번호가 잘못되었습니다.
        </div>

        <!-- 로그아웃 성공 시 메시지 -->
        <div th:if="${param.logout}" style="color:green; margin-top:10px; text-align:center;">
            로그아웃 되었습니다.
        </div>
    </div>
</body>
</html>
