{% extends "base.html" %}
{% block content %}

<div class="card">
    <h2>Reset Password</h2>
    <p class="subtitle">
        Check your email for the 6-digit reset code, then set a new password.
    </p>

    <form method="POST">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

        <label>Email</label>
        <input type="email" name="email" required
               style="width: 100%; padding: 8px; margin-bottom: 12px;">

        <label>Reset Code</label>
        <input type="text" name="code" maxlength="6" required
               style="width: 100%; padding: 8px; margin-bottom: 12px;">

        <label>New Password</label>
        <input type="password" name="password" required
               style="width: 100%; padding: 8px; margin-bottom: 12px;">

        <label>Confirm New Password</label>
        <input type="password" name="confirm_password" required
               style="width: 100%; padding: 8px; margin-bottom: 16px;">

        <button type="submit">Reset Password</button>
    </form>

    <p class="subtitle" style="margin-top: 12px;">
        Already reset it?
        <a href="{{ url_for('login') }}">Back to login</a>.
    </p>
</div>

{% endblock %}