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

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

{% block body %}
    <div class="page-header border-0 mb-3">
        <h1 class="page-title text-primary-d2 text-150">
            Liste des clients
        </h1>
    </div>
    <table class="table table-datatable collapsed">
        <thead>
        <tr>
            <th>Id</th>
            <th>Nom</th>
            <th>Email</th>
            <th>Téléphone</th>
            <th>Chiens rattachés</th>
            <th class="text-right">
                <a href="{{ path('customer_new') }}" class="btn btn-sm btn-success">
                    Ajouter
                    <i class="fa fa-plus"></i>
                </a>
            </th>
        </tr>
        </thead>
        <tbody>
        {% for customer in customers %}
            <tr>
                <td>{{ customer.id }}</td>
                <td>{{ customer.lastName }}</td>
                <td>{{ customer.email }}</td>
                <td>{{ customer.phone }}</td>
                <td>
                    {% for dog in customer.dog %}
                        {{ dog.name }}<br/>
                    {% endfor %}
                </td>
                <td class="text-right">
                    <a href="{{ path('customer_show', {'id': customer.id}) }}" class="btn btn-sm btn-info">
                        <i class="fa fa-eye"></i>
                    </a>
                    <a href="{{ path('customer_edit', {'id': customer.id}) }}" class="btn btn-sm btn-warning">
                        <i class="fa fa-pencil-alt"></i>
                    </a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}