{% extends "base.html" %}
{% block contenido %}
{% import "macros.html" as macros %}

{%- if TESTING -%}
<div data-test_info="La Plantilla fue renderizada correctamente: cacao_accounting/bancos/templates/bancos/transaccion_lista.html"></div>
{%- endif -%}

<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item"><a href="{{ url_for('cacao_app.pagina_inicio') }}" class="link-dark"><i class="bi bi-house"></i> {{ _('Inicio') }}</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('bancos.bancos_') }}" class="link-dark">{{ _("Bancos") }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ page_heading or _('Listado de Transacciones Bancarias') }}</li>
  </ol>
</nav>

<div class="ca-card">
  <div class="ca-card-header">
    <h5 class="ca-card-title"><i class="bi bi-arrow-left-right"></i> {{ page_heading or _('Listado de Transacciones Bancarias') }}.</h5>
    {% if new_url %}
    <a href="{{ new_url }}" class="btn btn-sm btn-primary">
      <i class="bi bi-plus-circle me-1"></i>{{ _('Nuevo') }}
    </a>
    {% endif %}
  </div>
  {{ macros.list_filters(show_status=False, placeholder=_("Buscar por descripcion o referencia..."), extra_params=consulta.period_extra_params) }}
  {{ macros.period_list_filters(consulta) }}
  <table class="ca-table">
    <caption style="display: none;">{{ _('Listado de transacciones bancarias.') }}</caption>
    <thead>
      <tr>
        <th scope="col">{{ _("Fecha") }}</th>
        <th scope="col">{{ _("Descripción") }}</th>
        <th scope="col">{{ _('Depósito') }}</th>
        <th scope="col">{{ _('Retiro') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for item in consulta.items -%}
      <tr>
        <td>{{ item.posting_date }}</td>
        <td>{{ item.description or "" }}</td>
        <td>{{ item.deposit or "" }}</td>
        <td>{{ item.withdrawal or "" }}</td>
      </tr>
      {%- endfor %}
    </tbody>
  </table>
  <div class="mt-2">{{ macros.rendizar_paginacion(consulta=consulta, vista="bancos.bancos_transaccion_lista", extra_params=consulta.period_extra_params) }}</div>
</div>

{% endblock %}