{% extends "admin/layout.html" %}
{% block content %}
<h2>Dashboard</h2>
<div class="row mt-4">
    <div class="col-12">
        <div class="card shadow-sm">
            <div class="card-body">
                <h5 class="card-title">Enrichment Scraper Progress</h5>
                <div class="progress mt-3" style="height: 30px;">
                    <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" 
                         role="progressbar" 
                         style="width: {{ scraper_stats.percent }}%;" 
                         aria-valuenow="{{ scraper_stats.percent }}" 
                         aria-valuemin="0" 
                         aria-valuemax="100">{{ scraper_stats.percent }}%</div>
                </div>
                <p class="mt-2 mb-0 text-muted">
                    Processed {{ scraper_stats.processed }} of {{ scraper_stats.total }} companies.
                    <br><small>Last updated: {{ now }}</small>
                </p>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-4">
        <div class="card text-white bg-primary mb-3">
            <div class="card-body">
                <h5 class="card-title">Total Companies</h5>
                <p class="card-text fs-2">{{ stats.total_companies }}</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card text-white bg-success mb-3">
            <div class="card-body">
                <h5 class="card-title">AI Enriched</h5>
                <p class="card-text fs-2">{{ stats.enriched_companies }}</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card text-white bg-warning mb-3">
            <div class="card-body">
                <h5 class="card-title">Paying Members</h5>
                <p class="card-text fs-2">{{ stats.paying_companies }}</p>
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-md-6">
        <div class="card border-primary mb-3">
            <div class="card-body">
                <h5 class="card-title text-primary">Total Leads Collected</h5>
                <p class="card-text fs-2">{{ stats.total_leads }}</p>
                <a href="{{ url_for('list_leads') }}" class="btn btn-outline-primary btn-sm">View All Leads</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card border-danger mb-3">
            <div class="card-body">
                <h5 class="card-title text-danger">Unpaid / Billable Leads</h5>
                <p class="card-text fs-2">{{ stats.unpaid_leads }}</p>
                <a href="{{ url_for('list_leads', payment_status='unpaid') }}" class="btn btn-outline-danger btn-sm">Manage Invoicing</a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-12">
        {% if stats.disputed_leads > 0 %}
        <div class="alert alert-warning border-warning shadow-sm d-flex justify-content-between align-items-center">
            <div>
                <strong>Attention Required:</strong> There are <strong>{{ stats.disputed_leads }}</strong> leads flagged as spam by vendors that need your review.
            </div>
            <a href="{{ url_for('list_leads', disputed='1') }}" class="btn btn-warning btn-sm">Review Disputes</a>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}