{% macro tableHead() %}
<table id="order-products-list" class="table table-striped">
    <thead>
    <tr>
        <th colspan="2">
            <span>Produits / Producteurs</span>
        </th>
        <th>
            <span>Prix HT à l'unité</span>
        </th>
        <th>
            <span>Prix TTC à l'unité </span>
        </th>
        <th>
            <span>Disponibilité</span>
        </th>
        <th>
            <span>Quantité</span>
        </th>
        <th>
            <span>Total</span>
        </th>
    </tr>
    </thead>
{% endmacro %}


{% macro products(form_order_products) %}
    <tbody>
    <template v-for="(orderProduct, key) in orderProducts">
        <order-product ref="orderProductBLOP" :order-product="orderProduct" :template="templateTest" :key-item="key"></order-product>
    </template>
    </tbody>
{% endmacro %}


{% macro productsTemplate(form_order_products) %}
    <tr class="order-product-item">
        <td colspan="2">{% verbatim %}{{orderProduct.title}}{% endverbatim %}</td>
        <td>
            {% verbatim %}{{orderProduct.price}}{% endverbatim %}€
        </td>
        <td>
            {% verbatim %}{{orderProduct.priceWithTax}}{% endverbatim %}€
        </td>
        <td></td>
        <td>
            {{ form_widget(form_order_products.orderProducts.vars.prototype.quantityOrder, {'attr' : {'ref': 'fieldQuantity', 'v-model' : 'orderProduct.quantityOrder', '@change' : 'updateOrderProducts'}}) }}
            {{ form_widget(form_order_products.orderProducts.vars.prototype.product, {'attr' : {'ref' : 'fieldProduct', 'v-model' : 'orderProduct.product'}}) }}
            {#{{ form_widget(form_order_products.orderProducts.vars.prototype.id, {'attr' : {'ref' : 'fieldId', 'v-model' : 'orderProduct.id'}}) }}#}
            <button type="button" class="btn-remove-product btn btn-default" @click="deleteOrderProduct()">
                <i class="fa fa-trash"></i>
            </button>
        </td>
        <td>
            {% verbatim %}{{orderProduct.totalWithTaxAndReduction}}{% endverbatim %}€
        </td>
    </tr>
{% endmacro %}

{% macro tableTotal() %}

</table>

<div class="clearfix"></div>

<div class="row">
    <div class="col-7"></div>
    <div class="col-5">
        <div class="table-responsive">
            <table class="table">
                <tbody>
                <tr>
                    <th>Total without Tax</th>
                    <td>${order.total}€</td>
                </tr>
                <tr>
                    <th>Total</th>
                    <td>${order.totalWithTax}€</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endmacro %}