{% extends 'base.html' %}
{% block title %}Verify Email — PickkerMarket{% endblock %}
{% block content %}
<section class="content-section">
    <div class="content-inner" style="max-width: 600px; text-align: center;">
        {% if success %}
        <h1>Email verified!</h1>
        <p style="color: var(--muted); margin-top: 14px;">
            {{ user.first_name }}, your account is now active. You can log in below.
        </p>
        <a href="{% url 'accounts:login' %}" class="btn-cta" style="margin-top: 20px; display: inline-block;">Log In</a>
        {% else %}
        <h1>This verification link isn't valid</h1>
        <p style="color: var(--muted); margin-top: 14px;">
            It may have already been used, or the link is incorrect. You can request a new one below.
        </p>
        <a href="{% url 'accounts:resend_verification' %}" class="btn-cta" style="margin-top: 20px; display: inline-block;">Resend Verification Email</a>
        {% endif %}
    </div>
</section>
{% endblock %}