{% extends 'base.html.twig' %}
{% block title %}Animal - Liste{% endblock %}
{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Animaux</li>
    </ol>
</nav>
{% endblock %}
{% block body %}
<h1>Liste des animaux</h1>
{% block search %}
<div class="border bg-light p-1 mt-2">
    <form method="get" class="">
        <div class="row">
            <div class="col-md-auto">
                <label for="search[name]" class="col-sm-2 col-form-label">Nom</label>
            </div>
            <div class="col-md-auto">
                <input type="text" class="form-control" name="search[name]" placeholder="Recherche" value="{{ search.name ?? ''}}">
            </div>
            {# <div class="col-md-auto">
                <div class="row">
                    <label for="search[name]" class="col-sm-2 col-form-label">Nom</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" name="search[name]" placeholder="Recherche" value="{{ search.name }}">
                    </div>
                </div>
            </div> #}
            <div class="col-md-auto">
                <div class="row">
                    <label for="search[type]" class="col-sm-3 col-form-label">Type</label>
                    <div class="col-sm-9">
                        <select name="search[type]" class="form-select">
                            <option value="" {{ (search.type ?? '') == '' ? 'selected' : '' }}>
                                -
                            </option>
                            {% for animalType in animalTypes %}
                            <option value="{{ animalType.id}}" {{ (search.type ?? '') == animalType.id ? 'selected' : '' }}>
                                {{ animalType.name}}
                            </option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-md-auto">
                <div class="row">
                    <label for="search[adopted]" class="col-sm-4 col-form-label">Adopté</label>
                    <div class="col-sm-8">
                        <select name="search[adopted]" class="form-select">
                            <option value="" {{ (search.adopted ?? '') == '' ? 'selected' : '' }}>
                                -
                            </option>
                            <option value="oui" {{ (search.adopted ?? '') == 'oui' ? 'selected' : '' }}>
                                Oui
                            </option>
                            <option value="fa" {{ (search.adopted ?? '') == 'fa' ? 'selected' : '' }}>
                                Oui en famille d'accueil
                            </option>
                            <option value="de" {{ (search.adopted ?? '') == 'de' ? 'selected' : '' }}>
                                Oui définitivement
                            </option>
                            <option value="non" {{ (search.adopted ?? '') == 'non' ? 'selected' : '' }}>
                                Non
                            </option>
                        </select>
                    </div>
                </div>
            </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('animal_new') }}"><i class="bi-plus"></i>&nbsp;Ajouter un animal</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}
<table class="table">
    <thead>
        <tr>
            <th>Photo</th>
            <th>Nom</th>
            <th>Type</th>
            <th>
                Date de naissance
                <a href="{{ path('animal_index', {'search': search,'page': paginer.currentPage, 'orderBy': {'date_birth':'ASC'}}) }}">ASC</a>
            </th>
            <th>Adopté</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for animal in animals %}
        <tr>
            <td>{{ include('animal/_show_main_picture.html.twig',{'animal':animal,'img_class':'img-list'}) }}</td>
            <td>{{ animal.name }}</td>
            <td>{{ animal.getType().name }}</td>
            <td>{{ animal.dateBirth ? animal.dateBirth|date('d/m/Y') : '' }}</td>
            <td><span class="badge bg-{{ animal.isAdopted() ? (animal.getCurrentAdoption().getTypeAdoption() == constant('App\\Entity\\FamilyAnimal::TYPE_DEFINITIVE') ? "success" : "warning") : "danger" }}">
                    {{ animal.isAdopted() ? (animal.getCurrentAdoption().getTypeAdoption() == constant('App\\Entity\\FamilyAnimal::TYPE_DEFINITIVE') ? "Définitive" : "Famille d'accueil") : "Non" }}
                </span>
            </td>
            <td>
                <a class="btn btn-primary" href="{{ path('animal_show', {'id': animal.id}) }}"><i class="bi-eye"></i>&nbsp;Afficher</a>
                <a class="btn btn-success" href="{{ path('animal_edit', {'id': animal.id}) }}"><i class="bi-pencil"></i>&nbsp;Modifier</a>
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="4">Aucun animal à afficher</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{{ paginer|raw }}
{% endblock %}