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

{% block navbar %}{% endblock %}

{% block body %}

{% for commande in commandes %}

<div class="commande content container-fluid my-4" style="page-break-after: always;">
  <div class="row my-3">
    <div class="col-12">
      <table class="table table-striped" data-toggle="table">
        <thead>
		
          <tr>
            <th scope="col" colspan="5">Commande {{commande.reference}} - {{commande.store_alias}} - {{ commande.day|date('d/m/y') }} {{ commande.hour|slice(0,5) }}</th>
          </tr>
          <tr>
            <th scope="col" colspan="5">{{ commande.firstname ~ ' ' ~ commande.lastname }} - {{ commande.phone }} - {{ commande.address1 ~ ' ' ~ commande.address2 ~ ' - ' ~ commande.postcode ~ ' ' ~ commande.city }}</th>
          </tr>
          <tr>
            <th scope="col">Référence</th>
            <th scope="col">Désignation</th>
            <th scope="col">Préparation</th>
            <th scope="col">Nombre de lots</th>
            <th scope="col">Poids total KG</th>
          </tr>
        </thead>
        <tbody>
          {% set cat = 0 %}
          {% set subcat = 0 %}
          {% for detail in details %}
		  		  
		  {% if commande.id_order == detail.id_order %}
		  
            {% if cat != detail.category_id or subcat != detail.subcategory_id %}
              {% set cat = detail.category_id %}
              {% set subcat = detail.subcategory_id %}
              <tr>
                <td colspan="5" style="font-weight:bold;background:#F3937F;">{{ detail.category_name }} - {{ detail.subcategory_name }}</td>
              </tr>
            {% endif %}
          <tr>
            <td>{{ detail.product_reference }}</td>
            <td>{{ detail.product_name }}</td>
            <td>{{ detail.attribute_name }}</td>
            <td>{{ detail.quantity }}</td>
            <td>{{ detail.total_weight != 0 ? detail.total_weight *1 }}</td>
          </tr>
		  {% endif %}
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>


</div>

{% endfor %}
{% endblock %}