{% extends "base.html" %}

{% block title %}{% if conta %}Editar{% else %}Nova{% endif %} Conta a Pagar{% endblock %}

{% block content %}
<div class="mb-4">
    <div class="d-flex justify-content-between align-items-center">
        <h1><i class="bi bi-cash-coin"></i> {% if conta %}Editar{% else %}Nova{% endif %} Conta a Pagar</h1>
        <a href="{{ url_for('contas_pagar') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <form method="POST" class="form-lockable">
                    <!-- Favorecido -->
                    <div class="mb-3">
                        <label for="fornecedor_id" class="form-label">Favorecido *</label>
                        <select class="form-select" id="fornecedor_id" name="fornecedor_id" required>
                            <option value="">Selecione o favorecido...</option>
                            {% for fornecedor in fornecedores %}
                                {% set is_selected = false %}
                                {% if conta %}
                                    {% if fornecedor['tipo_cadastro'] == 'pessoa' and conta.pessoa_fornecedor_id == fornecedor['id_real'] %}
                                        {% set is_selected = true %}
                                    {% elif fornecedor['tipo_cadastro'] == 'legado' and conta.fornecedor_id == fornecedor['id_real'] %}
                                        {% set is_selected = true %}
                                    {% endif %}
                                {% endif %}
                                <option value="{{ fornecedor['id'] }}" data-papel-financeiro="{{ (fornecedor['papel_financeiro_label'] or '')|lower }}" data-tipo-cadastro="{{ fornecedor['tipo_cadastro'] }}" {% if is_selected %}selected{% endif %}>
                                    {{ fornecedor['nome'] }}
                                    {% if fornecedor['papel_financeiro_label'] %}
                                        ({{ fornecedor['papel_financeiro_label'] }})
                                    {% endif %}
                                    {% if fornecedor['tipo_cadastro'] == 'legado' %}
                                        - Legado
                                    {% endif %}
                                </option>
                            {% endfor %}
                        </select>
                        <small class="text-muted">
                            Não encontrou o cadastro? Abra em outra aba para criar como
                            <a href="/pessoas?tipo=fornecedor" target="_blank">fornecedor</a>
                            ou
                            <a href="/pessoas?tipo=funcionario" target="_blank">funcionário</a>.
                        </small>
                    </div>

                    <!-- Descrição -->
                    <div class="mb-3">
                        <label for="descricao" class="form-label">Descrição *</label>
                        <input type="text" 
                               class="form-control" 
                               id="descricao" 
                               name="descricao" 
                               value="{% if conta %}{{ conta.descricao }}{% endif %}"
                               placeholder="Ex: Licença mensal sistema X"
                               required>
                    </div>

                    <div class="row">
                        <!-- Valor -->
                        <div class="col-md-4 mb-3">
                            <label for="valor" class="form-label">Valor *</label>
                            <div class="input-group">
                                <span class="input-group-text">R$</span>
                                <input type="number" 
                                       class="form-control" 
                                       id="valor" 
                                       name="valor" 
                                       value="{% if conta %}{{ conta.valor }}{% endif %}"
                                       step="0.01" 
                                       min="0" 
                                       required>
                            </div>
                        </div>

                        <!-- Data Vencimento -->
                        <div class="col-md-4 mb-3">
                            <label for="data_vencimento" class="form-label">Vencimento *</label>
                            <input type="date" 
                                   class="form-control" 
                                   id="data_vencimento" 
                                   name="data_vencimento" 
                                   value="{% if conta %}{{ conta.data_vencimento.strftime('%Y-%m-%d') }}{% endif %}"
                                   required>
                        </div>

                        <!-- Recorrente -->
                        <div class="col-md-4 mb-3">
                            <label class="form-label">&nbsp;</label>
                            <div class="form-check">
                                <input type="checkbox" 
                                       class="form-check-input" 
                                       id="recorrente" 
                                       name="recorrente"
                                       {% if conta and conta.recorrente %}checked{% endif %}>
                                <label class="form-check-label" for="recorrente">
                                    Conta Recorrente
                                </label>
                            </div>
                        </div>
                    </div>

                    {% if not conta %}
                    <div class="card mb-3 bg-light">
                        <div class="card-body py-3">
                            <h6 class="card-title mb-2"><i class="bi bi-calendar2-week"></i> Lançamento Parcelado (opcional)</h6>
                            <div class="form-check mb-2">
                                <input type="checkbox" class="form-check-input" id="pagamento_parcelado" name="pagamento_parcelado">
                                <label class="form-check-label" for="pagamento_parcelado">
                                    Gerar títulos parcelados automaticamente
                                </label>
                            </div>

                            <div id="parcelamento_opcoes" class="row g-2 d-none">
                                <div class="col-md-3">
                                    <label for="numero_parcelas" class="form-label">Vezes</label>
                                    <input type="number" class="form-control" id="numero_parcelas" name="numero_parcelas" min="2" max="360" value="2">
                                </div>
                                <div class="col-md-3">
                                    <label for="intervalo_dias" class="form-label">Dias entre parcelas</label>
                                    <input type="number" class="form-control" id="intervalo_dias" name="intervalo_dias" min="1" max="365" value="30">
                                </div>
                                <div class="col-md-4">
                                    <label for="data_primeiro_pagamento" class="form-label">Primeiro pagamento</label>
                                    <input type="date" class="form-control" id="data_primeiro_pagamento" name="data_primeiro_pagamento">
                                </div>
                                <div class="col-md-12">
                                    <small class="text-muted">O valor será dividido automaticamente e a última parcela recebe ajuste de centavos.</small>
                                </div>

                                <div class="col-md-12">
                                    <div id="parcelamento_preview" class="alert alert-info py-2 px-3 mb-0 d-none">
                                        <div id="parcelamento_resumo" class="small fw-semibold mb-1"></div>
                                        <div id="parcelamento_cronograma" class="small mb-0"></div>
                                        <div class="table-responsive mt-2">
                                            <table class="table table-sm table-bordered mb-0 bg-white" id="parcelamento_tabela">
                                                <thead class="table-light">
                                                    <tr>
                                                        <th style="width: 110px;">Parcela</th>
                                                        <th style="width: 160px;">Vencimento</th>
                                                        <th style="width: 180px;">Valor</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="parcelamento_tabela_body"></tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endif %}

                    <!-- Alocação de Custo -->
                    <div class="card mb-3 bg-light">
                        <div class="card-body">
                            <h6 class="card-title"><i class="bi bi-diagram-3"></i> Alocação de Custo (opcional)</h6>
                            <p class="text-muted small">Vincule esta despesa a um cliente ou produto específico para análise financeira detalhada.</p>
                            
                            <div class="row">
                                <!-- Cliente -->
                                <div class="col-md-6 mb-3">
                                    <label for="cliente_id" class="form-label">Cliente</label>
                                    <select class="form-select" id="cliente_id" name="cliente_id">
                                        <option value="">Não vincular</option>
                                        {% for cliente in clientes %}
                                            <option value="{{ cliente.id }}" {% if conta and conta.cliente_id == cliente.id %}selected{% endif %}>
                                                {{ cliente.nome }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                </div>

                                <!-- Produto -->
                                <div class="col-md-6 mb-3">
                                    <label for="produto_id" class="form-label">Produto</label>
                                    <select class="form-select" id="produto_id" name="produto_id">
                                        <option value="">Não vincular</option>
                                        {% for produto in produtos %}
                                            <option value="{{ produto.id }}" {% if conta and conta.produto_id == produto.id %}selected{% endif %}>
                                                {{ produto.nome }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card mb-3 border-primary-subtle bg-light">
                        <div class="card-body">
                            <h6 class="card-title text-primary"><i class="bi bi-bar-chart-line"></i> Classificação contábil do título</h6>
                            <p class="text-muted small mb-3">Centro de custo continua obrigatório. O plano DRE passa a ser opcional quando a categoria estiver marcada como operacional, sem vínculo DRE.</p>

                            <div class="alert alert-primary d-none" id="alertaSugestoesClassificacaoConta">
                                <i class="bi bi-stars"></i>
                                <span id="textoSugestoesClassificacaoConta"></span>
                            </div>

                            <div class="alert alert-secondary d-none" id="alertaCategoriaSemDreConta">
                                <i class="bi bi-slash-circle"></i>
                                <span id="textoCategoriaSemDreConta"></span>
                            </div>

                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label for="categoria_id" class="form-label">Categoria financeira</label>
                                    <select class="form-select" id="categoria_id" name="categoria_id">
                                        <option value="">Sem categoria</option>
                                        {% for categoria in categorias %}
                                            <option value="{{ categoria.id }}" {% if conta and conta.categoria_id == categoria.id %}selected{% endif %}>
                                                {{ categoria.nome }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted d-block">Opcional. O sistema usa para a transação financeira.</small>
                                    <div class="form-check form-switch mt-2">
                                        <input class="form-check-input" type="checkbox" role="switch" id="indicador_categoria_vincular_dre_form" disabled>
                                        <label class="form-check-label small text-muted" for="indicador_categoria_vincular_dre_form" id="label_indicador_categoria_vincular_dre_form">
                                            Categoria sem seleção
                                        </label>
                                    </div>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="plano_contas_id" class="form-label" id="label_plano_contas_id"><i class="bi bi-bar-chart-line text-primary"></i> Plano de Contas (DRE) *</label>
                                    <select class="form-select" id="plano_contas_id" name="plano_contas_id" required>
                                        <option value="">-- Selecione o plano de contas --</option>
                                        {% for plano in planos_contas %}
                                            <option value="{{ plano.id }}" {% if conta and conta.plano_contas_id == plano.id %}selected{% endif %}>
                                                {{ plano.codigo }} - {{ plano.nome }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted" id="ajuda_plano_contas_id">Obrigatório para categorias que alimentam o DRE.</small>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label for="centro_custo_id" class="form-label"><i class="bi bi-diagram-3 text-primary"></i> Centro de Custo *</label>
                                    <select class="form-select" id="centro_custo_id" name="centro_custo_id" required>
                                        <option value="">-- Selecione o centro de custo --</option>
                                        {% for centro in centros_custo %}
                                            <option value="{{ centro.id }}" {% if conta and conta.centro_custo_id == centro.id %}selected{% endif %}>
                                                {% if centro.codigo %}{{ centro.codigo }} - {% endif %}{{ centro.nome }}
                                            </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted">Obrigatório para rastrear a origem gerencial da despesa.</small>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Vinculação de Documento -->
                    <div class="card mb-3 bg-light">
                        <div class="card-body">
                            <h6 class="card-title"><i class="bi bi-link-45deg"></i> Vincular Documento (opcional)</h6>
                            <p class="text-muted small">Associe esta conta a um documento fiscal ou pedido para melhor controle.</p>
                            
                            <div class="row">
                                <!-- Tipo de Documento -->
                                <div class="col-md-4 mb-3">
                                    <label for="tipo_documento_vinculado" class="form-label">Tipo de Documento</label>
                                    <select class="form-select" id="tipo_documento_vinculado" name="tipo_documento_vinculado" onchange="buscarDocumentosVinculo()">
                                        <option value="">Sem vínculo</option>
                                        <option value="ENTRADA" {% if conta and conta.tipo_documento_vinculado == 'ENTRADA' %}selected{% endif %}>Entrada de Mercadoria (NF-e)</option>
                                        <option value="DFE" {% if conta and conta.tipo_documento_vinculado == 'DFE' %}selected{% endif %}>XML Recebido (DF-e)</option>
                                        <option value="OS" {% if conta and conta.tipo_documento_vinculado == 'OS' %}selected{% endif %}>Ordem de Serviço</option>
                                        <option value="MANUAL" {% if conta and conta.tipo_documento_vinculado == 'MANUAL' %}selected{% endif %}>Referência Manual</option>
                                    </select>
                                </div>
                                
                                <!-- Documento Vinculado -->
                                <div class="col-md-8 mb-3" id="containerDocumentoVinculo">
                                    <label for="documento_vinculado" class="form-label">Documento</label>
                                    <select class="form-select" id="documento_vinculado" name="documento_vinculado">
                                        <option value="">Selecione o tipo primeiro...</option>
                                    </select>
                                    <!-- Mostrar documento vinculado atualmente -->
                                    {% if conta and conta.numero_documento_vinculado %}
                                    <small class="text-success">
                                        <i class="bi bi-check-circle"></i> Vinculado: {{ conta.tipo_documento_vinculado }} - {{ conta.numero_documento_vinculado }}
                                    </small>
                                    {% endif %}
                                </div>
                                
                                <!-- Referência Manual -->
                                <div class="col-md-8 mb-3 d-none" id="containerReferenciaManual">
                                    <label for="numero_documento_vinculado" class="form-label">Número/Referência</label>
                                    <input type="text" class="form-control" id="numero_documento_vinculado" name="numero_documento_vinculado" 
                                           value="{% if conta and conta.tipo_documento_vinculado == 'MANUAL' %}{{ conta.numero_documento_vinculado }}{% endif %}"
                                           placeholder="Ex: Pedido 123, Contrato ABC...">
                                </div>
                            </div>
                            
                            <!-- Campos hidden para IDs -->
                            <input type="hidden" id="entrada_mercadoria_id" name="entrada_mercadoria_id" value="{{ conta.entrada_mercadoria_id if conta and conta.entrada_mercadoria_id else '' }}">
                            <input type="hidden" id="dfe_recebido_id" name="dfe_recebido_id" value="{{ conta.dfe_recebido_id if conta and conta.dfe_recebido_id else '' }}">
                            <input type="hidden" id="ordem_servico_id_pagar" name="ordem_servico_id" value="{{ conta.ordem_servico_id if conta and conta.ordem_servico_id else '' }}">
                        </div>
                    </div>

                    <!-- Observações -->
                    <div class="mb-3">
                        <label for="observacoes" class="form-label">Observações</label>
                        <textarea class="form-control" 
                                  id="observacoes" 
                                  name="observacoes" 
                                  rows="3" 
                                  placeholder="Detalhes adicionais sobre esta conta...">{% if conta %}{{ conta.observacoes }}{% endif %}</textarea>
                    </div>

                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{ url_for('contas_pagar') }}" class="btn btn-secondary">Cancelar</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle"></i> {% if conta %}Atualizar{% else %}Cadastrar{% endif %} Conta
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
function buscarDocumentosVinculo() {
    const tipo = document.getElementById('tipo_documento_vinculado').value;
    const select = document.getElementById('documento_vinculado');
    const containerDoc = document.getElementById('containerDocumentoVinculo');
    const containerManual = document.getElementById('containerReferenciaManual');
    
    // Limpa campos hidden
    document.getElementById('entrada_mercadoria_id').value = '';
    document.getElementById('dfe_recebido_id').value = '';
    document.getElementById('ordem_servico_id_pagar').value = '';
    
    if (tipo === 'MANUAL') {
        containerDoc.classList.add('d-none');
        containerManual.classList.remove('d-none');
        return;
    } else {
        containerDoc.classList.remove('d-none');
        containerManual.classList.add('d-none');
    }
    
    if (!tipo) {
        select.innerHTML = '<option value="">Selecione o tipo primeiro...</option>';
        return;
    }
    
    select.innerHTML = '<option value="">Carregando...</option>';
    
    fetch(`/api/documentos-vincular?tipo=${tipo}&contexto=pagar`)
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                let options = '<option value="">Selecione o documento...</option>';
                data.documentos.forEach(doc => {
                    options += `<option value="${doc.id}" data-tipo="${doc.tipo}">${doc.descricao}</option>`;
                });
                select.innerHTML = options;
            } else {
                select.innerHTML = '<option value="">Nenhum documento encontrado</option>';
            }
        })
        .catch(error => {
            console.error('Erro:', error);
            select.innerHTML = '<option value="">Erro ao carregar</option>';
        });
}

// Quando selecionar um documento, preencher o ID correto
document.getElementById('documento_vinculado').addEventListener('change', function() {
    const option = this.options[this.selectedIndex];
    const docId = this.value;
    const tipo = document.getElementById('tipo_documento_vinculado').value;
    
    // Limpa todos os IDs
    document.getElementById('entrada_mercadoria_id').value = '';
    document.getElementById('dfe_recebido_id').value = '';
    document.getElementById('ordem_servico_id_pagar').value = '';
    
    if (!docId) return;
    
    // Preenche o ID correto baseado no tipo
    if (tipo === 'ENTRADA') {
        document.getElementById('entrada_mercadoria_id').value = docId;
    } else if (tipo === 'DFE') {
        document.getElementById('dfe_recebido_id').value = docId;
    } else if (tipo === 'OS') {
        document.getElementById('ordem_servico_id_pagar').value = docId;
    }
    
    // Atualiza o número do documento para exibição
    const descricao = option.textContent.trim();
    document.getElementById('numero_documento_vinculado').value = descricao;
});

// Inicializa ao carregar a página se já tiver tipo selecionado
document.addEventListener('DOMContentLoaded', function() {
    const categoriasSugestoes = {{ categorias_sugestoes|tojson|safe if categorias_sugestoes else '{}' }};
    const classificacaoAutomatica = {{ classificacao_automatica|tojson|safe if classificacao_automatica else '{"regras": []}' }};
    const preferenciasFavorecido = {{ preferencias_favorecido|tojson|safe if preferencias_favorecido else '{}' }};
    const preferenciasDescricao = {{ preferencias_descricao|tojson|safe if preferencias_descricao else '{}' }};
    const tipo = document.getElementById('tipo_documento_vinculado').value;
    const fornecedorSelect = document.getElementById('fornecedor_id');
    const descricaoInput = document.getElementById('descricao');
    const categoriaSelect = document.getElementById('categoria_id');
    const planoSelect = document.getElementById('plano_contas_id');
    const centroSelect = document.getElementById('centro_custo_id');
    const alertaSugestoes = document.getElementById('alertaSugestoesClassificacaoConta');
    const textoSugestoes = document.getElementById('textoSugestoesClassificacaoConta');
    const alertaCategoriaSemDre = document.getElementById('alertaCategoriaSemDreConta');
    const textoCategoriaSemDre = document.getElementById('textoCategoriaSemDreConta');
    const indicadorCategoriaVincularDre = document.getElementById('indicador_categoria_vincular_dre_form');
    const labelIndicadorCategoriaVincularDre = document.getElementById('label_indicador_categoria_vincular_dre_form');
    const labelPlano = document.getElementById('label_plano_contas_id');
    const ajudaPlano = document.getElementById('ajuda_plano_contas_id');

    function normalizarTextoLivre(value) {
        return String(value || '')
            .normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')
            .toLowerCase()
            .trim();
    }

    function normalizarDescricaoHistorico(value) {
        const meses = new Set(['jan','janeiro','fev','fevereiro','mar','marco','abr','abril','mai','maio','jun','junho','jul','julho','ago','agosto','set','setembro','out','outubro','nov','novembro','dez','dezembro']);
        const stopwords = new Set(['ref','referencia','referente','competencia','mensal','mensalidade','pagamento','pgto','parcela','boleto','titulo','conta','nf','nfe','numero','num']);
        const tokens = normalizarTextoLivre(value).match(/[a-z0-9]+/g) || [];
        const filtrados = [];

        tokens.forEach((token) => {
            if (meses.has(token) || stopwords.has(token)) {
                return;
            }
            if (/^\d{1,4}$/.test(token) || /^\d+$/.test(token)) {
                return;
            }
            if (!filtrados.includes(token)) {
                filtrados.push(token);
            }
        });

        return filtrados.join(' ');
    }

    function exibirMensagemSugestaoAutomatica(regra) {
        if (!regra || !regra.categoria_nome) {
            return;
        }
        textoSugestoes.innerHTML = `Categoria sugerida automaticamente: <strong>${regra.categoria_nome}</strong>. <span class="text-muted">${regra.motivo || ''}</span>`;
        alertaSugestoes.classList.remove('d-none');
    }

    function exibirMensagemSugestaoHistorico(preferencia) {
        if (!preferencia) {
            return;
        }

        const mensagens = [];
        if (preferencia.categoria_nome) {
            mensagens.push(`Categoria reaproveitada: <strong>${preferencia.categoria_nome}</strong>.`);
        }
        if (preferencia.plano_contas_label) {
            mensagens.push(`Plano reaproveitado: <strong>${preferencia.plano_contas_label}</strong>.`);
        }
        if (preferencia.centro_custo_label) {
            mensagens.push(`Centro reaproveitado: <strong>${preferencia.centro_custo_label}</strong>.`);
        }
        if (preferencia.motivo) {
            mensagens.push(`<span class="text-muted">${preferencia.motivo}</span>`);
        }

        if (!mensagens.length) {
            return;
        }

        textoSugestoes.innerHTML = mensagens.join(' ');
        alertaSugestoes.classList.remove('d-none');
    }

    function aplicarPreferenciaHistoricaFavorecido() {
        if (!categoriaSelect || !fornecedorSelect || categoriaSelect.value) {
            return false;
        }

        const favorecidoId = String(fornecedorSelect.value || '').trim();
        const preferencia = favorecidoId ? preferenciasFavorecido[favorecidoId] : null;
        if (!preferencia || !preferencia.categoria_id) {
            return false;
        }

        categoriaSelect.value = String(preferencia.categoria_id);
        atualizarClassificacaoCategoria(true);

        if (planoSelect && preferencia.plano_contas_id) {
            planoSelect.value = String(preferencia.plano_contas_id);
        }
        if (centroSelect && preferencia.centro_custo_id) {
            centroSelect.value = String(preferencia.centro_custo_id);
        }

        exibirMensagemSugestaoHistorico(preferencia);
        return true;
    }

    function aplicarPreferenciaHistoricaDescricao() {
        if (!categoriaSelect || categoriaSelect.value || !descricaoInput) {
            return false;
        }

        const descricaoBase = normalizarDescricaoHistorico(descricaoInput.value || '');
        if (!descricaoBase || descricaoBase.length < 4) {
            return false;
        }

        const preferencia = preferenciasDescricao[descricaoBase];
        if (!preferencia || !preferencia.categoria_id) {
            return false;
        }

        categoriaSelect.value = String(preferencia.categoria_id);
        atualizarClassificacaoCategoria(true);

        if (planoSelect && preferencia.plano_contas_id) {
            planoSelect.value = String(preferencia.plano_contas_id);
        }
        if (centroSelect && preferencia.centro_custo_id) {
            centroSelect.value = String(preferencia.centro_custo_id);
        }

        exibirMensagemSugestaoHistorico(preferencia);
        return true;
    }

    function aplicarSugestaoAutomaticaCategoria() {
        if (!categoriaSelect || categoriaSelect.value) {
            return;
        }

        if (aplicarPreferenciaHistoricaFavorecido()) {
            return;
        }

        if (aplicarPreferenciaHistoricaDescricao()) {
            return;
        }

        const papelSelecionado = normalizarTextoLivre(fornecedorSelect?.selectedOptions?.[0]?.dataset?.papelFinanceiro || '');
        const descricaoAtual = normalizarTextoLivre(descricaoInput?.value || '');
        const regras = Array.isArray(classificacaoAutomatica?.regras) ? classificacaoAutomatica.regras : [];

        const regraEncontrada = regras.find((regra) => {
            const papelKeywords = Array.isArray(regra.papel_keywords) ? regra.papel_keywords : [];
            const descricaoKeywords = Array.isArray(regra.descricao_keywords) ? regra.descricao_keywords : [];
            const papelOk = papelKeywords.some((termo) => papelSelecionado.includes(normalizarTextoLivre(termo)));
            const descricaoOk = descricaoKeywords.some((termo) => descricaoAtual.includes(normalizarTextoLivre(termo)));
            return Boolean(regra.categoria_id) && (papelOk || descricaoOk);
        });

        if (!regraEncontrada) {
            return;
        }

        categoriaSelect.value = String(regraEncontrada.categoria_id);
        exibirMensagemSugestaoAutomatica(regraEncontrada);
        atualizarClassificacaoCategoria(true);
    }

    function atualizarClassificacaoCategoria(forceFill) {
        if (!categoriaSelect || !planoSelect || !centroSelect) {
            return;
        }

        const categoriaId = categoriaSelect.value ? String(categoriaSelect.value) : '';
        const sugestao = categoriaId ? categoriasSugestoes[categoriaId] : null;

        if (!sugestao) {
            planoSelect.required = true;
            labelPlano.innerHTML = '<i class="bi bi-bar-chart-line text-primary"></i> Plano de Contas (DRE) *';
            ajudaPlano.textContent = 'Obrigatório para categorias que alimentam o DRE.';
            alertaSugestoes.classList.add('d-none');
            alertaCategoriaSemDre.classList.add('d-none');
            indicadorCategoriaVincularDre.checked = false;
            labelIndicadorCategoriaVincularDre.textContent = 'Categoria sem seleção';
            return;
        }

        const mensagens = [];
        const vincularDre = sugestao.vincular_dre !== false;

        indicadorCategoriaVincularDre.checked = vincularDre;
        labelIndicadorCategoriaVincularDre.textContent = vincularDre
            ? 'Categoria configurada para sugerir DRE'
            : 'Categoria operacional sem vínculo DRE';

        if (sugestao.plano_contas_id && (forceFill || !planoSelect.value)) {
            planoSelect.value = String(sugestao.plano_contas_id);
        }
        if (sugestao.centro_custo_id && (forceFill || !centroSelect.value)) {
            centroSelect.value = String(sugestao.centro_custo_id);
        }

        if (sugestao.plano_contas_label) {
            mensagens.push(`Plano sugerido: <strong>${sugestao.plano_contas_label}</strong>.`);
        }
        if (sugestao.centro_custo_label) {
            const origemCentro = sugestao.origem_centro === 'historico' ? 'aprendido pelo histórico' : 'parametrizado na categoria';
            mensagens.push(`Centro sugerido: <strong>${sugestao.centro_custo_label}</strong> <span class="text-muted">(${origemCentro})</span>.`);
        }

        if (mensagens.length) {
            textoSugestoes.innerHTML = mensagens.join(' ');
            alertaSugestoes.classList.remove('d-none');
        } else {
            alertaSugestoes.classList.add('d-none');
        }

        if (vincularDre) {
            planoSelect.required = true;
            labelPlano.innerHTML = '<i class="bi bi-bar-chart-line text-primary"></i> Plano de Contas (DRE) *';
            ajudaPlano.textContent = 'Obrigatório para categorias que alimentam o DRE.';
            alertaCategoriaSemDre.classList.add('d-none');
        } else {
            planoSelect.required = false;
            labelPlano.innerHTML = '<i class="bi bi-bar-chart-line text-primary"></i> Plano de Contas (DRE)';
            ajudaPlano.textContent = 'Opcional para categorias operacionais sem vínculo DRE.';
            textoCategoriaSemDre.innerHTML = 'A categoria <strong>' + (sugestao.categoria_nome || 'selecionada') + '</strong> foi cadastrada sem vínculo DRE. Você pode deixar o plano em branco e manter apenas a classificação gerencial por centro de custo.';
            alertaCategoriaSemDre.classList.remove('d-none');
        }
    }

    if (tipo && tipo !== 'MANUAL') {
        buscarDocumentosVinculo();
    } else if (tipo === 'MANUAL') {
        document.getElementById('containerDocumentoVinculo').classList.add('d-none');
        document.getElementById('containerReferenciaManual').classList.remove('d-none');
    }

    const chkParcelado = document.getElementById('pagamento_parcelado');
    const boxParcelado = document.getElementById('parcelamento_opcoes');
    const dataPrimeiro = document.getElementById('data_primeiro_pagamento');
    const dataVencimento = document.getElementById('data_vencimento');
    const inputValor = document.getElementById('valor');
    const inputParcelas = document.getElementById('numero_parcelas');
    const inputIntervalo = document.getElementById('intervalo_dias');
    const previewBox = document.getElementById('parcelamento_preview');
    const previewResumo = document.getElementById('parcelamento_resumo');
    const previewCronograma = document.getElementById('parcelamento_cronograma');
    const previewTabelaBody = document.getElementById('parcelamento_tabela_body');

    function parseISODateLocal(iso) {
        if (!iso || !/^\d{4}-\d{2}-\d{2}$/.test(iso)) return null;
        const [y, m, d] = iso.split('-').map(Number);
        return new Date(y, m - 1, d);
    }

    function formatDateBR(dateObj) {
        if (!(dateObj instanceof Date) || Number.isNaN(dateObj.getTime())) return '-';
        const dd = String(dateObj.getDate()).padStart(2, '0');
        const mm = String(dateObj.getMonth() + 1).padStart(2, '0');
        const yyyy = dateObj.getFullYear();
        return `${dd}/${mm}/${yyyy}`;
    }

    function formatMoneyBR(value) {
        return (Number(value) || 0).toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
    }

    function atualizarPreviewParcelamento() {
        if (!chkParcelado || !previewBox || !previewResumo || !previewCronograma) return;

        if (!chkParcelado.checked) {
            previewBox.classList.add('d-none');
            previewResumo.textContent = '';
            previewCronograma.textContent = '';
            if (previewTabelaBody) previewTabelaBody.innerHTML = '';
            return;
        }

        const valorTotal = parseFloat((inputValor && inputValor.value) ? inputValor.value : '0') || 0;
        const parcelas = Math.max(2, Math.min(parseInt((inputParcelas && inputParcelas.value) ? inputParcelas.value : '2', 10) || 2, 360));
        const intervalo = Math.max(1, Math.min(parseInt((inputIntervalo && inputIntervalo.value) ? inputIntervalo.value : '30', 10) || 30, 365));
        const dataBase = parseISODateLocal((dataPrimeiro && dataPrimeiro.value) ? dataPrimeiro.value : (dataVencimento ? dataVencimento.value : ''));

        if (!valorTotal || !dataBase) {
            previewBox.classList.remove('d-none');
            previewResumo.textContent = 'Preencha valor e primeiro pagamento para visualizar o parcelamento.';
            previewCronograma.textContent = '';
            if (previewTabelaBody) previewTabelaBody.innerHTML = '';
            return;
        }

        const base = Math.round((valorTotal / parcelas) * 100) / 100;
        const totalBase = Math.round((base * parcelas) * 100) / 100;
        const ajuste = Math.round((valorTotal - totalBase) * 100) / 100;
        const ultima = Math.round((base + ajuste) * 100) / 100;

        previewResumo.textContent = `${parcelas}x de R$ ${formatMoneyBR(base)} (última: R$ ${formatMoneyBR(ultima)}) | Intervalo: ${intervalo} dia(s)`;

        const limite = Math.min(parcelas, 6);
        const itens = [];
        const linhasTabela = [];
        for (let i = 0; i < limite; i++) {
            const dt = new Date(dataBase);
            dt.setDate(dt.getDate() + (intervalo * i));
            itens.push(`${i + 1}ª: ${formatDateBR(dt)}`);
        }
        if (parcelas > limite) {
            itens.push(`... até ${parcelas}ª parcela`);
        }

        previewCronograma.textContent = itens.join(' | ');

        for (let i = 0; i < parcelas; i++) {
            const dt = new Date(dataBase);
            dt.setDate(dt.getDate() + (intervalo * i));
            let valorParcela = base;
            if (i === parcelas - 1) {
                valorParcela = ultima;
            }
            linhasTabela.push(`
                <tr>
                    <td>${i + 1}/${parcelas}</td>
                    <td>${formatDateBR(dt)}</td>
                    <td>R$ ${formatMoneyBR(valorParcela)}</td>
                </tr>
            `);
        }

        if (previewTabelaBody) {
            previewTabelaBody.innerHTML = linhasTabela.join('');
        }

        previewBox.classList.remove('d-none');
    }

    function atualizarParcelamentoUI() {
        if (!chkParcelado || !boxParcelado) return;
        boxParcelado.classList.toggle('d-none', !chkParcelado.checked);
        if (chkParcelado.checked && dataPrimeiro && !dataPrimeiro.value && dataVencimento && dataVencimento.value) {
            dataPrimeiro.value = dataVencimento.value;
        }
        atualizarPreviewParcelamento();
    }

    if (chkParcelado) {
        chkParcelado.addEventListener('change', atualizarParcelamentoUI);
        atualizarParcelamentoUI();
    }

    if (categoriaSelect) {
        categoriaSelect.addEventListener('change', function() {
            atualizarClassificacaoCategoria(true);
        });
        atualizarClassificacaoCategoria(false);
    }

    if (fornecedorSelect) {
        fornecedorSelect.addEventListener('change', aplicarSugestaoAutomaticaCategoria);
    }

    if (descricaoInput) {
        descricaoInput.addEventListener('blur', aplicarSugestaoAutomaticaCategoria);
        descricaoInput.addEventListener('change', aplicarSugestaoAutomaticaCategoria);
    }

    aplicarSugestaoAutomaticaCategoria();

    if (dataVencimento && dataPrimeiro) {
        dataVencimento.addEventListener('change', function() {
            if (chkParcelado && chkParcelado.checked && !dataPrimeiro.value) {
                dataPrimeiro.value = dataVencimento.value;
            }
            atualizarPreviewParcelamento();
        });
    }

    [inputValor, inputParcelas, inputIntervalo, dataPrimeiro].forEach((el) => {
        if (el) {
            el.addEventListener('input', atualizarPreviewParcelamento);
            el.addEventListener('change', atualizarPreviewParcelamento);
        }
    });

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