{% extends 'base.html' %}

{% block title %}Tableau de bord{% endblock %}
{% block page_title %}Tableau de bord{% endblock %}

{% block content %}
<div class="row g-4 mb-4">
    <div class="col-sm-6 col-xl-4">
        <div class="stat-card">
            <div class="stat-icon"><i class="bi bi-people-fill"></i></div>
            <div class="stat-number">{{ total_employes }}</div>
            <div class="stat-label">Employés</div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-4">
        <div class="stat-card">
            <div class="stat-icon"><i class="bi bi-building"></i></div>
            <div class="stat-number">{{ total_departements }}</div>
            <div class="stat-label">Départements</div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-4">
        <div class="stat-card">
            <div class="stat-icon"><i class="bi bi-file-earmark-text"></i></div>
            <div class="stat-number">{{ total_contrats }}</div>
            <div class="stat-label">Contrats</div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header" style="background: linear-gradient(135deg, #10b981, #059669);">
                <h5 class="card-title mb-0"><i class="bi bi-lightning-charge"></i> Actions rapides</h5>
            </div>
            <div class="card-body p-4">
                <div class="row g-3">
                    <div class="col-md-4 col-sm-12">
                        <a href="{% url 'employe_create' %}" class="btn btn-primary w-100 py-3 fs-5"><i class="bi bi-person-plus me-2"></i> Employé</a>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <a href="{% url 'departement_create' %}" class="btn btn-success w-100 py-3 fs-5"><i class="bi bi-building-add me-2"></i> Département</a>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <a href="{% url 'contrat_create' %}" class="btn btn-info text-white w-100 py-3 fs-5"><i class="bi bi-file-earmark-plus me-2"></i> Contrat</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}