{% extends "base.html" %}
{% block contenido %}
<div class="ca-card">
  <div class="ca-card-header d-flex justify-content-between"><h5 class="ca-card-title">{{ _('Conciliaciones de Caja Chica') }}</h5><a class="btn btn-primary btn-sm" href="{{ url_for('bancos.caja_chica_conciliacion_nueva') }}">{{ _('Nueva') }}</a></div>
  <table class="ca-table">
    <caption style="display: none;">{{ _('Listado de conciliaciones de caja chica.') }}</caption>
    <thead><tr><th>{{ _('Documento') }}</th><th>{{ _('Caja') }}</th><th>{{ _('Fecha') }}</th><th>{{ _('Esperado') }}</th><th>{{ _('Contado') }}</th><th>{{ _('Diferencia') }}</th><th>{{ _('Estado') }}</th><th>{{ _('Acciones') }}</th></tr></thead><tbody>
  {% for item in registros %}<tr><td>{{ item.document_no or item.id }}</td><td>{{ item.petty_cash_id }}</td><td>{{ item.reconciliation_date }}</td><td>{{ item.expected_cash }}</td><td>{{ item.counted_cash }}</td><td>{{ item.difference }}</td><td>{{ item.status }}</td><td>{% if item.status == 'borrador' %}<a class="btn btn-outline-primary btn-sm" href="{{ url_for('bancos.caja_chica_conciliacion_editar', r_id=item.id) }}">{{ _('Editar') }}</a> <form method="post" action="{{ url_for('bancos.caja_chica_conciliacion_confirmar', r_id=item.id) }}" class="d-inline"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="btn btn-outline-success btn-sm">{{ _('Conciliar') }}</button></form>{% elif item.status == 'conciliado' and item.difference and not item.adjustment_journal_id %}<form method="post" action="{{ url_for('bancos.caja_chica_conciliacion_ajustar', r_id=item.id) }}" class="d-flex gap-1"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><input class="form-control form-control-sm" name="adjustment_account_code" placeholder="{{ _('Cuenta de ajuste') }}" required><button class="btn btn-outline-warning btn-sm">{{ _('Registrar ajuste') }}</button></form>{% endif %}</td></tr>{% else %}<tr><td colspan="8" class="text-center text-muted">{{ _('No hay conciliaciones registradas.') }}</td></tr>{% endfor %}
  </tbody></table>
</div>
{% endblock %}