{% extends 'base.html.twig' %}
{% block title %}Types d'animaux - Fiche{% endblock %}
{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item" aria-current="page">
            <a href="{{ path('app_animal_type_index') }}">Types d'animaux</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">Type {{ animal_type.name }}</li>
    </ol>
</nav>
{% endblock %}
{% block body %}
<h1>Type d'animal</h1>
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Informations</h5>
                <table class="table">
                    <tbody>
                        <tr>
                            <th>Nom</th>
                            <td>{{ animal_type.name }}</td>
                        </tr>
                        <tr>
                            <th>Animaux de ce type</th>
                            <td>{{ nbAnimals }}</td>
                        </tr>
                    </tbody>
                </table>
                <div class="d-flex flex-row-reverse bd-highlight">
                    <a class="btn btn-success" href="{{ path('app_animal_type_edit', {'id': animal_type.id}) }}"><i class="bi-pencil"></i>&nbsp;Modifier</a>
                    <a class="btn btn-danger link-confirm" data-href="{{ path('app_animal_type_delete_ajax', {'id': animal_type.id}) }}" data-confirm="Voulez-vous vraiment supprimer ce type d'animal ?" data-token="{{ csrf_token('delete' ~ animal_type.id) }}"><i class=" bi-x"></i>&nbsp;Supprimer</a>
                </div>
            </div>
        </div>
    </div>
</div>
<a href="{{ path('app_animal_type_index') }}" class="mt-2 btn btn-primary"><i class="bi bi-chevron-left"></i>&nbsp;Retour à la liste</a>
{% endblock %}