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

{% block title %}Tarif & Réservation - Test Projet{% 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>

    <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'arriver</th>
                <th scope="col">Date de départ</th>
                <th scope="col">Prix</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>
            </tr>
        </tbody>
    </table>

    <div class="mt-3">
        <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>
    
</div>

{% endblock %}