{% extends "base.html" %}
{% block title %}Choose a New Password — GoldBuy{% endblock %}
{% block container_class %}container-auth{% endblock %}

{% block content %}
<section class="auth-card">
    <div class="auth-badge">&#9670;</div>
    <h1>Choose a new password</h1>
    <p class="auth-sub">Pick a new password for your GoldBuy account.</p>

    <form method="post">
        {{ csrf_field() }}
        <div class="form-row">
            <label for="password">New password <span class="hint">(6+ characters)</span></label>
            <div class="pw-field">
                <input type="password" id="password" name="password" required
                       minlength="6" autocomplete="new-password" autofocus>
                <button type="button" class="pw-toggle">Show</button>
            </div>
        </div>
        <div class="form-row">
            <label for="confirm">Repeat new password</label>
            <div class="pw-field">
                <input type="password" id="confirm" name="confirm" required
                       minlength="6" autocomplete="new-password">
                <button type="button" class="pw-toggle">Show</button>
            </div>
        </div>
        <button type="submit" class="btn-auth">Change password</button>
    </form>
</section>
{% endblock %}