{% extends "base.html" %}
{% block contenido %}
<nav aria-label="breadcrumb">
  <ol class="breadcrumb lh-sm">
    <li class="breadcrumb-item"><a href="{{ url_for('cacao_app.pagina_inicio') }}" class="link-dark">{{ _("Inicio") }}</a></li>
    <li class="breadcrumb-item"><a href="{{ url_for('contabilidad.conta') }}" class="link-dark">{{ _("Contabilidad") }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ report_title }}</li>
  </ol>
</nav>

<section class="ca-card">
  <div class="ca-card-header d-flex justify-content-between align-items-center gap-2 flex-wrap">
    <h5 class="ca-card-title mb-0">{{ report_title }}</h5>
    <a class="btn btn-primary" href="{{ url_for('contabilidad.cash_flow_config', company=context_summary.company) }}">
      {{ _("Clasificar cuentas") }}
    </a>
  </div>
  <div class="ca-report-context">
    <div><strong>{{ _("Compañía") }}:</strong> {{ context_summary.company }}</div>
    <div><strong>{{ _("Libro") }}:</strong> {{ context_summary.ledger }}</div>
    <div><strong>{{ _("Periodo") }}:</strong> {{ context_summary.period }}</div>
  </div>
  <div class="p-3">
    <div class="alert alert-warning mb-3" role="alert">
      {{ _("El reporte no puede generarse porque la configuración del flujo de efectivo está incompleta.") }}
      {{ _("Clasifique cada cuenta pendiente en Operación, Inversión, Financiamiento o Efectivo y vuelva a intentarlo.") }}
    </div>
    {% if pending_accounts %}
    <h6>{{ _("Cuentas con movimiento sin clasificar") }} ({{ pending_accounts|length }})</h6>
    <div class="table-responsive">
      <table class="ca-table table table-sm align-middle">
        <caption class="visually-hidden">{{ _("Cuentas con movimiento sin clasificar") }}</caption>
        <thead>
          <tr>
            <th scope="col">{{ _("Cuenta") }}</th>
            <th scope="col">{{ _("Nombre") }}</th>
          </tr>
        </thead>
        <tbody>
          {% for account in pending_accounts %}
          <tr>
            <td>{{ account.code }}</td>
            <td>{{ account.name }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}
  </div>
</section>
{% endblock %}