Newer
Older
teacher-diary / src / main / resources / templates / auth / login.html
<!DOCTYPE html>
<html lang="ru" xmlns:th="http://www.thymeleaf.org"
      th:replace="~{layout/auth :: html(pageTitle='Вход', content=~{::content}, scripts=~{::scripts})}">
<body>
<th:block th:fragment="content">
    <div class="auth-title">
        <h2>Добро пожаловать!</h2>
        <p>Войдите в свой аккаунт</p>
    </div>

    <form class="auth-form" method="post" th:action="@{/auth/login}">
        <div class="mb-3">
            <label for="email" class="form-label">Email</label>
            <input type="email"
                   class="form-control"
                   id="email"
                   name="email"
                   placeholder="your@email.com"
                   required
                   autofocus>
        </div>

        <div class="mb-3">
            <label for="password" class="form-label">Пароль</label>
            <input type="password"
                   class="form-control"
                   id="password"
                   name="password"
                   placeholder="Введите пароль"
                   required>
        </div>

        <div class="d-flex justify-content-between align-items-center mb-4">
            <div class="form-check">
                <input type="checkbox" class="form-check-input" id="remember-me" name="remember-me">
                <label class="form-check-label" for="remember-me">Запомнить меня</label>
            </div>
            <a th:href="@{/auth/forgot-password}">Забыли пароль?</a>
        </div>

        <button type="submit" class="btn btn-auth">
            Войти
        </button>
    </form>

    <div class="auth-divider"><span>или</span></div>

    <div class="auth-links">
        <p class="mb-0">Ещё нет аккаунта? <a th:href="@{/auth/register}">Зарегистрироваться</a></p>
    </div>
</th:block>

<th:block th:fragment="scripts"></th:block>
</body>
</html>