{% extends "macros/base.html" %}
{% from "macros/modals.html" import report_filters %}
{% from "macros/ui.html" import back_link %}

{% block title %}Reporte: Cálculo de IVA - {{ modulo_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        {{ back_link(url_for('admin.admin_reportes_index'), 'Volver al Menú') }}
        <h2>Cálculo de IVA</h2>
    </div>
    <div class="text-end">
        <div><strong class="text-primary fs-5">{{ modulo_name }}</strong></div>
        <div class="text-muted"><small>Período: {{ mes_nombre }}</small></div>
    </div>
</div>
{{ report_filters(
    url_for('admin.report_modulo_calculo_iva', modulo_id=modulo_id),
    workers_list,
    worker_actual,
    fecha_inicio,
    fecha_fin
) }}
<div class="card shadow-sm border-0">
    <div class="card-body p-0">
        <div class="table-responsive table-container custom-scrollbar">
            <table class="table table-bordered table-hover table-sm mb-0 text-center text-nowrap align-middle">
                <thead>
                    <tr>
                        <th class="sticky-col py-3 align-middle bg-dark text-white" style="width: 10%;">FECHA</th>
                        <th class="py-3 bg-success text-white" style="width: 25%;">VENTA EFECTIVO</th>
                        <th class="py-3 bg-info text-dark" style="width: 25%;">VENTA TBK</th>
                        <th class="py-3 bg-primary text-white" style="width: 25%;">VENTA TOTAL</th>
                        <th class="py-3 bg-warning text-dark text-end pe-4" style="width: 15%;">% PROMEDIO VTAS<br>EN EFECTIVO</th>
                    </tr>
                </thead>
                <tbody>
                    {% for dia in dias_en_periodo %}
                    {% set d = data_por_dia[dia.num] %}
                    <tr>
                        <td class="fw-bold sticky-col p-0 align-middle">
                            <div class="d-flex justify-content-between align-items-center px-2 py-1 h-100">
                                <span class="text-muted" style="font-weight: 500;">{{ dia.name }}</span>
                                <span>{{ dia.num }}</span>
                            </div>
                        </td>
                        <td class="numeric-cell bg-success-subtle text-success fw-bold">${{ "{:,.0f}".format(d.efectivo).replace(',', '.') }}</td>
                        <td class="numeric-cell bg-info-subtle text-info fw-bold">${{ "{:,.0f}".format(d.tbk).replace(',', '.') }}</td>
                        <td class="numeric-cell bg-primary-subtle text-primary fw-bold">${{ "{:,.0f}".format(d.total).replace(',', '.') }}</td>
                        <td class="numeric-cell bg-warning-subtle text-warning fw-bold text-end pe-4">{{ d.porcentaje }}%</td>
                    </tr>
                    {% endfor %}
                </tbody>
                <tfoot class="fw-bold fs-6">
                    <tr>
                        <td class="sticky-col text-center py-2 bg-dark text-white">TOTALES</td>
                        <td class="numeric-cell py-2 bg-success text-white">${{ "{:,.0f}".format(totales.efectivo).replace(',', '.') }}</td>
                        <td class="numeric-cell py-2 bg-info text-dark">${{ "{:,.0f}".format(totales.tbk).replace(',', '.') }}</td>
                        <td class="numeric-cell py-2 bg-primary text-white">${{ "{:,.0f}".format(totales.total).replace(',', '.') }}</td>
                        <td class="numeric-cell py-2 bg-warning text-dark text-end pe-4">{{ totales.porcentaje }}%</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
{% endblock %}