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

{% endblock %}

{% block body %}
    <div class="container mb-5" xmlns="http://www.w3.org/1999/html">
        <h2>Je passe ma commande</h2>
        <p>Choisissez vos préférences avant de passer votre commande sur La Boutique Française.</p>
        <hr>
        <div class="row">
            <div class="col-md-6">
                {% set formHtml %}
                {{ form_start(form) }}

                <div class="form-group">



                                {{ form_row(form.carriers) }}
                                {{ form_label(form.carriers) }}


                </div>

               <small> <a class="" href="{{ path('address.add') }}">Ajouter une nouvelle adresse</a></small>
                {{ 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,product in products %}

                        <div class="row {% if key > 0 %}mt-3{% endif %}">
                            <div class="col-2">
                                <img src="{{ vich_uploader_asset(product.product, 'imageFile') | imagine_filter('mini') }}" alt="{{ product.product.title }}" height="75px">
                            </div>
                            <div class="col-8">
                               <b>{{ product.product.title }}</b> <br/>
                                <small>{{ product.product.description | slice(0, 70, true)}} ...</small>
                            </div>
                            <div class="col-2 my-auto">
                                x {{ product.quantity }}
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>

    </div>

{% endblock %}