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

{% block title %}Ordero index{% endblock %}

{% block content %}
    <h1>Commande</h1>
    {# <h2>Dans  ordero   commande.html.twig     -------</h2> #}

    <p>Choisissez vos préférences avant de passer votre commande sur Pataplouf.</p>
    <h3>Nom : {{ app.user.username }}</h3>
    <hr>
    
    <div class="row">
        
        <div class="col-md-6">
             {% set formHtml %}
              {#
                {{ form_start(form, {action:path('ordero_recap')}) }}
                    
                 {#   {{ form_label(form.addresses, 'Choisissez votre adresse de livraison') }} 
                     <p></p>
                     <p></p>
                   <a href="{{ path('address_new') }}">Ajouter une nouvelle adresse</a>
                   <p></p>
                   <p></p>
                {{ form_end(form) }}
                #}
            {% endset %}
            {{ formHtml|replace({'[br]' : '<br/>'})|raw }} 
        </div> 
              
        <div class="col-md-6">
            <div class="text-center">
                <b>Récapitulatif de votre commande  </b><br/>
            </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('ordero_recap') }}">Validation Inscription</a> #}
    </div>

{% endblock %}