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

{% block title %}Valider ma commande  - Les gîtes de Roquetoire{% endblock %}

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

{% block content %}

<div class="container mt-5">
    <h1>Je passe ma commande</h1>
    <p>Choisissez vos préférence avant de passer votre commande sur les gîtes de Roquetoire.</p>
    <hr>
    <div class="row">
        <div class="col-md-6">
            {% set formHtml %}
                {{ form_start(form, {action:path('app_reservation_commande_recap')}) }} 
                    {{ form_label(form.addresses, 'Choisissez votre adresse de facturation') }}
                    <a href="{{ path('app_account_address_add') }}">Ajouter une nouvelle adresse</a>
                {{ form_end(form) }}
            {% endset %}

            {{ formHtml|replace({'[br]' : '<br/>'})|raw }}
        </div>
        <div class="col-md-6 mt-1">
            <b>Récap de ma commande</b>
                <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'arrivée : </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>
        </div>
    </div>
    
</div>

{% endblock %}