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

{% block title %}Catégories{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h3 mb-0">Catégories</h1>
    <a class="btn btn-outline-secondary" href="{{ path('employee_index') }}">Salariés</a>
</div>
<div class="row g-3">
    <div class="col-lg-4">
        <form class="card" method="post">
            <div class="card-body">
                <div class="mb-3"><label class="form-label">Nom</label><input class="form-control" name="nom" required></div>
                <div class="mb-3"><label class="form-label">Description</label><textarea class="form-control" name="description" rows="3"></textarea></div>
                <button class="btn btn-primary" type="submit">Ajouter</button>
            </div>
        </form>
    </div>
    <div class="col-lg-8">
        <div class="card"><div class="table-responsive"><table class="table mb-0">
            <thead><tr><th>Nom</th><th>Description</th><th>Actif</th></tr></thead>
            <tbody>{% for item in items %}<tr><td>{{ item.nom }}</td><td>{{ item.description ?: '-' }}</td><td>{{ item.actif ? 'Oui' : 'Non' }}</td></tr>{% else %}<tr><td colspan="3" class="text-center text-muted py-3">Aucune catégorie.</td></tr>{% endfor %}</tbody>
        </table></div></div>
    </div>
</div>
{% endblock %}