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

{% block title %}Liste des évènemenents{% endblock %}

{% block body %}
    <div class="page-header border-0 mb-3">
        <h1 class="page-title text-primary-d2 text-150">
            Liste des évènemenents
        </h1>
    </div>
    <table class="table table-datatable collapsed">
        <thead>
        <tr>
            <th>Id</th>
            <th>Date de début</th>
            <th>Date de fin</th>
            <th>Description</th>
            <th>Client</th>
            <th>Chien</th>
            <th>Prix</th>
            <th>Etat</th>
            <th class="text-right">
                <a href="{{ path('event_new') }}" class="btn btn-sm btn-success">
                    Ajouter
                    <i class="fa fa-plus"></i>
                </a>
            </th>
        </tr>
        </thead>
        <tbody>
        {% for event in events %}
            <tr>
                <td>{{ event.id }}</td>
                <td>{{ event.dateStart ? event.dateStart|date('Y-m-d H:i:s') : '' }}</td>
                <td>{{ event.dateEnd ? event.dateEnd|date('Y-m-d H:i:s') : '' }}</td>
                <td>{{ event.description }}</td>
                <td>{{ event.customer }}</td>
                <td>{{ event.dog }}</td>
                <td>{{ event.price }}</td>
                <td>{{ (event.statePayment == '') ? 'NON REGLE': event.statePayment }}</td>
                <td class="text-right">
                    <a href="{{ path('event_show', {'id': event.id}) }}" class="btn btn-sm btn-info">
                        <i class="fa fa-eye"></i>
                    </a>
                    <a href="{{ path('event_edit', {'id': event.id}) }}" class="btn btn-sm btn-warning">
                        <i class="fa fa-pencil-alt"></i>
                    </a>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}