{% if histories %}
  {% for history in histories %}
    <a href="{{ history.href }}"  class="text-decoration-none">
      <div class="content-box flex middle-xs background-white shadow-small hover:shadow-large bottom-margin-small">
        <div class="col-xs-4 col-md-2">
          <span class="text-small text-dark text-bold">#{{ history.order_id }}</span>
        </div>
        <div class="col-xs-8 col-md">
          <span class="text-small text-dark">{{ history.customer }}</span>
        </div>
        <div class="col-xs-6 col-md-2">
          <span class="text-small text-dark" data-tooltip="Valor do Desconto">{{ history.amount }}</span>
        </div>
        <div class="col-xs-6 col-md-2">
          <span class="text-small text-dark">{{ history.date_added }}</span>
        </div>
      </div>
    </a>
  {% endfor %}
{% else %}
  <div class="col-xs-12">
    <div class="content-box background-white shadow-small vertical-padding-x-large horizontal-padding-large text-center">
      <span class="text-medium text-gray">{{ text_no_results }}</span>
    </div>
  </div>
{% endif %}
<div class="row top-margin-medium">
  <div class="col-xs-12">
    <div class="content-box">
      {{ pagination }}
    </div>
  </div>
</div>