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

{% block title %}Paiement de ma commande - Test Projet{% endblock %}

{% block content %}

<div class="container mt-5">
    <h1>Mon récapitulatif</h1>
    <p>Vérifiez vos informations avant de payer votre commande</p>
    <hr>
    <div class="row">
        <div class="col-md-6">
            <div class="text-center">
                <b>Mes informations personnelles</b>
            </div>
            <div class="bg-perso text-center py-3 mt-2">
                <strong>Nom :</strong> {{ utilisateur.lastname }} <br>
                <strong>Prénom :</strong> {{ utilisateur.firstname }} <br>
                <strong>Email :</strong> {{ utilisateur.email }}
            </div>
        </div>
        <div class="col-md-6">
            <div class="text-center">
                <b>Ma commande</b>
            </div>
            <div class="bg-perso text-center py-3 mt-2">
                <img src="/uploads/{{ reservation.gite.illustration }}" alt="{{ reservation.gite.name }}" height="100px" class="mx-auto d-block mb-3">
                <strong>Nom du gite : </strong>{{ reservation.gite.name }} <br>
                <strong>Date d'arriver : </strong>{{ reservation.arrivee }} <br>
                <strong>Date de départ : </strong>{{ reservation.depart }} <br>
                <hr class="custom-hr">
                <strong>Total : </strong>
                    {% set somme = 0 %}
                    {% for prix in reservation.prix %}
                        {% set somme = somme + prix.prix %}
                    {% endfor %}
                    {{ somme }} €
            </div>
            <a href="" class="btn btn-success d-block mx-auto mt-4">Payer {{ somme }} €</a>
        </div>
    </div>
    
</div>

{% endblock %}