{% extends 'base.html.twig' %}
{% block title %}Agences — Admin{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1"><i class="fas fa-building text-primary me-2"></i>Agences</h1>
        <p class="text-muted small mb-0">{{ agencies|length }} agence(s)</p>
    </div>
    <a href="{{ path('app_admin_agency_new') }}" class="btn btn-primary">
        <i class="fas fa-plus me-2"></i>Nouvelle agence
    </a>
</div>

{% for msg in app.flashes('success') %}
    <div class="alert alert-success"><i class="fas fa-check-circle me-2"></i>{{ msg }}</div>
{% endfor %}
{% for msg in app.flashes('error') %}
    <div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i>{{ msg }}</div>
{% endfor %}

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
                <tr>
                    <th>Agence</th><th>Code</th><th>Ville</th><th>Email</th>
                    <th>Téléphone</th><th>Utilisateurs</th><th>Statut</th><th></th>
                </tr>
            </thead>
            <tbody>
                {% for agency in agencies %}
                <tr>
                    <td class="fw-semibold">{{ agency.name }}</td>
                    <td><span class="badge bg-secondary">{{ agency.code }}</span></td>
                    <td>{{ agency.city }}</td>
                    <td class="small text-muted">{{ agency.email }}</td>
                    <td class="small text-muted">{{ agency.phoneNumber }}</td>
                    <td><span class="badge bg-info">{{ agency.users|length }}</span></td>
                    <td>
                        {% if agency.isActive %}
                            <span class="badge bg-success">Active</span>
                        {% else %}
                            <span class="badge bg-danger">Inactive</span>
                        {% endif %}
                    </td>
                    <td class="text-end">
                        <a href="{{ path('app_admin_agency_edit', {id: agency.id}) }}"
                           class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="8" class="text-center text-muted py-4">Aucune agence</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}