{% extends "base.html" %}
{% block title %}Dashboard — Hartling Email Lists{% endblock %}
{% block content %}
<h1>Dashboard</h1>
<p class="subtitle">CSV fetch, cleanup & Mailchimp import</p>

<div class="summary-cards">
    <div class="summary-card">
        <div class="label">Last Fetch</div>
        <div class="value" style="font-size:1.1rem">
            {% if last_fetch %}
            <span class="status-{{ last_fetch.status }}">{{ last_fetch.status }}</span>
            {% else %}Never{% endif %}
        </div>
        <div class="detail">
            {% if last_fetch %}{{ last_fetch.timestamp[:16] | replace("T", " ") }}{% endif %}
        </div>
    </div>
    <div class="summary-card">
        <div class="label">CSV Files</div>
        <div class="value">{{ file_count }}</div>
        <div class="detail">{{ "{:,}".format(total_rows) }} total rows</div>
    </div>
    <div class="summary-card">
        <div class="label">Import Queue</div>
        <div class="value">{{ "{:,}".format(queue_pending) }}</div>
        <div class="detail">pending contacts</div>
    </div>
    <div class="summary-card">
        <div class="label">Last Import</div>
        <div class="value" style="font-size:1.1rem">
            {% if last_import %}
            <span class="status-{{ last_import.status }}">{{ last_import.status }}</span>
            {% else %}Never{% endif %}
        </div>
        <div class="detail">
            {% if last_import %}{{ last_import.started_at[:16] | replace("T", " ") }}{% endif %}
        </div>
    </div>
</div>

<div class="card">
    <div class="flex-between">
        <h2>Quick Actions</h2>
        <div class="flex-gap">
            <form method="POST" action="/fetch" style="display:inline">
                <button type="submit" class="btn btn-secondary">Fetch CSVs</button>
            </form>
            <form method="POST" action="/process" style="display:inline">
                <button type="submit" class="btn btn-primary">Process Now</button>
            </form>
            {% if queue_pending > 0 %}
            <a href="/queue" class="btn btn-primary">Review Queue ({{ "{:,}".format(queue_pending) }})</a>
            {% endif %}
        </div>
    </div>
</div>

{% if last_processing %}
<div class="card">
    <h2>Last Processing Run</h2>
    <p>
        <span class="timestamp">{{ last_processing.started_at[:16] | replace("T", " ") }}</span>
        — <span class="status-{{ last_processing.status }}">{{ last_processing.status }}</span>
        — {{ last_processing.message }}
    </p>
    <p class="timestamp" style="margin-top:0.5rem">
        Cutoff: {{ last_processing.cutoff_date }} |
        Scanned: {{ "{:,}".format(last_processing.total_rows_scanned) }} |
        Queued: {{ "{:,}".format(last_processing.rows_after_dedup) }}
    </p>
</div>
{% endif %}

{% if recent_imports %}
<div class="card">
    <h2>Recent Imports</h2>
    <table>
        <thead><tr><th>Date</th><th>Status</th><th>Contacts</th><th>Details</th></tr></thead>
        <tbody>
        {% for imp in recent_imports %}
        <tr>
            <td class="timestamp">{{ imp.started_at[:16] | replace("T", " ") }}</td>
            <td><span class="status-{{ imp.status }}">{{ imp.status }}</span></td>
            <td>{{ "{:,}".format(imp.total_imported) }}</td>
            <td>{{ imp.message or "" }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}
{% endblock %}