{{ header }}
  {% if returns %}
    <div class="ftr-grid">
      {% for return in returns %}
        <a href="{{ return.href }}" class="ftr-grid__card ftr-js-ripple-effect">
          <span class="ftr-text--m ftr-block ftr-text-dark">{{ return.status }}</span>
          <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_return_id }}: {{ return.return_id }}</span>
          <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_date_added }}: {{ return.date_added }}</span>
          <span class="ftr-text--s ftr-block ftr-text--grey">{{ text_order_id }}: {{ return.order_id }}</span>
        </a>
      {% endfor %}
      {% if (pagination) %}
        <div class="ftr-pagination ftr-h--full">
          {{ pagination }}
        </div>
      {% endif %}
    </div>
    <a href="{{ new_devolution }}" class="ftr-btn ftr-btn--fab ftr-background--primary ftr-js-ripple-effect">
      <i class="material-icons">&#xE145;</i>
    </a>
  {% else %}
    <div class="ftr-card ftr-in-space--xl ftr-text--center">
      <i class="material-icons ftr-text--xl ftr-block ftr-text--primary">&#xE0DF;</i>
      <span class="ftr-text--m ftr-in-space--xl ftr-block">{{ text_empty }}</span>
      <a href="{{ new_devolution }}" class="ftr-btn ftr-inline ftr-background--primary ftr-block ftr-js-ripple-effect">
        {{ text_new_devolution }}
      </a>
    </div>
  {% endif %}
{{ footer }}
