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

{% block title %}Mon récapitulatif  - Les gîtes de Roquetoire{% endblock %}

{% block meta %}
    <meta name="description" content="Récapitulatif de la réservation">
{% endblock %}

{% block content %}

<div class="container mt-5">
    <h1>Ma réservation</h1>
    <p>Retrouvez l'ensemble de votre réservation que vous avez ajouté à votre panier</p>
    
    {% if reservation|length > 0 %}
    <div class="table-responsive">
        <table class="table mt-5">
            <thead class="table-dark">
                <tr class="text-center">
                    <th scope="col">Nom du gîte</th>
                    <th scope="col"></th>
                    <th scope="col">Date d'arrivée</th>
                    <th scope="col">Date de départ</th>
                    <th scope="col">Prix</th>
                    <th scope="col"></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="align-middle text-center">
                        <img src="/uploads/{{ reservation.gite.illustration}}" height="120px" alt="{{ reservation.gite.name }}">
                    </td>                
                    <td class="align-middle text-center">{{ reservation.gite.name }}</td>
                    <td class="align-middle text-center">{{ reservation.arrivee|date("d/m/Y", "Europe/Paris") }}</td>
                    <td class="align-middle text-center">{{ reservation.depart|date("d/m/Y", "Europe/Paris") }}</td>
                    <td class="align-middle text-center">
                        {% for prix in reservation.prix %}
                                {{ prix.date }} : {{ prix.prix }} € <br>
                        {% endfor %}
                    </td>
                    <td class="align-middle text-center">
                        <a href="{{ path('app_reservation_supprimer') }}">
                            <img src="{{ asset('assets/img/delete.png')}}" height="24px" alt="Supprimer ma réservation">
                        </a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    
        <div class="mt-3">
            <p class="text-center">Un chèque de caution, en espèces ou par chèque, sera demandé à votre arrivée et remboursé à votre départ s'il n'y a pas de dégâts.</p>
            <div class="text-end">
                
                <b>Total de mon panier : 
                    {% set somme = 0 %}
                    {% for prix in reservation.prix %}
                        {% set somme = somme + prix.prix %}
                    {% endfor %}
                    {{ somme }} €
                </b>
                <br>
                <a href="{{path('app_reservation_commande')}}" class="btn btn-perso mt-3">Valider ma commande</a>
            </div>
        </div>
    {% else %}
        <hr>
        <p><b>Votre panier est vide</b></p>
    {% endif %}
</div>

{% endblock %}