{% extends "auth_base.html" %}

{% block title %}Forgot Password{% endblock %}

{% block auth_content %}
    <h2>Forgot password</h2>
    <p class="subtitle">Enter your email and we’ll send a one-time passcode to verify your identity.</p>

    {% if error %}
    <div class="auth-alert error">{{ error }}</div>
    {% endif %}

    {% if message %}
    <div class="auth-alert success">{{ message }}</div>
    {% endif %}

    <form method="post" action="/forgot-password">
        <div class="field-group">
            <label for="email">Work email</label>
            <input type="email" id="email" name="email" placeholder="you@example.com" required />
        </div>
        <button type="submit">Send OTP</button>
    </form>

    <div class="auth-footer">
        <p><a href="/login">Back to login</a></p>
    </div>
{% endblock %}