{% extends "admin_base.html" %}
{% block title %}Dashboard — GoldBuy Admin{% endblock %}

{% block admin_content %}
<div class="admin-header">
    <h1>Dashboard</h1>
    <a class="btn btn-small" href="{{ url_for('admin_listings', status='new') }}">
        {{ by_status['new'] }} new lead{{ '' if by_status['new'] == 1 else 's' }} &rarr;</a>
</div>

{% if not smtp_ready %}
    <div class="flash flash-error">Email notifications are not set up —
        <a href="{{ url_for('admin_settings') }}">configure SMTP settings</a>
        to receive new listings by email.</div>
{% endif %}

<div class="stat-grid">
    <div class="stat-card stat-accent">
        <div class="stat-value">{{ by_status['new'] }}</div>
        <div class="stat-label">New leads to call</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ total }}</div>
        <div class="stat-label">Total listings</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ this_week }}</div>
        <div class="stat-label">Submitted this week</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ user_count }}</div>
        <div class="stat-label">Registered users</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">KSh {{ '{:,.0f}'.format(pipeline_value) }}</div>
        <div class="stat-label">Asking value in pipeline</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">KSh {{ '{:,.0f}'.format(bought_value) }}</div>
        <div class="stat-label">Value of items bought</div>
    </div>
</div>

<div class="panel-grid">
    <section class="panel">
        <h2>Submissions — last 14 days</h2>
        <div class="chart">
            {% for day in chart %}
            <div class="chart-col" title="{{ day.label }}: {{ day.count }}">
                <div class="chart-bar-wrap">
                    <span class="chart-count">{{ day.count if day.count else '' }}</span>
                    <div class="chart-bar" style="height: {{ day.pct }}%"></div>
                </div>
                <div class="chart-label">{{ day.label.split(' ')[0] }}</div>
            </div>
            {% endfor %}
        </div>
    </section>

    <section class="panel">
        <h2>Pipeline</h2>
        <ul class="pipeline">
            {% for s in STATUSES %}
            <li>
                <a href="{{ url_for('admin_listings', status=s) }}">
                    <span class="status-dot status-{{ s }}"></span>
                    {{ STATUS_LABELS[s] }}
                </a>
                <strong>{{ by_status[s] }}</strong>
            </li>
            {% endfor %}
        </ul>
    </section>
</div>

<div class="panel-grid">
    <section class="panel">
        <h2>Latest listings</h2>
        {% if recent_listings %}
        <table class="admin-table">
            <tr><th>Item</th><th>Price</th><th>Seller</th><th>Status</th></tr>
            {% for l in recent_listings %}
            <tr>
                <td><a href="{{ url_for('admin_listings', q=l['item_title']) }}">{{ l['item_title'] }}</a></td>
                <td>KSh {{ l['price'] }}</td>
                <td>{{ l['seller_name'] }}</td>
                <td><span class="status-pill status-{{ l['status'] }}">{{ STATUS_LABELS[l['status']] }}</span></td>
            </tr>
            {% endfor %}
        </table>
        {% else %}<p class="empty">No listings yet.</p>{% endif %}
    </section>

    <section class="panel">
        <h2>Newest users</h2>
        {% if recent_users %}
        <table class="admin-table">
            <tr><th>Name</th><th>Email</th><th>Items</th></tr>
            {% for u in recent_users %}
            <tr>
                <td>{{ u['name'] }}{% if u['is_admin'] %} <span class="badge-admin">admin</span>{% endif %}</td>
                <td>{{ u['email'] }}</td>
                <td>{{ u['items'] }}</td>
            </tr>
            {% endfor %}
        </table>
        {% else %}<p class="empty">No users yet.</p>{% endif %}
    </section>
</div>
{% endblock %}