{% extends 'base.html.twig' %}
{% block title %}Familles - liste{% endblock %}
{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Familles</li>
    </ol>
</nav>
{% endblock %}
{% block body %}
<h1>Liste des familles</h1>
{% block search %}
<div class="border bg-light p-1 mt-2">
    <form method="get" class="">
        <div class="row">
            <div class="col-md-8">
                <input type="text" class="form-control" name="search[name]" placeholder="Recherche" value="{{ search.name ?? '' }}">
            </div>
            <div class="col-md-auto">
                <button type="submit" class="btn btn-primary" name="rechercher"><i class="bi bi-search"></i>&nbsp;Rechercher</button>
            </div>
            <div class="col-md-auto">
                <a class="btn btn-success" href="{{ path('family_new') }}"><i class="bi-plus"></i>&nbsp;Ajouter une famille</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}
<table class="table">
    <thead>
        <tr>
            <th>Nom</th>
            <th>Animaux adoptés</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for family in families %}
        <tr>
            <td>
                <a href="{{ path('family_show', {'id': family.id}) }}">
                    {{ family.name }}
                    {% if family.deleted %}
                    <span class="badge bg-danger">Supprimée</span>
                    {% endif %}
                </a>
            </td>
            <td>{{ family.getActiveFamilyAnimals }}</td>
            <td>
                <a class="btn btn-primary" href="{{ path('family_show', {'id': family.id}) }}"><i class="bi-eye"></i>&nbsp;Afficher</a>
                {% if not family.deleted %}
                <a class="btn btn-success" href="{{ path('family_edit', {'id': family.id}) }}"><i class="bi-pencil"></i>&nbsp;Modifier</a>
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="2">Aucune famille à afficher</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{{ paginer|raw }}
{% endblock %}