{% extends 'admin/base_admin.html.twig' %}

{% block title %}Vendeurs & Partenaires — Admin{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">Vendeurs & Partenaires</h1>
    <div class="d-flex gap-2">
        <a href="{{ path('admin_vendeur_taux_index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-percent"></i> Taux de commission
        </a>
    </div>
</div>

{# ── Statistiques rapides ── #}
<div class="row g-3 mb-4">
    {% set total = vendeurs|length %}
    {% set actifs = vendeurs|filter(v => v.actif)|length %}
    <div class="col-md-3">
        <div class="card text-center p-3">
            <div class="fs-2 fw-bold text-primary">{{ total }}</div>
            <div class="text-muted small">Vendeurs total</div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center p-3">
            <div class="fs-2 fw-bold text-success">{{ actifs }}</div>
            <div class="text-muted small">Vendeurs actifs</div>
        </div>
    </div>
    {% for statut, label in statuts %}
        {% if statut != 'client_gratuit' %}
        <div class="col-md-2">
            <div class="card text-center p-3">
                <div class="fs-4 fw-bold">{{ vendeurs|filter(v => v.statut == statut)|length }}</div>
                <div class="text-muted small">{{ label }}</div>
                {% if taux[statut] is defined %}
                <div class="badge bg-primary-subtle text-primary mt-1">{{ taux[statut] }}%</div>
                {% endif %}
            </div>
        </div>
        {% endif %}
    {% endfor %}
</div>

{# ── Tableau des vendeurs ── #}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span>Liste des vendeurs</span>
        {# Filtre par statut #}
        <div class="btn-group btn-group-sm" role="group">
            <a href="{{ path('admin_vendeur_index') }}"
               class="btn {{ statutActif is null ? 'btn-secondary' : 'btn-outline-secondary' }}">Tous</a>
            {% for statut, label in statuts %}
            <a href="{{ path('admin_vendeur_index', {statut: statut}) }}"
               class="btn {{ statutActif == statut ? 'btn-secondary' : 'btn-outline-secondary' }}">{{ label }}</a>
            {% endfor %}
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Vendeur</th>
                    <th>Statut</th>
                    <th>Code promo</th>
                    <th>Taux</th>
                    <th>Ventes</th>
                    <th>Commission due</th>
                    <th>État</th>
                    <th>Inscrit le</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for vendeur in vendeurs %}
                <tr>
                    <td>
                        <div class="fw-medium">{{ vendeur.user.fullName }}</div>
                        <div class="text-muted small">{{ vendeur.user.email }}</div>
                    </td>
                    <td>
                        <span class="badge
                            {% if vendeur.statut == 'ambassadeur' %}bg-warning text-dark
                            {% elseif vendeur.statut == 'agent_commercial' %}bg-primary
                            {% elseif vendeur.statut == 'apporteur_affaires' %}bg-info text-dark
                            {% elseif vendeur.statut == 'influenceur' %}bg-purple text-white
                            {% elseif vendeur.statut == 'client_referent' %}bg-success
                            {% else %}bg-secondary{% endif %}">
                            {{ vendeur.statutLabel }}
                        </span>
                    </td>
                    <td>
                        {% if vendeur.codePromo %}
                            <code class="bg-light px-2 py-1 rounded">{{ vendeur.codePromo }}</code>
                        {% else %}
                            <span class="text-muted">—</span>
                        {% endif %}
                    </td>
                    <td>{{ vendeur.tauxCommission }}%</td>
                    <td>{{ vendeur.nbVentes }}</td>
                    <td class="fw-medium">{{ vendeur.montantCommissionsNonFacturees|number_format(2, ',', ' ') }} € HT</td>
                    <td>
                        {% if vendeur.actif %}
                            <span class="badge bg-success-subtle text-success">Actif</span>
                        {% else %}
                            <span class="badge bg-danger-subtle text-danger">Inactif</span>
                        {% endif %}
                    </td>
                    <td class="text-muted small">{{ vendeur.createdAt|date('d/m/Y') }}</td>
                    <td>
                        <a href="{{ path('admin_vendeur_show', {id: vendeur.id}) }}"
                           class="btn btn-sm btn-outline-primary">Voir</a>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="9" class="text-center text-muted py-4">Aucun vendeur enregistré.</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}