{% extends "base.html" %}

{% block content %}
<h1 class="mb-4 text-white"><i class="fas fa-chart-line"></i> Tableau de bord</h1>

<div class="row">
    <div class="col-md-3 mb-4">
        <div class="stat-card">
            <div class="stat-icon text-primary">
                <i class="fas fa-users"></i>
            </div>
            <h3>{{ clients }}</h3>
            <p class="text-muted mb-0">Clients</p>
        </div>
    </div>

    <div class="col-md-3 mb-4">
        <div class="stat-card">
            <div class="stat-icon text-info">
                <i class="fas fa-file-alt"></i>
            </div>
            <h3>{{ devis }}</h3>
            <p class="text-muted mb-0">Devis</p>
        </div>
    </div>

    <div class="col-md-3 mb-4">
        <div class="stat-card">
            <div class="stat-icon text-success">
                <i class="fas fa-file-invoice-dollar"></i>
            </div>
            <h3>{{ factures }}</h3>
            <p class="text-muted mb-0">Factures</p>
        </div>
    </div>

    <div class="col-md-3 mb-4">
        <div class="stat-card">
            <div class="stat-icon text-danger">
                <i class="fas fa-exclamation-circle"></i>
            </div>
            <h3>{{ factures_impayees }}</h3>
            <p class="text-muted mb-0">Impayées</p>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Actions rapides</h5>
            </div>
            <div class="card-body">
                <a href="{{ url_for('ajouter_client') }}" class="btn btn-primary btn-lg w-100 mb-3">
                    <i class="fas fa-user-plus me-2"></i> Nouveau client
                </a>
                <a href="{{ url_for('creer_devis') }}" class="btn btn-info btn-lg w-100 mb-3">
                    <i class="fas fa-file-alt me-2"></i> Nouveau devis
                </a>
                <a href="{{ url_for('creer_facture') }}" class="btn btn-success btn-lg w-100">
                    <i class="fas fa-file-invoice me-2"></i> Nouvelle facture
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}