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

{% block title %}Ordera index{% endblock %}

{% block content %}
    <h1>Ordera commande</h1>
    <h2>Dans     commande.html.twig     --------           Je passe ma commande</h2>
    <p>Choisissez vos préférences avant de passer votre commande sur Ma super boutique.</p>
    <h3>Username {{ app.user.username }}</h3>
    <hr>
    
    <div class="row">
        
        <div class="col-md-6">
             {% set formHtml %}
                {{ form_start(form, {action:path('ordera_recap')}) }}
                    {{ form_label(form.name, 'Choisissez votre adresse de livraison') }} 
                     <p>Choisissez votre adresse de livraison</p>
                   <a href="{{ path('address_new') }}">Ajouter une nouvelle adresse</a>
                {{ form_end(form) }}
            {% endset %}
            {{ formHtml|replace({'[br]' : '<br/>'})|raw }} 
        </div> 
              
        <div class="col-md-6">
            <div class="text-center">
                <b>Récap de ma commande</b><br/>
                <p>Retrouvez le récapitulatif de vos produits.</p>
            </div>
            <div class="order-summary">
                {% for key,producta in carta %}
                    <div class="row {% if key > 0 %}mt-2{% endif %}">
                        <div class="col-2">
                            {# <img src="/uploads/{{ producta.producta.illustration }}" alt="{{ producta.producta.name }}" height="75px"> #}
                             <img src="{{ asset("uploads/") ~ producta.producta.illustration  }} " alt="titi" height="75px" />
                        </div>
                        <div class="col-8 my-auto">
                            {{ producta.producta.name }}<br/>
                            <small>{{ producta.producta.subtitle }}</small>
                        </div>
                        <div class="col-2 my-auto">
                            x {{ producta.quantity }}
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
        <a href="{{ path('ordera_recap') }}">Validation Inscription</a>
    </div>

{% endblock %}