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

{% block title %}Pré-DAS - CapeSystem{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
    <div>
        <h1><i class="bi bi-receipt-cutoff"></i> Pré-DAS</h1>
        <p class="text-muted mb-0">
            Demonstrativo operacional do Simples Nacional com RBT12, anexos, segregações e visão preparatória para RTC/IBS/CBS.
        </p>
    </div>
    <div class="d-flex gap-2">
        {% if resultado %}
        <a href="{{ url_for('fiscal_relatorio_pre_das_print', empresa_id=empresa_id_selecionada, mes=mes_selecionado, ano=ano_selecionado, detalhado='true' if detalhado else 'false') }}" class="btn btn-danger" target="_blank">
            <i class="bi bi-printer"></i> PDF / Impressão
        </a>
        <a href="{{ url_for('fiscal_relatorio_pre_das', empresa_id=empresa_id_selecionada, mes=mes_selecionado, ano=ano_selecionado, detalhado='true' if detalhado else 'false', export='csv') }}" class="btn btn-outline-success">
            <i class="bi bi-file-earmark-excel"></i> Exportar CSV
        </a>
        {% endif %}
        <a href="{{ safe_url_for('fiscal_relatorios', fallback='#', empresa_id=empresa_id_selecionada) }}" class="btn btn-outline-primary">
            <i class="bi bi-arrow-left"></i> Relatórios fiscais
        </a>
    </div>
</div>

<form method="GET" class="card shadow-sm mb-4">
    <div class="card-body row g-3 align-items-end">
        <div class="col-lg-5">
            <label class="form-label">Empresa</label>
            <select name="empresa_id" class="form-select">
                {% for empresa in empresas %}
                <option value="{{ empresa.id }}" {% if empresa_id_selecionada == empresa.id %}selected{% endif %}>
                    {{ empresa_ui.nome(empresa) }}
                </option>
                {% endfor %}
            </select>
        </div>
        <div class="col-lg-2 col-md-4">
            <label class="form-label">Mês</label>
            <select name="mes" class="form-select">
                {% for mes in meses_pre_das %}
                <option value="{{ mes.valor }}" {% if mes_selecionado == mes.valor %}selected{% endif %}>{{ mes.nome }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-lg-2 col-md-4">
            <label class="form-label">Ano</label>
            <select name="ano" class="form-select">
                {% for ano in anos_disponiveis %}
                <option value="{{ ano }}" {% if ano_selecionado == ano %}selected{% endif %}>{{ ano }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-lg-2 col-md-4">
            <div class="form-check mt-4 pt-2">
                <input class="form-check-input" type="checkbox" value="true" id="detalhado" name="detalhado" {% if detalhado %}checked{% endif %}>
                <label class="form-check-label" for="detalhado">
                    Mostrar detalhamento
                </label>
            </div>
        </div>
        <div class="col-lg-1 col-md-12 d-grid">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-search"></i>
            </button>
        </div>
    </div>
</form>

{% if resultado %}
<div class="alert alert-info d-flex justify-content-between flex-wrap gap-2 align-items-center">
    <div>
        <i class="bi bi-info-circle"></i>
        Prévia gerada em <strong>{{ data_geracao }}</strong> para <strong>{{ resultado.periodo.competencia }}</strong>.
    </div>
    <div class="small text-muted">
        Empresa: {{ resultado.empresa.nome or 'N/D' }}
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 shadow-sm h-100 bg-success-subtle">
            <div class="card-body">
                <div class="text-muted small text-uppercase">Receita bruta do mês</div>
                <div class="fs-4 fw-bold">R$ {{ '%.2f'|format(resultado.resumo.receita_bruta_mes) }}</div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 shadow-sm h-100 bg-primary-subtle">
            <div class="card-body">
                <div class="text-muted small text-uppercase">Receita tributável</div>
                <div class="fs-4 fw-bold">R$ {{ '%.2f'|format(resultado.resumo.receita_tributavel_mes) }}</div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 shadow-sm h-100 bg-warning-subtle">
            <div class="card-body">
                <div class="text-muted small text-uppercase">RBT12 total</div>
                <div class="fs-4 fw-bold">R$ {{ '%.2f'|format(resultado.resumo.rbt12_total) }}</div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card border-0 shadow-sm h-100 bg-danger-subtle">
            <div class="card-body">
                <div class="text-muted small text-uppercase">DAS estimado</div>
                <div class="fs-4 fw-bold">R$ {{ '%.2f'|format(resultado.resumo.valor_das_estimado) }}</div>
            </div>
        </div>
    </div>
</div>

{% if resultado.comparativo and resultado.comparativo.linhas %}
<div class="card shadow-sm mb-4">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <strong><i class="bi bi-arrow-left-right"></i> Comparativo com a competência anterior</strong>
        <span class="badge text-bg-light">
            {{ resultado.comparativo.competencia_atual }} x {{ resultado.comparativo.competencia_anterior }}
        </span>
    </div>
    <div class="card-body">
        <div class="row g-3 mb-3">
            {% set destaque_bruta = resultado.comparativo.destaques.get('receita_bruta_mes') %}
            {% set destaque_das = resultado.comparativo.destaques.get('valor_das_estimado') %}
            {% if destaque_bruta %}
            <div class="col-md-6 col-xl-3">
                <div class="border rounded p-3 h-100 bg-light-subtle">
                    <div class="text-muted small text-uppercase">Variação da receita bruta</div>
                    <div class="fw-bold">R$ {{ '%.2f'|format(destaque_bruta.variacao_valor) }}</div>
                    <div class="small {% if destaque_bruta.tendencia == 'alta' %}text-success{% elif destaque_bruta.tendencia == 'queda' %}text-danger{% else %}text-muted{% endif %}">
                        {% if destaque_bruta.variacao_percentual is not none %}
                            {{ '%.2f'|format(destaque_bruta.variacao_percentual) }}%
                        {% else %}
                            sem base anterior
                        {% endif %}
                    </div>
                </div>
            </div>
            {% endif %}
            {% if destaque_das %}
            <div class="col-md-6 col-xl-3">
                <div class="border rounded p-3 h-100 bg-light-subtle">
                    <div class="text-muted small text-uppercase">Variação do DAS estimado</div>
                    <div class="fw-bold">R$ {{ '%.2f'|format(destaque_das.variacao_valor) }}</div>
                    <div class="small {% if destaque_das.tendencia == 'alta' %}text-danger{% elif destaque_das.tendencia == 'queda' %}text-success{% else %}text-muted{% endif %}">
                        {% if destaque_das.variacao_percentual is not none %}
                            {{ '%.2f'|format(destaque_das.variacao_percentual) }}%
                        {% else %}
                            sem base anterior
                        {% endif %}
                    </div>
                </div>
            </div>
            {% endif %}
        </div>

        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Indicador</th>
                        <th class="text-end">Atual</th>
                        <th class="text-end">Anterior</th>
                        <th class="text-end">Variação</th>
                        <th class="text-end">Variação %</th>
                    </tr>
                </thead>
                <tbody>
                    {% for linha in resultado.comparativo.linhas %}
                    <tr>
                        <td>{{ linha.rotulo }}</td>
                        <td class="text-end">R$ {{ '%.2f'|format(linha.atual) }}</td>
                        <td class="text-end">R$ {{ '%.2f'|format(linha.anterior) }}</td>
                        <td class="text-end {% if linha.tendencia == 'alta' %}text-success{% elif linha.tendencia == 'queda' %}text-danger{% else %}text-muted{% endif %}">
                            R$ {{ '%.2f'|format(linha.variacao_valor) }}
                        </td>
                        <td class="text-end {% if linha.tendencia == 'alta' %}text-success{% elif linha.tendencia == 'queda' %}text-danger{% else %}text-muted{% endif %}">
                            {% if linha.variacao_percentual is not none %}
                                {{ '%.2f'|format(linha.variacao_percentual) }}%
                            {% else %}
                                —
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endif %}

<div class="row g-4 mb-4">
    <div class="col-xl-8">
        <div class="card shadow-sm h-100">
            <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
                <div>
                    <strong><i class="bi bi-table"></i> Receitas por anexo</strong>
                </div>
                <span class="badge text-bg-light">
                    Predominante: {{ resultado.resumo.anexo_predominante or 'N/D' }}
                </span>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Anexo</th>
                            <th>Tipo</th>
                            <th class="text-end">Receita bruta</th>
                            <th class="text-end">Tributável</th>
                            <th class="text-end">Excluída</th>
                            <th class="text-end">Alíquota efetiva</th>
                            <th class="text-end">DAS estimado</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in resultado.receitas_por_anexo %}
                        <tr>
                            <td>
                                <strong>{{ item.anexo }}</strong><br>
                                <span class="text-muted small">{{ item.descricao }}</span>
                            </td>
                            <td>{{ item.tipo_receita|replace('_', ' ')|title }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.receita_bruta) }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.receita_tributavel) }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.receita_excluida) }}</td>
                            <td class="text-end">{{ '%.4f'|format(item.aliquota_efetiva) }}%</td>
                            <td class="text-end fw-semibold">R$ {{ '%.2f'|format(item.valor_das_estimado) }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-xl-4">
        <div class="card shadow-sm mb-4">
            <div class="card-header">
                <strong><i class="bi bi-exclamation-triangle"></i> Alertas</strong>
            </div>
            <div class="card-body">
                {% if resultado.alertas %}
                <ul class="list-group list-group-flush">
                    {% for alerta in resultado.alertas %}
                    <li class="list-group-item px-0">{{ alerta }}</li>
                    {% endfor %}
                </ul>
                {% else %}
                <p class="text-muted mb-0">Nenhum alerta relevante nesta competência.</p>
                {% endif %}
            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-header">
                <strong><i class="bi bi-cpu"></i> Preparação RTC</strong>
            </div>
            <div class="card-body small">
                <div class="mb-2 d-flex justify-content-between">
                    <span>Itens analisados</span>
                    <strong>{{ resultado.rtc.itens_analisados }}</strong>
                </div>
                <div class="mb-2 d-flex justify-content-between">
                    <span>Com carga IBS/CBS</span>
                    <strong>{{ resultado.rtc.itens_com_carga_ibs_cbs }}</strong>
                </div>
                <div class="mb-2 d-flex justify-content-between">
                    <span>Sem flag de crédito</span>
                    <strong>{{ resultado.rtc.itens_sem_flag_credito_ibs_cbs }}</strong>
                </div>
                <div class="mb-3 d-flex justify-content-between">
                    <span>Destino padrão</span>
                    <strong>{{ resultado.rtc.destino_padrao|replace('_', ' ')|title }}</strong>
                </div>
                <div>
                    <div class="text-muted text-uppercase small mb-2">Campos recomendados</div>
                    <ul class="mb-0 ps-3">
                        {% for campo in resultado.rtc.campos_recomendados %}
                        <li>{{ campo }}</li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row g-4 mb-4">
    <div class="col-xl-6">
        <div class="card shadow-sm h-100">
            <div class="card-header">
                <strong><i class="bi bi-calendar3"></i> RBT12 mensal</strong>
            </div>
            <div class="table-responsive">
                <table class="table table-sm table-striped mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Competência</th>
                            <th class="text-end">Bruta</th>
                            <th class="text-end">Tributável</th>
                            <th class="text-end">Excluída</th>
                            <th class="text-end">Notas</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in resultado.rbt12_mensal %}
                        <tr>
                            <td>{{ item.competencia }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.receita_bruta_total) }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.receita_tributavel) }}</td>
                            <td class="text-end">R$ {{ '%.2f'|format(item.receita_excluida) }}</td>
                            <td class="text-end">{{ item.quantidade_notas }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-xl-6">
        <div class="row g-4">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header">
                        <strong><i class="bi bi-pie-chart"></i> Distribuição estimada dos tributos</strong>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-sm table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Tributo</th>
                                    <th class="text-end">Valor estimado</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% if resultado.distribuicao_tributos %}
                                    {% for item in resultado.distribuicao_tributos %}
                                    <tr>
                                        <td>{{ item.tributo }}</td>
                                        <td class="text-end">R$ {{ '%.2f'|format(item.valor_estimado) }}</td>
                                    </tr>
                                    {% endfor %}
                                {% else %}
                                    <tr>
                                        <td colspan="2" class="text-center text-muted py-4">Sem distribuição estimada para exibir.</td>
                                    </tr>
                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header">
                        <strong><i class="bi bi-funnel"></i> Exclusões e segregações do mês</strong>
                    </div>
                    <div class="card-body">
                        {% if resultado.exclusoes_mes %}
                        <div class="row g-3">
                            {% for item in resultado.exclusoes_mes %}
                            <div class="col-md-6">
                                <div class="border rounded p-3 h-100 bg-light-subtle">
                                    <div class="text-uppercase text-muted small">{{ item.motivo|replace('_', ' ') }}</div>
                                    <div class="fw-bold">R$ {{ '%.2f'|format(item.valor) }}</div>
                                </div>
                            </div>
                            {% endfor %}
                        </div>
                        {% else %}
                        <p class="text-muted mb-0">Nenhuma exclusão detectada nesta competência.</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card shadow-sm mb-4">
    <div class="card-header">
        <strong><i class="bi bi-journal-text"></i> Premissas adotadas</strong>
    </div>
    <div class="card-body">
        <ul class="mb-0">
            {% for premissa in resultado.premissas %}
            <li>{{ premissa }}</li>
            {% endfor %}
        </ul>
    </div>
</div>

{% if detalhado and resultado.detalhamento %}
<div class="card shadow-sm">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
        <strong><i class="bi bi-list-check"></i> Detalhamento da competência</strong>
        <span class="badge text-bg-secondary">{{ resultado.detalhamento|length }} item(ns)</span>
    </div>
    <div class="table-responsive">
        <table class="table table-sm table-striped align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Nota</th>
                    <th>Descrição</th>
                    <th>Anexo</th>
                    <th>CFOP</th>
                    <th class="text-end">Valor</th>
                    <th>DAS?</th>
                    <th>Motivos</th>
                </tr>
            </thead>
            <tbody>
                {% for item in resultado.detalhamento %}
                <tr>
                    <td>
                        <strong>#{{ item.numero_nota or item.nota_id }}</strong><br>
                        <span class="text-muted small">{{ item.modelo or 'N/D' }}</span>
                    </td>
                    <td>{{ item.descricao or 'Item sem descrição' }}</td>
                    <td>{{ item.anexo }}</td>
                    <td>{{ item.cfop or 'N/D' }}</td>
                    <td class="text-end">R$ {{ '%.2f'|format(item.valor_total) }}</td>
                    <td>
                        {% if item.tributa_no_das %}
                            <span class="badge text-bg-success">Sim</span>
                        {% else %}
                            <span class="badge text-bg-warning">Segregado</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if item.motivos_exclusao %}
                            {{ item.motivos_exclusao|join(', ') }}
                        {% else %}
                            <span class="text-muted">—</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endif %}
{% else %}
<div class="card shadow-sm">
    <div class="card-body py-5 text-center text-muted">
        <i class="bi bi-receipt fs-1 d-block mb-3"></i>
        Selecione empresa, mês e ano para gerar o demonstrativo operacional do Pré-DAS.
    </div>
</div>
{% endif %}
{% endblock %}