{% extends "base.html" %}

{% block title %}Resell Zone{% endblock %}

{% block content %}
    <section class="hero home-hero">
        <div class="hero-copy">
            <h1>Resell Zone</h1>
            <p>Curated digital products, platform-ready keys, and community resources for our Discord members.</p>
            <a href="/products" class="primary-button hero-button">Browse Products</a>
        </div>
        <div class="hero-status">
            <span class="status-dot{% if total_count > 0 %} online{% endif %}"></span>
            <span>{{ total_count }} item{{ 's' if total_count != 1 else '' }} ready</span>
        </div>
    </section>

    {% if status_message %}
        <div class="alert alert-{{ status_level }}">
            <strong>{{ status_level|capitalize }}:</strong> {{ status_message }}
            {% if checkout_session_id %}
                <br><small>Stripe session: <code>{{ checkout_session_id }}</code></small>
            {% endif %}
        </div>
    {% endif %}

    {% if not user %}
        <div class="login-reminder">
            <p>
                <strong>Sign in with Discord</strong> to access the catalogue and basket.
            </p>
        </div>
    {% endif %}
{% endblock %}