{% extends 'base.html' %}

{% block title %}Mes commandes groupées{% endblock %}

{% block content %}
<p class="desktop-hidden mobile-content-title">
  {% block content_title %}Commandes groupées que vous organisez{% endblock %}
</p>
<div class="buttons is-pulled-right">
  <a class="button is-primary" href="{% url 'order:create_grouped_order' %}">
    <i class="fa fa-plus-circle mr-3" aria-hidden="true"></i>
    Créer une nouvelle commande groupée</a>
</div>
  {% if grouped_order_list.incoming_grouped_orders or grouped_order_list.crossed_deadline_grouped_orders or grouped_order_list.old_grouped_orders %}
  {% if grouped_order_list.incoming_grouped_orders %}
  <p class="is-size-4">Commandes groupées à venir</p>
  <table class="table">
    <thead>
      <tr>
        <th>Nom</th>
        <th>Livraison</th>
        <th>Fin des commandes</th>
        <th>Nombre de commandes</th>
        <th> </th>
      </tr>
    </thead>
    <tbody>
      {% for gr_order in grouped_order_list.incoming_grouped_orders %}
      <tr>
        <td>
          <i class="fa fa-unlock-alt mr-2 has-text-success-dark" aria-hidden="true" title="Commandes ouvertes"></i>
          <a title="Détail de la commande groupée" href="{% url 'order:grouped_order_detail' gr_order.code %}">{{ gr_order }}</a>
        </td>
        <td>{{ gr_order.delivery_date }}</td>
        <td>{{ gr_order.deadline }}</td>
        <td>{{ gr_order.order_set.count }}</td>
        <td>
          <a title="Détail de la commande groupée" href="{% url 'order:grouped_order_detail' gr_order.code %}">
          <i class="fa fa-eye mr-3" aria-hidden="true"></i>
          </a>
          <a title="Gestion de la commande groupée" href="{% url 'order:grouped_order_overview' gr_order.code %}">
            <i class="fa fa-list-ul mr-3" aria-hidden="true"></i>
          </a>
          <a title="Dupliquer la commande groupée" href="{% url 'order:duplicate_grouped_order' gr_order.code %}">
            <i class="fa fa-files-o mr-3" aria-hidden="true"></i>
          </a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
  {% if grouped_order_list.crossed_deadline_grouped_orders %}
  <p class="is-size-4">Livraison à venir, date limite de commande dépassée</p>
  <table class="table">
    <thead>
      <tr>
        <th>Nom</th>
        <th>Livraison</th>
        <th>Fin des commandes</th>
        <th>Nombre de commandes</th>
        <th> </th>
      </tr>
    </thead>
    <tbody>
      {% for gr_order in grouped_order_list.crossed_deadline_grouped_orders %}
      <tr>
        <td>
          <i class="fa fa-lock mr-2 has-text-info" aria-hidden="true" title="Livraison à venir"></i>
          <a title="Détail de la commande groupée" href="{% url 'order:grouped_order_detail' gr_order.code %}">{{ gr_order }}</a>
        </td>
        <td>{{ gr_order.delivery_date }}</td>
        <td>{{ gr_order.deadline }}</td>
        <td>{{ gr_order.order_set.count }}</td>
        <td>
          <a title="Détail de la commande groupée" href="{% url 'order:grouped_order_detail' gr_order.code %}">
          <i class="fa fa-eye mr-3" aria-hidden="true"></i>
          </a>
          <a title="Gestion de la commande groupée" href="{% url 'order:grouped_order_overview' gr_order.code %}">
            <i class="fa fa-list-ul mr-3" aria-hidden="true"></i>
          </a>
          <a title="Dupliquer la commande groupée" href="{% url 'order:duplicate_grouped_order' gr_order.code %}">
            <i class="fa fa-files-o mr-3" aria-hidden="true"></i>
          </a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
  {% if grouped_order_list.old_grouped_orders %}
  <p class="is-size-4">Anciennes commandes</p>
  <table class="table">
    <thead>
      <tr>
        <th>Nom</th>
        <th>Livraison</th>
        <th>Fin des commandes</th>
        <th>Nombre de commandes</th>
        <th> </th>
      </tr>
    </thead>
    <tbody>
      {% for gr_order in grouped_order_list.old_grouped_orders %}
      <tr>
        <td>
          <i class="fa fa-check-circle mr-2 has-text-link" aria-hidden="true" title="Commande terminée"></i>
          <a title="Détail de la commande groupée" href="{% url 'order:grouped_order_detail' gr_order.code %}">{{ gr_order }}</a>
        </td>
        <td>{{ gr_order.delivery_date }}</td>
        <td>{{ gr_order.deadline }}</td>
        <td>{{ gr_order.order_set.count }}</td>
        <td>
          <a title="Détail de la commande groupée" href="{% url 'order:grouped_order_detail' gr_order.code %}">
          <i class="fa fa-eye mr-3" aria-hidden="true"></i>
          </a>
          <a title="Gestion de la commande groupée" href="{% url 'order:grouped_order_overview' gr_order.code %}">
            <i class="fa fa-list-ul mr-3" aria-hidden="true"></i>
          </a>
          <a title="Dupliquer la commande groupée" href="{% url 'order:duplicate_grouped_order' gr_order.code %}">
            <i class="fa fa-files-o mr-3" aria-hidden="true"></i>
          </a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
  {% else %}
  <p>Pas de commande groupée pour l'instant</p>
  {% endif %}
{% endblock %}