{% extends "base.html" %}
{% block title %}Login — GoldBuy{% endblock %}
{% block container_class %}container-auth{% endblock %}

{% block content %}
<section class="auth-card">
    <div class="auth-badge">&#9670;</div>
    <h1>Welcome back</h1>
    <p class="auth-sub">Log in to track your items and sell your gold faster.</p>

    <form method="post">
        {{ csrf_field() }}
        <div class="form-row">
            <label for="email">Email address</label>
            <input type="email" id="email" name="email" required autofocus
                   autocomplete="email"
                   value="{{ form.get('email', '') }}" placeholder="you@example.com">
        </div>
        <div class="form-row">
            <label for="password">Password</label>
            <div class="pw-field">
                <input type="password" id="password" name="password" required
                       autocomplete="current-password" placeholder="Your password">
                <button type="button" class="pw-toggle">Show</button>
            </div>
        </div>
        <button type="submit" class="btn-auth">Log in</button>
        <p class="auth-forgot">
            <a href="{{ url_for('forgot_password') }}">Forgot your password?</a>
        </p>
    </form>

    <div class="auth-divider">New to GoldBuy?</div>
    <p class="auth-alt"><a href="{{ url_for('join') }}">Create a free account</a></p>
</section>
{% endblock %}