{% extends "base.html" %}

{% block title %}Relatório Financeiro Gerencial{% endblock %}

{% macro moeda(valor) -%}
R$ {{ "{:,.2f}".format(valor or 0).replace(",", "X").replace(".", ",").replace("X", ".") }}
{%- endmacro %}

{% block content %}
<div class="container-fluid py-4">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
        <div>
            <h1 class="mb-1"><i class="bi bi-diagram-3 text-primary"></i> Relatório Financeiro Gerencial</h1>
            <p class="text-muted mb-0">
                Visão gerencial por grupo de conta, categoria financeira e centro de custo, sem alterar o DRE oficial.
                {% if empresa %}<span class="fw-semibold">Empresa: {{ empresa.nome_fantasia or empresa.razao_social or empresa.nome }}</span>{% endif %}
            </p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ url_for('relatorios') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left"></i> Voltar
            </a>
            <a href="{{ url_for('relatorio_financeiro_gerencial_print', data_inicio=data_inicio.strftime('%Y-%m-%d'), data_fim=data_fim.strftime('%Y-%m-%d'), categoria_id=categoria_id_filtro or '', centro_custo_id=centro_custo_id_filtro or '') }}" class="btn btn-outline-primary" target="_blank" rel="noopener">
                <i class="bi bi-printer"></i> Imprimir
            </a>
        </div>
    </div>

    <div class="card shadow-sm mb-4 no-print">
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <div class="col-md-3">
                    <label class="form-label">Data início</label>
                    <input type="date" class="form-control" name="data_inicio" value="{{ data_inicio.strftime('%Y-%m-%d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Data fim</label>
                    <input type="date" class="form-control" name="data_fim" value="{{ data_fim.strftime('%Y-%m-%d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Categoria financeira</label>
                    <select class="form-select" name="categoria_id">
                        <option value="">Todas</option>
                        {% for categoria in categorias_filtro %}
                        <option value="{{ categoria.id }}" {% if categoria_id_filtro == categoria.id %}selected{% endif %}>{{ categoria.nome }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Centro de custo</label>
                    <select class="form-select" name="centro_custo_id">
                        <option value="">Todos</option>
                        {% for centro in centros_custo %}
                        <option value="{{ centro.id }}" {% if centro_custo_id_filtro == centro.id %}selected{% endif %}>
                            {% if centro.codigo %}{{ centro.codigo }} - {% endif %}{{ centro.nome }}
                        </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-12 d-flex gap-2">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-funnel"></i> Atualizar relatório
                    </button>
                    <a href="{{ url_for('relatorio_financeiro_gerencial') }}" class="btn btn-outline-secondary">
                        <i class="bi bi-x-circle"></i> Limpar filtros
                    </a>
                </div>
            </form>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-md-6 col-xl-3">
            <div class="card border-success shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase">Receita natural de vendas</div>
                    <div class="fs-4 fw-bold text-success">{{ moeda(relatorio.receita_vendas) }}</div>
                    <div class="small text-muted">{{ indicadores.quantidade_vendas }} venda(s) no período</div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card border-warning shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase">Lucro bruto</div>
                    <div class="fs-4 fw-bold {% if relatorio.lucro_bruto >= 0 %}text-success{% else %}text-danger{% endif %}">{{ moeda(relatorio.lucro_bruto) }}</div>
                    <div class="small text-muted">Margem bruta: {{ "%.1f"|format(relatorio.margem_bruta or 0) }}%</div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card border-danger shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase">Despesas líquidas</div>
                    <div class="fs-4 fw-bold text-danger">{{ moeda(relatorio.despesas_operacionais) }}</div>
                    <div class="small text-muted">{{ indicadores.total_titulos }} título(s) pagos</div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-xl-3">
            <div class="card border-primary shadow-sm h-100">
                <div class="card-body">
                    <div class="text-muted small text-uppercase">Resultado operacional</div>
                    <div class="fs-4 fw-bold {% if relatorio.resultado_operacional >= 0 %}text-success{% else %}text-danger{% endif %}">{{ moeda(relatorio.resultado_operacional) }}</div>
                    <div class="small text-muted">Margem líquida: {{ "%.1f"|format(relatorio.margem_liquida or 0) }}%</div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-lg-8">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-primary text-white">
                    <strong><i class="bi bi-file-earmark-bar-graph"></i> Estrutura resumida do relatório</strong>
                </div>
                <div class="table-responsive">
                    <table class="table table-hover mb-0 align-middle">
                        <tbody>
                            <tr>
                                <th>Receita natural de vendas</th>
                                <td class="text-end text-success fw-semibold">{{ moeda(relatorio.receita_vendas) }}</td>
                            </tr>
                            <tr>
                                <th>(-) Descontos concedidos em vendas</th>
                                <td class="text-end text-danger fw-semibold">({{ moeda(relatorio.descontos_vendas) | replace('R$ ', '') }})</td>
                            </tr>
                            <tr>
                                <th>(-) Impostos sobre vendas</th>
                                <td class="text-end text-danger fw-semibold">({{ moeda(relatorio.impostos_sobre_vendas) | replace('R$ ', '') }})</td>
                            </tr>
                            <tr class="table-light">
                                <th>= Receita líquida</th>
                                <td class="text-end fw-bold">{{ moeda(relatorio.receita_liquida) }}</td>
                            </tr>
                            <tr>
                                <th>(-) CMV</th>
                                <td class="text-end text-danger fw-semibold">({{ moeda(relatorio.cmv) | replace('R$ ', '') }})</td>
                            </tr>
                            <tr class="table-light">
                                <th>= Lucro bruto</th>
                                <td class="text-end fw-bold {% if relatorio.lucro_bruto >= 0 %}text-success{% else %}text-danger{% endif %}">{{ moeda(relatorio.lucro_bruto) }}</td>
                            </tr>
                            <tr>
                                <th>Despesas principais</th>
                                <td class="text-end text-danger">{{ moeda(relatorio.despesas_principal) }}</td>
                            </tr>
                            <tr>
                                <th>(+) Juros / multas sobre pagamentos</th>
                                <td class="text-end text-danger">{{ moeda(relatorio.despesas_juros) }}</td>
                            </tr>
                            <tr>
                                <th>(-) Descontos obtidos em pagamentos</th>
                                <td class="text-end text-success">{{ moeda(relatorio.despesas_descontos_obtidos) }}</td>
                            </tr>
                            <tr class="table-light">
                                <th>= Despesas operacionais líquidas</th>
                                <td class="text-end fw-bold text-danger">{{ moeda(relatorio.despesas_operacionais) }}</td>
                            </tr>
                            <tr class="table-primary">
                                <th class="fs-5">Resultado operacional</th>
                                <td class="text-end fs-5 fw-bold {% if relatorio.resultado_operacional >= 0 %}text-success{% else %}text-danger{% endif %}">
                                    {{ moeda(relatorio.resultado_operacional) }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-light">
                    <strong><i class="bi bi-clipboard-data"></i> Transparência da classificação</strong>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between border-bottom py-2">
                        <span>Grupos de conta</span>
                        <strong>{{ indicadores.grupos_conta }}</strong>
                    </div>
                    <div class="d-flex justify-content-between border-bottom py-2">
                        <span>Títulos sem grupo DRE</span>
                        <strong class="{% if indicadores.titulos_sem_plano > 0 %}text-danger{% endif %}">{{ indicadores.titulos_sem_plano }}</strong>
                    </div>
                    <div class="d-flex justify-content-between border-bottom py-2">
                        <span>Títulos sem centro de custo</span>
                        <strong class="{% if indicadores.titulos_sem_centro > 0 %}text-danger{% endif %}">{{ indicadores.titulos_sem_centro }}</strong>
                    </div>
                    <div class="d-flex justify-content-between pt-2">
                        <span>Operacionais sem DRE</span>
                        <strong class="text-secondary">{{ indicadores.titulos_operacionais_sem_dre }}</strong>
                    </div>
                    <hr>
                    <p class="small text-muted mb-0">
                        Cada grupo abaixo lista o plano DRE, a categoria financeira e o centro de custo com suas totalizações.
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3 mb-4">
        <div class="col-lg-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-light">
                    <strong><i class="bi bi-tags"></i> Consolidação por categoria financeira</strong>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0 align-middle">
                        <thead>
                            <tr>
                                <th>Categoria</th>
                                <th class="text-center">Qtd</th>
                                <th class="text-end">Total líquido</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in resumo_categorias %}
                            <tr>
                                <td>{{ item.nome }}</td>
                                <td class="text-center">{{ item.quantidade }}</td>
                                <td class="text-end">{{ moeda(item.total_liquido) }}</td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted py-4">Sem despesas classificadas no período.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-light">
                    <strong><i class="bi bi-diagram-3"></i> Consolidação por centro de custo</strong>
                </div>
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0 align-middle">
                        <thead>
                            <tr>
                                <th>Centro de custo</th>
                                <th class="text-center">Qtd</th>
                                <th class="text-end">Total líquido</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for item in resumo_centros %}
                            <tr>
                                <td>{{ item.nome }}</td>
                                <td class="text-center">{{ item.quantidade }}</td>
                                <td class="text-end">{{ moeda(item.total_liquido) }}</td>
                            </tr>
                            {% else %}
                            <tr><td colspan="3" class="text-center text-muted py-4">Sem centros de custo no período.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    {% if grupos_despesa %}
        {% for grupo in grupos_despesa %}
        <div class="card shadow-sm mb-4">
            <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2 bg-white">
                <div>
                    <h5 class="mb-1">
                        <i class="bi bi-folder2-open text-primary"></i>
                        {% if grupo.codigo not in ['sem_dre', 'sem_plano'] %}<span class="text-muted">{{ grupo.codigo }}</span> · {% endif %}{{ grupo.nome }}
                    </h5>
                    <div class="small text-muted">{{ grupo.quantidade }} título(s) | {{ grupo.quantidade_linhas }} combinação(ões) de plano/categoria/centro</div>
                </div>
                <div class="text-end">
                    <div class="small text-muted">Total líquido do grupo</div>
                    <div class="fs-5 fw-bold text-danger">{{ moeda(grupo.total_liquido) }}</div>
                </div>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-sm mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Plano DRE</th>
                            <th>Categoria financeira</th>
                            <th>Centro de custo</th>
                            <th class="text-center">Qtd</th>
                            <th class="text-end">Principal</th>
                            <th class="text-end">Juros</th>
                            <th class="text-end">Descontos</th>
                            <th class="text-end">Total líquido</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for linha in grupo.linhas %}
                        <tr>
                            <td>
                                {% if linha.plano_codigo %}<span class="text-muted">{{ linha.plano_codigo }}</span> · {% endif %}{{ linha.plano_nome }}
                            </td>
                            <td>{{ linha.categoria_nome }}</td>
                            <td>{{ linha.centro_custo_nome }}</td>
                            <td class="text-center">{{ linha.quantidade }}</td>
                            <td class="text-end">{{ moeda(linha.principal) }}</td>
                            <td class="text-end text-danger">{{ moeda(linha.juros) }}</td>
                            <td class="text-end text-success">{{ moeda(linha.descontos) }}</td>
                            <td class="text-end fw-semibold">{{ moeda(linha.total_liquido) }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                    <tfoot class="table-light">
                        <tr>
                            <th colspan="3">Total do grupo</th>
                            <th class="text-center">{{ grupo.quantidade }}</th>
                            <th class="text-end">{{ moeda(grupo.principal) }}</th>
                            <th class="text-end text-danger">{{ moeda(grupo.juros) }}</th>
                            <th class="text-end text-success">{{ moeda(grupo.descontos) }}</th>
                            <th class="text-end text-danger">{{ moeda(grupo.total_liquido) }}</th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        {% endfor %}
    {% else %}
        <div class="alert alert-info shadow-sm">
            <i class="bi bi-info-circle"></i> Nenhuma despesa paga encontrada para os filtros informados.
        </div>
    {% endif %}
</div>

{% endblock %}