{% extends '@App/app.html.twig' %}

{% block title %}Paramètres salariés{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h1 class="h3 mb-1">Paramètres salariés</h1>
        <p class="text-muted mb-0">Référentiels RH de la société courante.</p>
    </div>
    <a class="btn btn-outline-secondary" href="{{ path('employee_index') }}">Salariés</a>
</div>
<div class="row g-3">
    {% for card in cards %}
        <div class="col-md-6 col-xl-4">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="h5">{{ card.title }}</h2>
                    <p class="text-muted">{{ card.description }}</p>
                    <div class="d-flex gap-2 mb-3">
                        <span class="badge text-bg-success">{{ card.active }} actif(s)</span>
                        <span class="badge text-bg-secondary">{{ card.inactive }} inactif(s)</span>
                    </div>
                    <a class="btn btn-primary" href="{{ path(card.route) }}">Accéder</a>
                </div>
            </div>
        </div>
    {% endfor %}
</div>
{% endblock %}