{{ header }}
  {% if orders %}
    <div class="ftr-grid">
      {% for key,order in orders %}
      <div class="ftr-grid__card">
        <a href="{{ order.href }}">
          <span class="ftr-text--m ftr-block ftr-text-dark">{{ order.status }}</span>
          {% if order.total_pontos > 0 %}
            <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_order_id }}: {{ order.order_id }}</span>
            <span class="ftr-text--s ftr-block ftr-text--grey">{{ column_total_pontos }}: {{ order.total_pontos }}</span>
          {% else %}
            <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_order_id }}: {{ order.order_id }}</span>
            <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_total }}: {{ order.total }}</span>
          {% endif %}
          <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_date_added }}: {{ order.date_added }}</span>
          <div class="ftr-out-space--t-s">
            {% for image in order.images %}
              <div class="ftr-text--v-middle ftr-out-space--r-s ftr-order-list__image">
                <img src="{{image}}" alt="" width="68" height="68" class="ftr-block">
              </div>
            {% endfor %}
            {% if order.products > 0 %}
              <div class="ftr-text--v-middle ftr-order-list__image">
                <span class="ftr-text-dark ftr-text--xs ftr-block ftr-in-space--t-m">
                  +{{order.products}} <span class="ftr-block">{{text_products}}{{ (order.products > 1) ? 's' : '' }} </span>
                </span>
              </div>
            {% endif %}
          </div>
        </a>
        <div class="ftr-dropdown ftr-js-dropdown">
          <div class="ftr-js-dropdown__display">
            <span class="ftr-dropdown__display"></span>
          </div>
          <div class="ftr-dropdown__content ftr-js-dropdown__content">
            <a href="{{ order.href }}" class="ftr-dropdown__content__item ftr-js-ripple-effect">{{ text_order_view }}</a>
            <a href="{{ order.reorder }}" class="ftr-dropdown__content__item ftr-js-ripple-effect">{{ button_reorder }}</a>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    {% if (pagination) %}
      <div class="ftr-pagination ftr-width--full">
        {{ pagination }}
      </div>
    {% endif %}
  {% else %}
    <div class="ftr-card ftr-in-space--xl ftr-text--center">
      <i class="material-icons ftr-text--xl ftr-block ftr-text--primary">&#xE812;</i>
      <span class="ftr-text--xl ftr-in-space--t-xl ftr-in-space--b-xs ftr-block">{{ text_empty_order_title }}</span>
      <span class="ftr-text--s ftr-in-space--b-xl ftr-block">{{ text_empty_order_text }}</span>
      <a href="{{ home }}" class="ftr-btn ftr-inline ftr-background--primary ftr-js-ripple-effect">
        {{ text_empty_order_button }}
      </a>
    </div>
  {% endif %}
{{ footer }}
