<h1>{{ heading_title }}</h1>
<p>{{ text_total }} <strong><x-currency code="{{ currency }}" amount="{{ total }}"></x-currency></strong>.
</p>
<table class="table table-bordered table-hover">
  <thead>
    <tr>
      <th>{{ column_date_added }}</th>
      <th>{{ column_description }}</th>
      <th class="text-end">{{ column_amount }}</th>
    </tr>
  </thead>
  <tbody>
    {% if transactions %}
      {% for transaction in transactions %}
        <tr>
          <td>{{ transaction.date_added }}</td>
          <td>{{ transaction.description }}</td>
          <td class="text-end">
            <x-currency code="{{ currency }}" amount="{{ transaction.amount }}"></x-currency>
          </td>
        </tr>
      {% endfor %}
    {% else %}
      <tr>
        <td class="text-center" colspan="3">{{ text_no_results }}</td>
      </tr>
    {% endif %}
  </tbody>
</table>
<div class="row mb-3">
  <div class="col-sm-6 text-start">{{ pagination }}</div>
  <div class="col-sm-6 text-end">{{ results }}</div>
</div>
<div class="text-end"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
