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

{% block title %}{{ customer.firstName }} {{ customer.lastName }}{% endblock %}

{% block body %}
    <h1>{{ customer.firstName }} {{ customer.lastName }}</h1>

    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ customer.id }}</td>
            </tr>
            <tr>
                <th>FirstName</th>
                <td>{{ customer.firstName }}</td>
            </tr>
            <tr>
                <th>LastName</th>
                <td>{{ customer.lastName }}</td>
            </tr>
            <tr>
                <th>Email</th>
                <td>{{ customer.email }}</td>
            </tr>
            <tr>
                <th>Phone</th>
                <td>{{ customer.phone }}</td>
            </tr>
        </tbody>
    </table>
    <div class="col-12 col-sm-12 mt-3 mt-sm-0 cards-container mt-5">
        <div class="card border-0 shadow-sm radius-0">
            <div class="card-header bgc-secondary-d1">
                <h5 class="card-title text-white">
                    <i class="fa fa-table mr-2px"></i>
                    Rendez-vous
                </h5>
            </div>

            <div class="card-body bgc-transparent p-0 border-1 brc-secondary-m3 border-t-0">
                <table class="table table-striped table-hover mb-0">
                    <thead class="text-dark-l2 text-95">
                    <tr>
                        <th>
                            Date
                        </th>
                        <th>
                            Chien
                        </th>
                        <th>
                            Statut
                        </th>
                        <th>
                            Prix
                        </th>
                    </tr>
                    </thead>

                    <tbody>
                    {% for event in customer.events|sort((a, b) => a.dateStart <=> b.dateStart) %}
                        <tr>
                            <td class="text-dark-m2">
                                {{ event.dateStart|date('d/m/Y') }}
                            </td>
                            <td>
                                {{ event.dog }}
                            </td>
                            <td>
                                {{ (event.statePayment == '') ? 'NON REGLE': event.statePayment }}
                            </td>
                            <td>
                                {{ event.price }}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div><!-- /.card-body -->
        </div><!-- /.card -->
    </div><!-- /.col -->

    <div class="text-center pt-3 mt-3 border-top">
        <a href="{{ path('customer_edit', {'id': customer.id}) }}" class="btn btn-warning">Modifier</a>
    </div>

    <a href="{{ path('customer_index') }}" class="btn btn-black btn-action float-left">Retour</a>

    {{ include('customer/_delete_form.html.twig') }}
{% endblock %}