Newer
Older
teacher-diary / src / main / resources / templates / auth / forgot-password.html
<!DOCTYPE html>
<html lang="ru"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/auth}">
<head>
    <title>Восстановление пароля</title>
</head>
<body>
<div layout:fragment="content">
    <div class="auth-title">
        <h2>Забыли пароль?</h2>
        <p>Введите email для восстановления</p>
    </div>

    <form class="auth-form" method="post" th:action="@{/auth/forgot-password}" th:object="${request}">
        <!-- Email -->
        <div class="mb-4">
            <label for="email" class="form-label">Email</label>
            <div class="input-group">
                <span class="input-group-text"><i class="bi bi-envelope"></i></span>
                <input type="email"
                       class="form-control"
                       th:classappend="${#fields.hasErrors('email')} ? 'is-invalid'"
                       id="email"
                       th:field="*{email}"
                       placeholder="your@email.com"
                       required
                       autofocus>
            </div>
            <div class="invalid-feedback d-block" th:if="${#fields.hasErrors('email')}" th:errors="*{email}"></div>
        </div>

        <!-- Submit -->
        <button type="submit" class="btn btn-auth">
            <i class="bi bi-send"></i>
            Отправить ссылку
        </button>
    </form>

    <div class="auth-links mt-4">
        <a th:href="@{/auth/login}">
            <i class="bi bi-arrow-left me-1"></i>
            Вернуться к входу
        </a>
    </div>
</div>
</body>
</html>