{% extends "base.html" %}
{% import 'macros/empresa.html' as empresa_ui %}

{% block title %}Relatório Financeiro - CapeSystem{% endblock %}

{% block extra_css %}
<style>
    .relatorio-financeiro-tab-group {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .relatorio-financeiro-tab-group .btn {
        min-width: 220px;
        border-radius: 999px;
        font-weight: 600;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    }

    .relatorio-financeiro-tab-group .btn i {
        margin-right: 0.35rem;
    }

    .relatorio-financeiro-tab-group .btn-check:checked + .btn {
        color: #fff;
    }

    .relatorio-financeiro-tab-group .btn-check:checked + .btn-outline-danger {
        background: linear-gradient(135deg, #dc3545 0%, #b42333 100%);
        border-color: #dc3545;
    }

    .relatorio-financeiro-tab-group .btn-check:checked + .btn-outline-success {
        background: linear-gradient(135deg, #198754 0%, #157347 100%);
        border-color: #198754;
    }

    .relatorio-financeiro-overview {
        border: none;
        border-radius: 22px;
        overflow: hidden;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
    }

    .relatorio-financeiro-overview__body {
        padding: 1.4rem 1.5rem;
        background: linear-gradient(135deg, #f8fafc 0%, #eef4ff 100%);
    }

    .relatorio-financeiro-overview__hero {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .relatorio-financeiro-overview__title {
        display: flex;
        gap: 0.95rem;
        align-items: flex-start;
    }

    .relatorio-financeiro-overview__icon {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1.4rem;
        box-shadow: 0 14px 28px rgba(15, 23, 42, 0.15);
    }

    .relatorio-financeiro-overview__icon--pagar {
        background: linear-gradient(135deg, #dc3545 0%, #b42333 100%);
    }

    .relatorio-financeiro-overview__icon--receber {
        background: linear-gradient(135deg, #198754 0%, #157347 100%);
    }

    .relatorio-financeiro-overview__headline {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 800;
        color: #0f172a;
    }

    .relatorio-financeiro-overview__subtitle {
        margin: 0.35rem 0 0;
        color: #475569;
        max-width: 720px;
    }

    .relatorio-financeiro-overview__badges {
        display: flex;
        flex-wrap: wrap;
        gap: 0.55rem;
        justify-content: flex-end;
    }

    .relatorio-financeiro-overview__badge {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.45rem 0.75rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
        border: 1px solid rgba(148, 163, 184, 0.18);
        color: #334155;
        font-weight: 700;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    }

    .relatorio-financeiro-overview__metrics {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1rem;
        margin-top: 1.15rem;
    }

    .relatorio-financeiro-kpi {
        border: none;
        border-radius: 20px;
        padding: 1.15rem 1.2rem;
        color: #fff;
        box-shadow: 0 16px 28px rgba(15, 23, 42, 0.10);
        min-height: 148px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .relatorio-financeiro-kpi--danger {
        background: linear-gradient(135deg, #dc3545 0%, #9f1239 100%);
    }

    .relatorio-financeiro-kpi--success {
        background: linear-gradient(135deg, #198754 0%, #0f766e 100%);
    }

    .relatorio-financeiro-kpi--warning {
        background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    }

    .relatorio-financeiro-kpi--primary {
        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    }

    .relatorio-financeiro-kpi--dark {
        background: linear-gradient(135deg, #334155 0%, #0f172a 100%);
    }

    .relatorio-financeiro-kpi__label {
        font-size: 0.82rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        opacity: 0.88;
        font-weight: 700;
    }

    .relatorio-financeiro-kpi__value {
        margin: 0.35rem 0;
        font-size: 1.65rem;
        line-height: 1.08;
        font-weight: 800;
    }

    .relatorio-financeiro-kpi__meta {
        font-size: 0.88rem;
        opacity: 0.9;
    }

    .relatorio-financeiro-overview__progress {
        margin-top: 1.1rem;
        padding: 1rem 1.1rem;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(148, 163, 184, 0.14);
    }

    .relatorio-financeiro-overview__progress-label {
        display: flex;
        justify-content: space-between;
        gap: 0.75rem;
        font-size: 0.92rem;
        font-weight: 700;
        color: #334155;
        margin-bottom: 0.55rem;
    }

    .relatorio-financeiro-overview__progress .progress {
        height: 10px;
        border-radius: 999px;
        background-color: rgba(148, 163, 184, 0.18);
    }

    .relatorio-financeiro-overview__progress .progress-bar {
        border-radius: 999px;
    }
</style>
{% endblock %}

{% block content %}
{% set tipo_ativo = tipo if tipo in ['pagar', 'receber'] else 'pagar' %}
{% set ns = namespace(empresa_label='Todas as Empresas') %}
{% if empresa_id %}
    {% for emp in empresas %}
        {% if empresa_id == emp.id|string %}
            {% set ns.empresa_label = empresa_ui.nome(emp) %}
        {% endif %}
    {% endfor %}
{% endif %}
{% if tipo_ativo == 'receber' %}
    {% set titulo_visao = 'Painel executivo de contas a receber' %}
    {% set subtitulo_visao = 'Acompanhe liquidação, inadimplência e receita líquida do período selecionado.' %}
    {% set status_visao = 'Liquidadas' if status_receber == 'liquidadas' else ('Em aberto' if status_receber == 'abertas' else 'Todas') %}
    {% set percentual_visao = (total_receber_pago / total_receber_titulo * 100) if total_receber_titulo else 0 %}
{% else %}
    {% set titulo_visao = 'Painel executivo de contas a pagar' %}
    {% set subtitulo_visao = 'Visualize compromissos financeiros, pagamentos realizados e impacto de juros no período.' %}
    {% set status_visao = 'Liquidadas' if status_pagar == 'liquidadas' else ('Em aberto' if status_pagar == 'abertas' else 'Todas') %}
    {% set percentual_visao = (total_pagar_pago / total_pagar_titulo * 100) if total_pagar_titulo else 0 %}
{% endif %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1><i class="bi bi-file-earmark-bar-graph"></i> Relatório Financeiro</h1>
    <a href="{{ url_for('relatorio_financeiro_print', tipo=tipo_ativo, data_inicio=data_inicio.strftime('%Y-%m-%d'), data_fim=data_fim.strftime('%Y-%m-%d'), empresa_id=empresa_id or '', status_receber=status_receber, status_pagar=status_pagar, classificar=classificar, ordem=ordem) }}" class="btn btn-outline-primary" target="_blank">
        <i class="bi bi-printer me-1"></i> Imprimir
    </a>
</div>

<!-- FORMULÁRIO DE FILTROS -->
<div class="card mb-4">
    <div class="card-header">
        <h5><i class="bi bi-funnel"></i> Filtros</h5>
    </div>
    <div class="card-body">
        <form method="GET" action="{{ url_for('relatorio_financeiro') }}">
            <div class="row">
                <div class="col-12 mb-3">
                    <label class="form-label d-block">Visão do Relatório</label>
                    <div class="relatorio-financeiro-tab-group" role="tablist" aria-label="Tipo do relatório financeiro">
                        <input class="btn-check" type="radio" name="tipo" id="tipo_pagar" value="pagar" autocomplete="off" {% if tipo_ativo == 'pagar' %}checked{% endif %}>
                        <label class="btn btn-outline-danger" for="tipo_pagar">
                            <i class="bi bi-receipt"></i> Contas a Pagar
                        </label>

                        <input class="btn-check" type="radio" name="tipo" id="tipo_receber" value="receber" autocomplete="off" {% if tipo_ativo == 'receber' %}checked{% endif %}>
                        <label class="btn btn-outline-success" for="tipo_receber">
                            <i class="bi bi-cash-coin"></i> Contas a Receber
                        </label>
                    </div>
                    <small class="text-muted d-block mt-2">Escolha a aba para focar a análise e os resultados da gestão financeira.</small>
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Data Início</label>
                    <input type="date" class="form-control" name="data_inicio" value="{{ data_inicio }}">
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Data Fim</label>
                    <input type="date" class="form-control" name="data_fim" value="{{ data_fim }}">
                </div>

                <div class="col-md-4 mb-3">
                    <label class="form-label">Empresa</label>
                    <select class="form-select" name="empresa_id">
                        <option value="">Todas as Empresas</option>
                        {% for emp in empresas %}
                        <option value="{{ emp.id }}" {% if empresa_id == emp.id|string %}selected{% endif %}>
                            {{ empresa_ui.nome(emp) }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-6 mb-3 {% if tipo_ativo != 'receber' %}d-none{% endif %}" data-status-group="receber">
                    <label class="form-label">Status Contas a Receber</label>
                    <select class="form-select" name="status_receber">
                        <option value="todas" {% if status_receber == 'todas' %}selected{% endif %}>Todas</option>
                        <option value="liquidadas" {% if status_receber == 'liquidadas' %}selected{% endif %}>Liquidadas</option>
                        <option value="abertas" {% if status_receber == 'abertas' %}selected{% endif %}>Em Aberto</option>
                    </select>
                </div>
                
                <div class="col-md-6 mb-3 {% if tipo_ativo != 'pagar' %}d-none{% endif %}" data-status-group="pagar">
                    <label class="form-label">Status Contas a Pagar</label>
                    <select class="form-select" name="status_pagar">
                        <option value="todas" {% if status_pagar == 'todas' %}selected{% endif %}>Todas</option>
                        <option value="liquidadas" {% if status_pagar == 'liquidadas' %}selected{% endif %}>Liquidadas</option>
                        <option value="abertas" {% if status_pagar == 'abertas' %}selected{% endif %}>Em Aberto</option>
                    </select>
                </div>

                <div class="col-md-3 mb-3">
                    <label class="form-label">Classificar por</label>
                    <select class="form-select" name="classificar">
                        <option value="codigo" {% if classificar == 'codigo' %}selected{% endif %}>Código</option>
                        <option value="nome" {% if classificar == 'nome' %}selected{% endif %}>Nome</option>
                        <option value="descricao" {% if classificar == 'descricao' %}selected{% endif %}>Descrição</option>
                    </select>
                </div>

                <div class="col-md-3 mb-3">
                    <label class="form-label">Ordem</label>
                    <select class="form-select" name="ordem">
                        <option value="asc" {% if ordem == 'asc' %}selected{% endif %}>Crescente</option>
                        <option value="desc" {% if ordem == 'desc' %}selected{% endif %}>Decrescente</option>
                    </select>
                </div>
            </div>
            
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-search"></i> Filtrar
            </button>
            <a href="{{ url_for('relatorio_financeiro_print', tipo=tipo_ativo, data_inicio=data_inicio.strftime('%Y-%m-%d'), data_fim=data_fim.strftime('%Y-%m-%d'), empresa_id=empresa_id or '', status_receber=status_receber, status_pagar=status_pagar, classificar=classificar, ordem=ordem) }}" class="btn btn-outline-primary" target="_blank">
                <i class="bi bi-printer"></i> Imprimir
            </a>
            <a href="{{ url_for('relatorio_financeiro', tipo='pagar') }}" class="btn btn-secondary">
                <i class="bi bi-x-circle"></i> Limpar Filtros
            </a>
        </form>
    </div>
</div>

<!-- VISÃO EXECUTIVA -->
<div class="card relatorio-financeiro-overview mb-4">
    <div class="relatorio-financeiro-overview__body">
        <div class="relatorio-financeiro-overview__hero">
            <div class="relatorio-financeiro-overview__title">
                <div class="relatorio-financeiro-overview__icon {% if tipo_ativo == 'receber' %}relatorio-financeiro-overview__icon--receber{% else %}relatorio-financeiro-overview__icon--pagar{% endif %}">
                    <i class="bi {% if tipo_ativo == 'receber' %}bi-cash-coin{% else %}bi-receipt{% endif %}"></i>
                </div>
                <div>
                    <h2 class="relatorio-financeiro-overview__headline">{{ titulo_visao }}</h2>
                    <p class="relatorio-financeiro-overview__subtitle">{{ subtitulo_visao }}</p>
                </div>
            </div>
            <div class="relatorio-financeiro-overview__badges">
                <span class="relatorio-financeiro-overview__badge"><i class="bi bi-calendar-range"></i> {{ data_inicio.strftime('%d/%m/%Y') }} até {{ data_fim.strftime('%d/%m/%Y') }}</span>
                <span class="relatorio-financeiro-overview__badge"><i class="bi bi-building"></i> {{ ns.empresa_label }}</span>
                <span class="relatorio-financeiro-overview__badge"><i class="bi bi-filter-circle"></i> Status: {{ status_visao }}</span>
            </div>
        </div>

        <div class="relatorio-financeiro-overview__progress">
            <div class="relatorio-financeiro-overview__progress-label">
                <span>{% if tipo_ativo == 'receber' %}Cobertura de liquidação{% else %}Cobertura de pagamento{% endif %}</span>
                <span>{{ '%.1f'|format(percentual_visao) }}%</span>
            </div>
            <div class="progress">
                <div class="progress-bar {% if tipo_ativo == 'receber' %}bg-success{% else %}bg-danger{% endif %}" role="progressbar" style="width: {{ percentual_visao if percentual_visao <= 100 else 100 }}%;" aria-valuenow="{{ percentual_visao|round(0, 'floor') }}" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
        </div>

        <div class="relatorio-financeiro-overview__metrics">
            {% if tipo_ativo == 'receber' %}
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--dark">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Total de títulos</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_receber_titulo) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">{{ contas_receber|length }} registro(s) no período</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--success">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Total liquidado</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_receber_pago) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Recebimentos consolidados</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--warning">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Em aberto</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_receber_aberto) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Pendências a monitorar</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--primary">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Valor líquido</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_receber_liquido) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Receita efetiva do período</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--success">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Juros + multas</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_receber_juros + total_receber_multa) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Juros: R$ {{ '%.2f'|format(total_receber_juros) }} · Multas: R$ {{ '%.2f'|format(total_receber_multa) }}</div>
                </div>
            {% else %}
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--dark">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Total de títulos</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_pagar_titulo) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">{{ contas_pagar|length }} registro(s) no período</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--danger">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Total pago</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_pagar_pago) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Saída financeira já realizada</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--warning">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Em aberto</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_pagar_aberto) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Compromissos pendentes</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--danger">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Juros pagos</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_pagar_juros) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Custo financeiro adicional</div>
                </div>
                <div class="relatorio-financeiro-kpi relatorio-financeiro-kpi--success">
                    <div>
                        <div class="relatorio-financeiro-kpi__label">Descontos obtidos</div>
                        <div class="relatorio-financeiro-kpi__value">R$ {{ '%.2f'|format(total_pagar_desconto) }}</div>
                    </div>
                    <div class="relatorio-financeiro-kpi__meta">Economia capturada no período</div>
                </div>
            {% endif %}
        </div>
    </div>
</div>

<!-- TABELA CONTAS A RECEBER -->
{% if tipo_ativo == 'receber' and contas_receber %}
<div class="card mb-4">
    <div class="card-header bg-success text-white">
        <h5><i class="bi bi-table"></i> Detalhamento - Contas a Receber ({{ contas_receber|length }} registros)</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th>Vencimento</th>
                        <th>Cliente</th>
                        <th>Descrição</th>
                        <th class="text-end">Valor Título</th>
                        <th class="text-end">Valor Pago</th>
                        <th class="text-end">Juros/Multa</th>
                        <th class="text-end">Líquido</th>
                        <th class="text-center">Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conta in contas_receber %}
                    <tr>
                        <td>{{ conta.data_vencimento.strftime('%d/%m/%Y') }}</td>
                        <td>{{ conta.get_cliente_nome() if conta.get_cliente_nome is defined else (conta.cliente.nome if conta.cliente else 'Cliente não informado') }}</td>
                        <td>{{ conta.descricao }}</td>
                        <td class="text-end">R$ {{ "%.2f"|format(conta.valor_bruto) }}</td>
                        <td class="text-end">R$ {{ "%.2f"|format(conta.valor_pago_total) }}</td>
                        <td class="text-end text-success">R$ {{ "%.2f"|format(conta.valor_juros + conta.valor_multa) }}</td>
                        <td class="text-end">R$ {{ "%.2f"|format(conta.valor_liquido) }}</td>
                        <td class="text-center">
                            {% if conta.status == 'pago' %}
                                <span class="badge bg-success">Pago</span>
                            {% elif conta.status == 'atrasado' %}
                                <span class="badge bg-danger">Atrasado</span>
                            {% else %}
                                <span class="badge bg-warning">Pendente</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

<!-- TABELA CONTAS A PAGAR -->
{% if tipo_ativo == 'pagar' and contas_pagar %}
<div class="card mb-4">
    <div class="card-header bg-danger text-white">
        <h5><i class="bi bi-table"></i> Detalhamento - Contas a Pagar ({{ contas_pagar|length }} registros)</h5>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th>Vencimento</th>
                        <th>Fornecedor</th>
                        <th>Descrição</th>
                        <th class="text-end">Valor Título</th>
                        <th class="text-end">Valor Pago</th>
                        <th class="text-end">Juros</th>
                        <th class="text-end">Desconto</th>
                        <th class="text-end">Diferença</th>
                        <th class="text-center">Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for conta in contas_pagar %}
                    <tr>
                        <td>{{ conta.data_vencimento.strftime('%d/%m/%Y') }}</td>
                        <td>{{ conta.get_fornecedor_nome() if conta.get_fornecedor_nome is defined else (conta.fornecedor.nome if conta.fornecedor else 'Fornecedor não informado') }}</td>
                        <td>{{ conta.descricao }}</td>
                        <td class="text-end">R$ {{ "%.2f"|format(conta.valor_titulo or conta.valor) }}</td>
                        <td class="text-end">R$ {{ "%.2f"|format(conta.valor_pago) }}</td>
                        <td class="text-end text-danger">R$ {{ "%.2f"|format(conta.valor_juros) }}</td>
                        <td class="text-end text-success">R$ {{ "%.2f"|format(conta.valor_desconto) }}</td>
                        <td class="text-end {% if conta.diferenca_pagamento() > 0 %}text-danger{% elif conta.diferenca_pagamento() < 0 %}text-success{% endif %}">
                            R$ {{ "%.2f"|format(conta.diferenca_pagamento()) }}
                        </td>
                        <td class="text-center">
                            {% if conta.pago %}
                                <span class="badge bg-success">Pago</span>
                            {% elif conta.esta_atrasado() %}
                                <span class="badge bg-danger">Atrasado</span>
                            {% else %}
                                <span class="badge bg-warning">Pendente</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

<!-- Mensagem quando não há dados -->
{% if (tipo_ativo == 'receber' and not contas_receber) or (tipo_ativo == 'pagar' and not contas_pagar) %}
<div class="alert alert-info text-center">
    <i class="bi bi-info-circle" style="font-size: 3rem;"></i>
    <p class="mt-3">Nenhum registro encontrado para os filtros selecionados.</p>
</div>
{% endif %}

{% endblock %}

{% block scripts %}
<script>
document.addEventListener('DOMContentLoaded', function () {
    const radiosTipo = document.querySelectorAll('input[name="tipo"]');
    const gruposStatus = document.querySelectorAll('[data-status-group]');

    function atualizarAbaFinanceira() {
        const ativo = document.querySelector('input[name="tipo"]:checked')?.value || 'pagar';
        gruposStatus.forEach(function (grupo) {
            grupo.classList.toggle('d-none', grupo.dataset.statusGroup !== ativo);
        });
    }

    radiosTipo.forEach(function (radio) {
        radio.addEventListener('change', atualizarAbaFinanceira);
    });

    atualizarAbaFinanceira();
});
</script>
{% endblock %}