{% extends 'base.html.twig' %}

{% block title %}Liste des chiens{% endblock %}

{% block body %}
    <div class="page-header border-0 mb-3">
        <h1 class="page-title text-primary-d2 text-150">
            Liste des chiens
        </h1>
    </div>
    <table class="table table-datatable collapsed">
        <thead>
        <tr>
            <th>Id</th>
            <th>Nom</th>
            <th>Race</th>
            <th>Propriétaire</th>
            <th class="text-right">
                <a href="{{ path('dog_new') }}" class="btn btn-sm btn-success">
                    Ajouter
                    <i class="fa fa-plus"></i>
                </a>
            </th>
        </tr>
        </thead>
        <tbody>
        {% for dog in dogs %}
            <tr>
                <td>{{ dog.id }}</td>
                <td>{{ dog.name }}</td>
                <td>{{ dog.breed }}</td>
                <td>{{ dog.customer }}</td>
                <td class="text-right">
                    <a href="{{ path('dog_show', {'id': dog.id}) }}" class="btn btn-sm btn-info">
                        <i class="fa fa-eye"></i>
                    </a>
                    <a href="{{ path('dog_edit', {'id': dog.id}) }}" class="btn btn-sm btn-warning">
                        <i class="fa fa-pencil-alt"></i>
                    </a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}