{% extends 'base.html' %}
{% block title %}{% if modo == 'editar' %}Editar Entrada #{{ entrada.id }}{% else %}Entrada Manual de Mercadorias{% endif %}{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h1 class="h4 mb-0">
                <i class="fas fa-{% if modo == 'editar' %}edit{% else %}plus-circle{% endif %} me-2"></i>
                {% if modo == 'editar' %}Editar Entrada #{{ entrada.id }}{% else %}Entrada Manual de Mercadorias{% endif %}
            </h1>
            <small class="text-muted">Entrada fiscal completa com todos os campos de NF-e</small>
        </div>
        <a href="{{ url_for('estoque_entradas_lista') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i> Voltar
        </a>
    </div>

    <form id="formEntradaManual" method="POST">
        <input type="hidden" name="entrada_id" value="{{ entrada.id if entrada else '' }}">
        <!-- Abas principais -->
        <ul class="nav nav-tabs" id="tabsEntrada" role="tablist">
            <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tabDocumento">📄 Documento</a></li>
            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabItens">📦 Itens</a></li>
            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabTransporte">🚚 Transporte</a></li>
            <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tabFinanceiro">💰 Financeiro</a></li>
        </ul>
        
        <div class="tab-content border border-top-0 p-3 bg-white">
            <!-- ABA 1: DOCUMENTO -->
            <div class="tab-pane fade show active" id="tabDocumento">
                <div class="row">
                    <div class="col-md-8">
                        <!-- Dados do Documento -->
                        <div class="card mb-3">
                            <div class="card-header bg-primary text-white py-2">
                                <strong><i class="fas fa-file-alt me-1"></i> Dados do Documento</strong>
                            </div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <!-- Tipo de Entrada (simplificado) -->
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1 fw-bold text-primary">
                                            <i class="fas fa-tag me-1"></i>Tipo de Entrada
                                        </label>
                                        <select name="tipo_entrada" id="tipo_entrada" class="form-select form-select-sm" onchange="atualizarTipoEntrada()">
                                            <option value="compra" data-cfop="1102" data-natureza="COMPRA PARA COMERCIALIZAÇÃO" selected>Compra para Comercialização</option>
                                            <option value="compra_st" data-cfop="1403" data-natureza="COMPRA PARA COMERCIALIZAÇÃO COM ST">Compra com Substituição Tributária</option>
                                            <option value="compra_consumo" data-cfop="1556" data-natureza="COMPRA PARA USO OU CONSUMO">Compra para Uso/Consumo</option>
                                            <option value="compra_ativo" data-cfop="1551" data-natureza="COMPRA DE ATIVO IMOBILIZADO">Compra de Ativo Imobilizado</option>
                                            <option value="devolucao" data-cfop="1202" data-natureza="DEVOLUÇÃO DE VENDA">Devolução de Venda</option>
                                            <option value="transferencia" data-cfop="1152" data-natureza="TRANSFERÊNCIA DE MERCADORIA">Transferência</option>
                                            <option value="bonificacao" data-cfop="1910" data-natureza="ENTRADA DE BONIFICAÇÃO">Bonificação/Brinde</option>
                                            <option value="consignacao" data-cfop="1917" data-natureza="ENTRADA EM CONSIGNAÇÃO">Consignação</option>
                                            <option value="outra" data-cfop="1949" data-natureza="OUTRA ENTRADA">Outra Entrada</option>
                                        </select>
                                    </div>
                                    
                                    <!-- Natureza da Operação -->
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">Natureza da Operação</label>
                                        <input type="text" name="natureza_operacao" id="natureza_operacao" 
                                               class="form-control form-control-sm" 
                                               value="COMPRA PARA COMERCIALIZAÇÃO">
                                    </div>
                                    
                                    <!-- Dentro/Fora do Estado -->
                                    <div class="col-md-2">
                                        <label class="form-label small mb-1">Origem</label>
                                        <select name="origem_uf" id="origem_uf" class="form-select form-select-sm" onchange="atualizarCFOPOrigem()">
                                            <option value="DE" selected>Dentro Estado</option>
                                            <option value="FE">Fora Estado</option>
                                            <option value="EX">Exterior</option>
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-2">
                                        <label class="form-label small mb-1">Tipo Doc.</label>
                                        <select name="tipo_documento" class="form-select form-select-sm">
                                            <option value="NFE" {% if entrada and entrada.tipo_documento == 'NFE' %}selected{% endif %}>NF-e</option>
                                            <option value="MANUAL" {% if not entrada or entrada.tipo_documento == 'MANUAL' %}selected{% endif %}>Manual</option>
                                        </select>
                                    </div>
                                    
                                    <div class="col-md-2">
                                        <label class="form-label small mb-1">Número</label>
                                        <input type="text" name="numero_nota" class="form-control form-control-sm" value="{{ entrada.numero_nota if entrada else '' }}">
                                    </div>
                                    <div class="col-md-1">
                                        <label class="form-label small mb-1">Série</label>
                                        <input type="text" name="serie" class="form-control form-control-sm" value="{{ entrada.serie if entrada else '1' }}">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label small mb-1">Emissão</label>
                                        <input type="date" name="data_emissao" class="form-control form-control-sm" value="{{ entrada.data_emissao.strftime('%Y-%m-%d') if entrada and entrada.data_emissao else hoje }}">
                                    </div>
                                    <div class="col-md-5">
                                        <label class="form-label small mb-1">Chave de Acesso</label>
                                        <input type="text" name="chave_acesso" class="form-control form-control-sm" maxlength="44" placeholder="44 dígitos (opcional)" value="{{ entrada.chave_acesso if entrada else '' }}">
                                    </div>
                                    {% if empresas|length > 1 %}
                                    <div class="col-md-2">
                                        <label class="form-label small mb-1">Empresa</label>
                                        <select name="empresa_id" class="form-select form-select-sm">
                                            {% for emp in empresas %}
                                            <option value="{{ emp.id }}">{{ emp.nome or ('Empresa ' ~ emp.id) }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                    {% else %}
                                    <input type="hidden" name="empresa_id" value="{{ empresas[0].id if empresas else '' }}">
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                        
                        <!-- Fornecedor -->
                        <div class="card mb-3">
                            <div class="card-header bg-info text-white py-2">
                                <strong><i class="fas fa-truck me-1"></i> Fornecedor</strong>
                            </div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">CNPJ/CPF</label>
                                        <div class="input-group input-group-sm">
                                            <input type="text" name="cnpj_fornecedor" id="cnpj_fornecedor" class="form-control" value="{{ entrada.cnpj_fornecedor if entrada else '' }}">
                                            <button type="button" class="btn btn-outline-secondary" onclick="buscarFornecedor()">
                                                <i class="fas fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label small mb-1">Nome/Razão Social</label>
                                        <div class="input-group input-group-sm">
                                            <input type="text" name="nome_fornecedor" id="nome_fornecedor" class="form-control" required value="{{ entrada.nome_fornecedor if entrada else '' }}">
                                            <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#modalBuscarPessoa">
                                                <i class="fas fa-search"></i>
                                            </button>
                                        </div>
                                        <input type="hidden" name="fornecedor_id" id="fornecedor_id" value="{{ entrada.fornecedor_id if entrada else '' }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Observações -->
                        <div class="card">
                            <div class="card-header py-2"><strong>Observações</strong></div>
                            <div class="card-body py-2">
                                <textarea name="observacoes" class="form-control form-control-sm" rows="2">{{ entrada.observacoes if entrada else '' }}</textarea>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Totais -->
                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header bg-dark text-white py-2"><strong><i class="fas fa-calculator me-1"></i> Totais</strong></div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <div class="col-6">
                                        <label class="form-label small mb-1">Produtos</label>
                                        <input type="text" id="totalProdutos" class="form-control form-control-sm text-end" value="0,00" readonly>
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">Frete</label>
                                        <input type="text" name="valor_frete" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularTotais()">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">Seguro</label>
                                        <input type="text" name="valor_seguro" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularTotais()">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">Desconto</label>
                                        <input type="text" name="valor_desconto" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularTotais()">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">Outros</label>
                                        <input type="text" name="valor_outros" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularTotais()">
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">IPI</label>
                                        <input type="text" id="totalIPI" class="form-control form-control-sm text-end" value="0,00" readonly>
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">ICMS ST</label>
                                        <input type="text" id="totalICMSST" class="form-control form-control-sm text-end" value="0,00" readonly>
                                    </div>
                                    <div class="col-6">
                                        <label class="form-label small mb-1">ICMS</label>
                                        <input type="text" id="totalICMS" class="form-control form-control-sm text-end" value="0,00" readonly>
                                    </div>
                                </div>
                                <hr class="my-2">
                                <div class="mb-2">
                                    <label class="form-label small mb-1 fw-bold">TOTAL DA NOTA</label>
                                    <input type="text" id="totalNota" name="valor_total" class="form-control bg-success text-white fw-bold text-end" value="0,00" readonly>
                                </div>
                                <button type="submit" class="btn btn-success w-100">
                                    <i class="fas fa-save me-1"></i> Salvar Entrada
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- ABA 2: ITENS -->
            <div class="tab-pane fade" id="tabItens">
                <!-- Botões de ação -->
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <div class="btn-group btn-group-sm">
                        <button type="button" class="btn btn-primary" onclick="adicionarItem()">
                            <i class="fas fa-plus me-1"></i> Novo Item
                        </button>
                        <button type="button" class="btn btn-outline-secondary" onclick="alterarItem()">
                            <i class="fas fa-edit me-1"></i> Alterar
                        </button>
                        <button type="button" class="btn btn-outline-danger" onclick="excluirItemSelecionado()">
                            <i class="fas fa-trash me-1"></i> Excluir
                        </button>
                    </div>
                    <div class="btn-group btn-group-sm">
                        <button type="button" class="btn btn-outline-info" data-bs-toggle="collapse" data-bs-target="#collapseDetalhes">
                            <i class="fas fa-cog me-1"></i> Detalhes Fiscais
                        </button>
                    </div>
                </div>
                
                <!-- Formulário de Item Atual (Estilo Futura) -->
                <div class="card mb-2">
                    <div class="card-body p-2">
                        <div class="row g-2">
                            <!-- Linha 1: Produto, Código, EAN, NCM, CEST -->
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Produto</label>
                                <input type="text" id="itemProdutoId" class="form-control form-control-sm text-center" readonly>
                            </div>
                            <div class="col-md-2">
                                <label class="form-label small mb-0">Cód. Barras</label>
                                <input type="text" id="itemEan" class="form-control form-control-sm" placeholder="EAN/GTIN">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Ref.</label>
                                <input type="text" id="itemRef" class="form-control form-control-sm">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label small mb-0">Descrição</label>
                                <div class="input-group input-group-sm">
                                    <input type="text" id="itemDescricao" class="form-control" placeholder="DESCRIÇÃO DO PRODUTO">
                                    <button type="button" class="btn btn-outline-primary" onclick="abrirBuscaProdutoItem()"><i class="fas fa-search"></i></button>
                                </div>
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Und.</label>
                                <input type="text" id="itemUnidade" class="form-control form-control-sm text-center" value="UN">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">NCM</label>
                                <input type="text" id="itemNcm" class="form-control form-control-sm text-center" maxlength="8">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">CFOP</label>
                                <input type="text" id="itemCfop" class="form-control form-control-sm text-center" value="1102" maxlength="4">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">CEST</label>
                                <input type="text" id="itemCest" class="form-control form-control-sm text-center" maxlength="7">
                            </div>
                        </div>
                        
                        <div class="row g-2 mt-1">
                            <!-- Linha 2: Quantidades e Valores -->
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Qtde</label>
                                <input type="number" id="itemQtde" class="form-control form-control-sm text-end" value="1" step="0.001" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Vl. Unit.</label>
                                <input type="text" id="itemVlUnit" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Total Bruto</label>
                                <input type="text" id="itemTotalBruto" class="form-control form-control-sm text-end bg-light" value="0,00" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">% Desc.</label>
                                <input type="text" id="itemPercDesc" class="form-control form-control-sm text-end" value="0,00" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Vl. Desc.</label>
                                <input type="text" id="itemVlDesc" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Vl. Out.Desp</label>
                                <input type="text" id="itemOutDesp" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Vl. Frete</label>
                                <input type="text" id="itemFrete" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0">Vl. Seguro</label>
                                <input type="text" id="itemSeguro" class="form-control form-control-sm text-end moeda" value="0,00" onchange="calcularItemAtual()">
                            </div>
                            <div class="col-md-1">
                                <label class="form-label small mb-0 fw-bold text-success">Total Item</label>
                                <input type="text" id="itemTotal" class="form-control form-control-sm text-end bg-success text-white fw-bold" value="0,00" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Seções de Impostos (Colapsável) -->
                <div class="collapse show" id="collapseDetalhes">
                    <div class="row g-2 mb-2">
                        <!-- ICMS -->
                        <div class="col-md-6">
                            <div class="card border-info">
                                <div class="card-header bg-info text-white py-1 small"><strong>ICMS</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-2">
                                            <label class="form-label small mb-0">CST</label>
                                            <select id="itemCstIcms" class="form-select form-select-sm">
                                                <option value="00">00</option>
                                                <option value="10">10</option>
                                                <option value="20">20</option>
                                                <option value="30">30</option>
                                                <option value="40">40</option>
                                                <option value="41">41</option>
                                                <option value="50">50</option>
                                                <option value="51">51</option>
                                                <option value="60" selected>60</option>
                                                <option value="70">70</option>
                                                <option value="90">90</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small mb-0">CSOSN</label>
                                            <select id="itemCsosn" class="form-select form-select-sm">
                                                <option value="">-</option>
                                                <option value="101">101</option>
                                                <option value="102">102</option>
                                                <option value="103">103</option>
                                                <option value="201">201</option>
                                                <option value="202">202</option>
                                                <option value="203">203</option>
                                                <option value="300">300</option>
                                                <option value="400">400</option>
                                                <option value="500">500</option>
                                                <option value="900">900</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small mb-0">Origem</label>
                                            <select id="itemOrigem" class="form-select form-select-sm">
                                                <option value="0">0-Nacional</option>
                                                <option value="1">1-Estrang.Imp.Dir</option>
                                                <option value="2">2-Estrang.Merc.Int</option>
                                                <option value="3">3-Nac.40-70%</option>
                                                <option value="4">4-Nac.Conf.Bás</option>
                                                <option value="5">5-Nac.<40%</option>
                                                <option value="6">6-Estrang.S/Sim.Nac</option>
                                                <option value="7">7-Estrang.C/Sim.Nac</option>
                                                <option value="8">8-Nac.Conf>70%</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small mb-0">Bc. ICMS</label>
                                            <input type="text" id="itemBcIcms" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small mb-0">% ICMS</label>
                                            <input type="text" id="itemAliqIcms" class="form-control form-control-sm text-end" value="0,00" onchange="calcularItemAtual()">
                                        </div>
                                        <div class="col-md-2">
                                            <label class="form-label small mb-0">Vl. ICMS</label>
                                            <input type="text" id="itemVlIcms" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                        <div class="col-md-2 mt-1">
                                            <label class="form-label small mb-0">% Red.</label>
                                            <input type="text" id="itemRedIcms" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- IPI -->
                        <div class="col-md-3">
                            <div class="card border-warning">
                                <div class="card-header bg-warning text-dark py-1 small"><strong>IPI</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">CST</label>
                                            <select id="itemCstIpi" class="form-select form-select-sm">
                                                <option value="00">00</option>
                                                <option value="01">01</option>
                                                <option value="02">02</option>
                                                <option value="03">03</option>
                                                <option value="04">04</option>
                                                <option value="05">05</option>
                                                <option value="49">49</option>
                                                <option value="50">50</option>
                                                <option value="51">51</option>
                                                <option value="52">52</option>
                                                <option value="53">53</option>
                                                <option value="54">54</option>
                                                <option value="55">55</option>
                                                <option value="99" selected>99</option>
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">Bc. IPI</label>
                                            <input type="text" id="itemBcIpi" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">% IPI</label>
                                            <input type="text" id="itemAliqIpi" class="form-control form-control-sm text-end" value="0,00" onchange="calcularItemAtual()">
                                        </div>
                                        <div class="col-md-6 mt-1">
                                            <label class="form-label small mb-0">Vl. IPI</label>
                                            <input type="text" id="itemVlIpi" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                        <div class="col-md-6 mt-1">
                                            <label class="form-label small mb-0">IPI Devol.</label>
                                            <input type="text" id="itemIpiDevol" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- ICMS ST -->
                        <div class="col-md-3">
                            <div class="card border-purple" style="border-color: #6f42c1 !important;">
                                <div class="card-header py-1 small text-white" style="background: #6f42c1;"><strong>ICMS ST</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">Tipo</label>
                                            <select id="itemTipoSt" class="form-select form-select-sm">
                                                <option value="">-</option>
                                                <option value="MVA">MVA</option>
                                                <option value="PAU">Pauta</option>
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">Bc. ST</label>
                                            <input type="text" id="itemBcSt" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">% MVA</label>
                                            <input type="text" id="itemMva" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-4 mt-1">
                                            <label class="form-label small mb-0">% ICMS ST</label>
                                            <input type="text" id="itemAliqSt" class="form-control form-control-sm text-end" value="0,00" onchange="calcularItemAtual()">
                                        </div>
                                        <div class="col-md-4 mt-1">
                                            <label class="form-label small mb-0">Red. ST</label>
                                            <input type="text" id="itemRedSt" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-4 mt-1">
                                            <label class="form-label small mb-0">Vl. ST</label>
                                            <input type="text" id="itemVlSt" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row g-2 mb-2">
                        <!-- PIS -->
                        <div class="col-md-3">
                            <div class="card border-secondary">
                                <div class="card-header bg-secondary text-white py-1 small"><strong>PIS</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">CST</label>
                                            <select id="itemCstPis" class="form-select form-select-sm">
                                                <option value="01">01</option>
                                                <option value="02">02</option>
                                                <option value="03">03</option>
                                                <option value="04">04</option>
                                                <option value="05">05</option>
                                                <option value="06">06</option>
                                                <option value="07">07</option>
                                                <option value="08">08</option>
                                                <option value="09">09</option>
                                                <option value="49">49</option>
                                                <option value="50">50</option>
                                                <option value="51">51</option>
                                                <option value="52">52</option>
                                                <option value="53">53</option>
                                                <option value="54">54</option>
                                                <option value="55">55</option>
                                                <option value="56">56</option>
                                                <option value="60">60</option>
                                                <option value="61">61</option>
                                                <option value="62">62</option>
                                                <option value="63">63</option>
                                                <option value="64">64</option>
                                                <option value="65">65</option>
                                                <option value="66">66</option>
                                                <option value="67">67</option>
                                                <option value="70" selected>70</option>
                                                <option value="71">71</option>
                                                <option value="72">72</option>
                                                <option value="73">73</option>
                                                <option value="74">74</option>
                                                <option value="75">75</option>
                                                <option value="98">98</option>
                                                <option value="99">99</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">Bc.</label>
                                            <input type="text" id="itemBcPis" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">%</label>
                                            <input type="text" id="itemAliqPis" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">Vl.</label>
                                            <input type="text" id="itemVlPis" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- COFINS -->
                        <div class="col-md-3">
                            <div class="card border-secondary">
                                <div class="card-header bg-secondary text-white py-1 small"><strong>COFINS</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">CST</label>
                                            <select id="itemCstCofins" class="form-select form-select-sm">
                                                <option value="01">01</option>
                                                <option value="02">02</option>
                                                <option value="03">03</option>
                                                <option value="04">04</option>
                                                <option value="05">05</option>
                                                <option value="06">06</option>
                                                <option value="07">07</option>
                                                <option value="08">08</option>
                                                <option value="09">09</option>
                                                <option value="49">49</option>
                                                <option value="50">50</option>
                                                <option value="51">51</option>
                                                <option value="52">52</option>
                                                <option value="53">53</option>
                                                <option value="54">54</option>
                                                <option value="55">55</option>
                                                <option value="56">56</option>
                                                <option value="60">60</option>
                                                <option value="61">61</option>
                                                <option value="62">62</option>
                                                <option value="63">63</option>
                                                <option value="64">64</option>
                                                <option value="65">65</option>
                                                <option value="66">66</option>
                                                <option value="67">67</option>
                                                <option value="70" selected>70</option>
                                                <option value="71">71</option>
                                                <option value="72">72</option>
                                                <option value="73">73</option>
                                                <option value="74">74</option>
                                                <option value="75">75</option>
                                                <option value="98">98</option>
                                                <option value="99">99</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">Bc.</label>
                                            <input type="text" id="itemBcCofins" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">%</label>
                                            <input type="text" id="itemAliqCofins" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label small mb-0">Vl.</label>
                                            <input type="text" id="itemVlCofins" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- FCP -->
                        <div class="col-md-3">
                            <div class="card border-danger">
                                <div class="card-header bg-danger text-white py-1 small"><strong>F.C.P. (Fundo Combate à Pobreza)</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">Bc. FCP</label>
                                            <input type="text" id="itemBcFcp" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">% FCP</label>
                                            <input type="text" id="itemAliqFcp" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">Vl. FCP</label>
                                            <input type="text" id="itemVlFcp" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                        <div class="col-md-4 mt-1">
                                            <label class="form-label small mb-0">Bc. FCP ST</label>
                                            <input type="text" id="itemBcFcpSt" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-4 mt-1">
                                            <label class="form-label small mb-0">% FCP ST</label>
                                            <input type="text" id="itemAliqFcpSt" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-4 mt-1">
                                            <label class="form-label small mb-0">Vl. FCP ST</label>
                                            <input type="text" id="itemVlFcpSt" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Reforma Tributária CBS/IBS/IS -->
                        <div class="col-md-3">
                            <div class="card border-success">
                                <div class="card-header bg-success text-white py-1 small"><strong>Reforma Tributária (CBS/IBS/IS)</strong></div>
                                <div class="card-body p-2">
                                    <div class="row g-1">
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">CST</label>
                                            <input type="text" id="itemCstRtc" class="form-control form-control-sm text-center" value="000" maxlength="3">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">cClassTrib</label>
                                            <input type="text" id="itemClassTrib" class="form-control form-control-sm text-center" maxlength="6">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label small mb-0">Base</label>
                                            <input type="text" id="itemBcRtc" class="form-control form-control-sm text-end moeda" value="0,00">
                                        </div>
                                        <div class="col-md-3 mt-1">
                                            <label class="form-label small mb-0">% CBS</label>
                                            <input type="text" id="itemAliqCbs" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-3 mt-1">
                                            <label class="form-label small mb-0">Vl. CBS</label>
                                            <input type="text" id="itemVlCbs" class="form-control form-control-sm text-end bg-light moeda" value="0,00" readonly>
                                        </div>
                                        <div class="col-md-3 mt-1">
                                            <label class="form-label small mb-0">% IBS UF</label>
                                            <input type="text" id="itemAliqIbsUf" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                        <div class="col-md-3 mt-1">
                                            <label class="form-label small mb-0">% IBS Mun</label>
                                            <input type="text" id="itemAliqIbsMun" class="form-control form-control-sm text-end" value="0,00">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Botões Gravar/Cancelar Item -->
                    <div class="d-flex justify-content-center gap-2 mb-2">
                        <button type="button" class="btn btn-success btn-sm" onclick="gravarItem()">
                            <i class="fas fa-check me-1"></i> Gravar Item [Ctrl+G]
                        </button>
                        <button type="button" class="btn btn-outline-secondary btn-sm" onclick="cancelarItem()">
                            <i class="fas fa-times me-1"></i> Cancelar [Ctrl+L]
                        </button>
                    </div>
                </div>
                
                <!-- Grade de Itens -->
                <div class="table-responsive" style="max-height: 300px; overflow-y: auto;">
                    <table class="table table-sm table-bordered table-hover mb-0" id="tabelaItens" style="font-size: 0.8rem;">
                        <thead class="table-dark sticky-top">
                            <tr>
                                <th style="width: 30px;">#</th>
                                <th style="width: 50px;">Cód.</th>
                                <th style="min-width: 200px;">Descrição do Produto</th>
                                <th style="width: 45px;">Un</th>
                                <th style="width: 65px;">Qtde</th>
                                <th style="width: 85px;">Vl.Unit</th>
                                <th style="width: 95px;">Total</th>
                                <th style="width: 45px; background:#17a2b8;">CST</th>
                                <th style="width: 45px; background:#17a2b8;">%ICMS</th>
                                <th style="width: 70px; background:#17a2b8;">Vl.ICMS</th>
                                <th style="width: 65px; background:#17a2b8;">Vl.ST</th>
                                <th style="width: 45px; background:#fd7e14;">%IPI</th>
                                <th style="width: 65px; background:#fd7e14;">Vl.IPI</th>
                                <th style="width: 40px; text-align: center;">Ações</th>
                            </tr>
                        </thead>
                        <tbody id="tbodyItens">
                            <!-- Itens via JS -->
                        </tbody>
                    </table>
                </div>
                
                <!-- Totais da Grade -->
                <div class="card mt-2 bg-light">
                    <div class="card-body p-2">
                        <div class="row g-2 small">
                            <div class="col-md-1">
                                <label class="small mb-0">Base ICMS</label>
                                <input type="text" id="totBcIcms" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Base ST</label>
                                <input type="text" id="totBcSt" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Base IPI</label>
                                <input type="text" id="totBcIpi" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Vl. Frete</label>
                                <input type="text" id="totFrete" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Out.Desp.</label>
                                <input type="text" id="totOutDesp" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Vl. Desc.</label>
                                <input type="text" id="totDesc" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0 fw-bold">Tot.Prod.</label>
                                <input type="text" id="totProdutos" class="form-control form-control-sm text-end fw-bold" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Valor ICMS</label>
                                <input type="text" id="totIcms" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Valor ST</label>
                                <input type="text" id="totSt" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Valor IPI</label>
                                <input type="text" id="totIpi" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0">Vl. Isentas</label>
                                <input type="text" id="totIsentas" class="form-control form-control-sm text-end" readonly>
                            </div>
                            <div class="col-md-1">
                                <label class="small mb-0 fw-bold text-success">Total Nota</label>
                                <input type="text" id="totNota" class="form-control form-control-sm text-end fw-bold bg-success text-white" readonly>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- ABA 3: TRANSPORTE -->
            <div class="tab-pane fade" id="tabTransporte">
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header py-2"><strong>Transportadora</strong></div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">Modalidade Frete</label>
                                        <select name="mod_frete" class="form-select form-select-sm">
                                            <option value="0">0 - Por conta do Emitente</option>
                                            <option value="1">1 - Por conta do Destinatário</option>
                                            <option value="2">2 - Por conta de Terceiros</option>
                                            <option value="9" selected>9 - Sem Frete</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">CNPJ Transportadora</label>
                                        <input type="text" name="cnpj_transportadora" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">Nome Transportadora</label>
                                        <input type="text" name="nome_transportadora" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">Placa</label>
                                        <input type="text" name="placa_veiculo" class="form-control form-control-sm" maxlength="7">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label small mb-1">UF</label>
                                        <input type="text" name="uf_veiculo" class="form-control form-control-sm" maxlength="2">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">RNTC</label>
                                        <input type="text" name="rntc" class="form-control form-control-sm">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header py-2"><strong>Volumes</strong></div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">Quantidade</label>
                                        <input type="number" name="qtd_volumes" class="form-control form-control-sm" value="1">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">Espécie</label>
                                        <input type="text" name="especie_volumes" class="form-control form-control-sm" value="VOLUMES">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">Peso Bruto</label>
                                        <input type="text" name="peso_bruto" class="form-control form-control-sm text-end" value="0,000">
                                    </div>
                                    <div class="col-md-3">
                                        <label class="form-label small mb-1">Peso Líquido</label>
                                        <input type="text" name="peso_liquido" class="form-control form-control-sm text-end" value="0,000">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- ABA 4: FINANCEIRO -->
            <div class="tab-pane fade" id="tabFinanceiro">
                <div class="row">
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header py-2 d-flex justify-content-between align-items-center">
                                <strong>Gerar Contas a Pagar</strong>
                                <div class="form-check form-switch mb-0">
                                    <input class="form-check-input" type="checkbox" id="gerarFinanceiro" name="gerar_financeiro" value="1" onchange="toggleFinanceiro()">
                                </div>
                            </div>
                            <div class="card-body py-2" id="opcaoFinanceiro" style="display: none;">
                                <div class="row g-2">
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">Parcelas</label>
                                        <select name="parcelas" id="qtdParcelas" class="form-select form-select-sm" onchange="gerarParcelas()">
                                            <option value="1">1x À Vista</option>
                                            <option value="2">2x</option>
                                            <option value="3">3x</option>
                                            <option value="4">4x</option>
                                            <option value="5">5x</option>
                                            <option value="6">6x</option>
                                            <option value="10">10x</option>
                                            <option value="12">12x</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">1º Vencimento</label>
                                        <input type="date" name="primeiro_vencimento" id="primeiroVencimento" class="form-control form-control-sm" value="{{ hoje }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label small mb-1">Intervalo (dias)</label>
                                        <input type="number" id="intervaloDias" class="form-control form-control-sm" value="30">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label small mb-1">Plano de Contas (DRE) *</label>
                                        <select name="plano_contas_id" id="planoContasFinanceiro" class="form-select form-select-sm">
                                            <option value="">Selecione...</option>
                                            {% for plano in planos_contas|default([], true) %}
                                            <option value="{{ plano.id }}">{{ plano.codigo }} - {{ plano.nome or plano.descricao }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label small mb-1">Centro de Custo *</label>
                                        <select name="centro_custo_id" id="centroCustoFinanceiro" class="form-select form-select-sm">
                                            <option value="">Selecione...</option>
                                            {% for centro in centros_custo|default([], true) %}
                                            <option value="{{ centro.id }}">{% if centro.codigo %}{{ centro.codigo }} - {% endif %}{{ centro.nome }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                                <div id="listaParcelas" class="mt-2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header py-2"><strong>Condição de Pagamento</strong></div>
                            <div class="card-body py-2">
                                <div class="row g-2">
                                    <div class="col-md-6">
                                        <label class="form-label small mb-1">Forma de Pagamento</label>
                                        <select name="forma_pagamento" class="form-select form-select-sm">
                                            <option value="01">01 - Dinheiro</option>
                                            <option value="02">02 - Cheque</option>
                                            <option value="03">03 - Cartão Crédito</option>
                                            <option value="04">04 - Cartão Débito</option>
                                            <option value="05">05 - Crediário</option>
                                            <option value="15" selected>15 - Boleto</option>
                                            <option value="17">17 - PIX</option>
                                            <option value="99">99 - Outros</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label small mb-1">Condição</label>
                                        <input type="text" name="condicao_pagamento" class="form-control form-control-sm" placeholder="Ex: 30/60/90">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<!-- Modal Buscar Pessoa -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalBuscarPessoa" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title">Buscar Fornecedor</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="input-group mb-2">
                    <input type="text" class="form-control" id="buscaPessoa" placeholder="Nome ou CNPJ...">
                    <button class="btn btn-primary" type="button" onclick="pesquisarPessoa()"><i class="fas fa-search"></i></button>
                </div>
                <div id="resultadosPessoa" class="list-group" style="max-height: 300px; overflow-y: auto;"></div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Buscar Produto -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalBuscarProduto" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header py-2">
                <h6 class="modal-title">Buscar Produto</h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="input-group mb-2">
                    <input type="text" class="form-control" id="buscaProduto" placeholder="Nome, código ou EAN..." 
                           onkeyup="if(event.key==='Enter') pesquisarProduto(); else clearTimeout(window.buscaTimer); window.buscaTimer = setTimeout(pesquisarProduto, 400);">
                    <button class="btn btn-primary" type="button" onclick="pesquisarProduto()"><i class="fas fa-search"></i></button>
                </div>
                <div id="resultadosProduto" class="list-group" style="max-height: 300px; overflow-y: auto;"></div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
// ===== ATIVAR ABA VIA HASH =====
document.addEventListener('DOMContentLoaded', function() {
    const hash = window.location.hash;
    if (hash) {
        const tabTrigger = document.querySelector(`a[href="${hash}"]`);
        if (tabTrigger) {
            const tab = new bootstrap.Tab(tabTrigger);
            tab.show();
        }
    }
});

// ===== VARIÁVEIS GLOBAIS =====
let itens = []; // Array com todos os itens
let itemIdCounter = 0;
let itemSelecionadoId = null; // ID do item atualmente editado
let modoEdicaoItem = false; // false = novo, true = editando

// ===== FUNÇÕES UTILITÁRIAS =====
function formatarMoeda(valor) {
    if (!valor || isNaN(valor)) return '0,00';
    return parseFloat(valor).toFixed(2).replace('.', ',');
}

function parseMoeda(str) {
    if (!str) return 0;
    return parseFloat(String(str).replace(/\./g, '').replace(',', '.')) || 0;
}

function limparFormularioItem() {
    document.getElementById('itemProdutoId').value = '';
    document.getElementById('itemEan').value = '';
    document.getElementById('itemRef').value = '';
    document.getElementById('itemDescricao').value = '';
    document.getElementById('itemUnidade').value = 'UN';
    document.getElementById('itemNcm').value = '';
    document.getElementById('itemCfop').value = getCFOPPadrao();
    document.getElementById('itemCest').value = '';
    document.getElementById('itemQtde').value = '1';
    document.getElementById('itemVlUnit').value = '0,00';
    document.getElementById('itemTotalBruto').value = '0,00';
    document.getElementById('itemPercDesc').value = '0,00';
    document.getElementById('itemVlDesc').value = '0,00';
    document.getElementById('itemOutDesp').value = '0,00';
    document.getElementById('itemFrete').value = '0,00';
    document.getElementById('itemSeguro').value = '0,00';
    document.getElementById('itemTotal').value = '0,00';
    
    // ICMS
    document.getElementById('itemCstIcms').value = '60';
    document.getElementById('itemCsosn').value = '';
    document.getElementById('itemOrigem').value = '0';
    document.getElementById('itemBcIcms').value = '0,00';
    document.getElementById('itemAliqIcms').value = '0,00';
    document.getElementById('itemVlIcms').value = '0,00';
    document.getElementById('itemRedIcms').value = '0,00';
    
    // ICMS ST
    document.getElementById('itemTipoSt').value = '';
    document.getElementById('itemBcSt').value = '0,00';
    document.getElementById('itemMva').value = '0,00';
    document.getElementById('itemAliqSt').value = '0,00';
    document.getElementById('itemRedSt').value = '0,00';
    document.getElementById('itemVlSt').value = '0,00';
    
    // IPI
    document.getElementById('itemCstIpi').value = '99';
    document.getElementById('itemBcIpi').value = '0,00';
    document.getElementById('itemAliqIpi').value = '0,00';
    document.getElementById('itemVlIpi').value = '0,00';
    document.getElementById('itemIpiDevol').value = '0,00';
    
    // PIS
    document.getElementById('itemCstPis').value = '70';
    document.getElementById('itemBcPis').value = '0,00';
    document.getElementById('itemAliqPis').value = '0,00';
    document.getElementById('itemVlPis').value = '0,00';
    
    // COFINS
    document.getElementById('itemCstCofins').value = '70';
    document.getElementById('itemBcCofins').value = '0,00';
    document.getElementById('itemAliqCofins').value = '0,00';
    document.getElementById('itemVlCofins').value = '0,00';
    
    // FCP
    document.getElementById('itemBcFcp').value = '0,00';
    document.getElementById('itemAliqFcp').value = '0,00';
    document.getElementById('itemVlFcp').value = '0,00';
    document.getElementById('itemBcFcpSt').value = '0,00';
    document.getElementById('itemAliqFcpSt').value = '0,00';
    document.getElementById('itemVlFcpSt').value = '0,00';
    
    // Reforma Tributária
    document.getElementById('itemCstRtc').value = '000';
    document.getElementById('itemClassTrib').value = '';
    document.getElementById('itemBcRtc').value = '0,00';
    document.getElementById('itemAliqCbs').value = '0,00';
    document.getElementById('itemVlCbs').value = '0,00';
    document.getElementById('itemAliqIbsUf').value = '0,00';
    document.getElementById('itemAliqIbsMun').value = '0,00';
    
    modoEdicaoItem = false;
    itemSelecionadoId = null;
}

// ===== FUNÇÕES DE ITEM =====
function adicionarItem() {
    limparFormularioItem();
    modoEdicaoItem = false;
    itemSelecionadoId = null;
    document.getElementById('itemDescricao').focus();
    document.getElementById('collapseDetalhes').classList.add('show');
}

function alterarItem() {
    const selected = document.querySelector('#tbodyItens tr.table-primary');
    if (!selected) {
        alert('Selecione um item na grade para alterar (clique na linha)');
        return;
    }
    const itemId = parseInt(selected.dataset.itemId);
    if (!itemId) {
        alert('Item inválido');
        return;
    }
    editarItemDaGrade(itemId);
}

function excluirItemSelecionado() {
    const selected = document.querySelector('#tbodyItens tr.table-primary');
    if (!selected) {
        alert('Selecione um item na grade para excluir (clique na linha)');
        return;
    }
    
    const itemId = parseInt(selected.dataset.itemId);
    if (!itemId) {
        alert('Item inválido');
        return;
    }
    
    excluirItemDaGrade(itemId);
}

function carregarItemNoFormulario(item) {
    modoEdicaoItem = true;
    itemSelecionadoId = item.id;
    
    document.getElementById('itemProdutoId').value = item.produto_id || '';
    document.getElementById('itemEan').value = item.ean || '';
    document.getElementById('itemRef').value = item.ref || '';
    document.getElementById('itemDescricao').value = item.descricao || '';
    document.getElementById('itemUnidade').value = item.unidade || 'UN';
    document.getElementById('itemNcm').value = item.ncm || '';
    document.getElementById('itemCfop').value = item.cfop || getCFOPPadrao();
    document.getElementById('itemCest').value = item.cest || '';
    document.getElementById('itemQtde').value = item.quantidade || 1;
    document.getElementById('itemVlUnit').value = formatarMoeda(item.valor_unitario);
    document.getElementById('itemPercDesc').value = formatarMoeda(item.perc_desconto);
    document.getElementById('itemVlDesc').value = formatarMoeda(item.valor_desconto);
    document.getElementById('itemOutDesp').value = formatarMoeda(item.outras_despesas);
    document.getElementById('itemFrete').value = formatarMoeda(item.valor_frete);
    document.getElementById('itemSeguro').value = formatarMoeda(item.valor_seguro);
    
    // ICMS
    document.getElementById('itemCstIcms').value = item.cst_icms || '60';
    document.getElementById('itemCsosn').value = item.csosn || '';
    document.getElementById('itemOrigem').value = item.origem || '0';
    document.getElementById('itemBcIcms').value = formatarMoeda(item.base_icms);
    document.getElementById('itemAliqIcms').value = formatarMoeda(item.aliq_icms);
    document.getElementById('itemRedIcms').value = formatarMoeda(item.perc_reducao_icms);
    
    // ICMS ST
    document.getElementById('itemBcSt').value = formatarMoeda(item.base_icms_st);
    document.getElementById('itemMva').value = formatarMoeda(item.perc_mva);
    document.getElementById('itemAliqSt').value = formatarMoeda(item.aliq_icms_st);
    document.getElementById('itemRedSt').value = formatarMoeda(item.perc_reducao_st);
    
    // IPI
    document.getElementById('itemCstIpi').value = item.cst_ipi || '99';
    document.getElementById('itemBcIpi').value = formatarMoeda(item.base_ipi);
    document.getElementById('itemAliqIpi').value = formatarMoeda(item.aliq_ipi);
    
    // PIS
    document.getElementById('itemCstPis').value = item.cst_pis || '70';
    document.getElementById('itemBcPis').value = formatarMoeda(item.base_pis);
    document.getElementById('itemAliqPis').value = formatarMoeda(item.aliq_pis);
    
    // COFINS
    document.getElementById('itemCstCofins').value = item.cst_cofins || '70';
    document.getElementById('itemBcCofins').value = formatarMoeda(item.base_cofins);
    document.getElementById('itemAliqCofins').value = formatarMoeda(item.aliq_cofins);
    
    // FCP
    document.getElementById('itemBcFcp').value = formatarMoeda(item.base_fcp);
    document.getElementById('itemAliqFcp').value = formatarMoeda(item.aliq_fcp);
    document.getElementById('itemBcFcpSt').value = formatarMoeda(item.base_fcp_st);
    document.getElementById('itemAliqFcpSt').value = formatarMoeda(item.aliq_fcp_st);
    
    // Reforma Tributária
    document.getElementById('itemCstRtc').value = item.cst_cbs_ibs || '000';
    document.getElementById('itemClassTrib').value = item.c_class_trib || '';
    document.getElementById('itemBcRtc').value = formatarMoeda(item.base_cbs);
    document.getElementById('itemAliqCbs').value = formatarMoeda(item.aliq_cbs);
    document.getElementById('itemAliqIbsUf').value = formatarMoeda(item.aliq_ibs_uf);
    document.getElementById('itemAliqIbsMun').value = formatarMoeda(item.aliq_ibs_mun);
    
    calcularItemAtual();
    document.getElementById('collapseDetalhes').classList.add('show');
}

function calcularItemAtual() {
    const qtde = parseFloat(document.getElementById('itemQtde').value) || 0;
    const vlUnit = parseMoeda(document.getElementById('itemVlUnit').value);
    const percDesc = parseMoeda(document.getElementById('itemPercDesc').value);
    const vlDesc = parseMoeda(document.getElementById('itemVlDesc').value);
    const outDesp = parseMoeda(document.getElementById('itemOutDesp').value);
    const frete = parseMoeda(document.getElementById('itemFrete').value);
    const seguro = parseMoeda(document.getElementById('itemSeguro').value);
    
    const totalBruto = qtde * vlUnit;
    const desconto = vlDesc || (totalBruto * percDesc / 100);
    const totalItem = totalBruto - desconto + outDesp + frete + seguro;
    
    document.getElementById('itemTotalBruto').value = formatarMoeda(totalBruto);
    document.getElementById('itemTotal').value = formatarMoeda(totalItem);
    
    // Calcular bases de impostos
    const baseCalc = totalItem; // Base para cálculo dos impostos
    
    // ICMS
    const bcIcms = parseMoeda(document.getElementById('itemBcIcms').value) || baseCalc;
    const aliqIcms = parseMoeda(document.getElementById('itemAliqIcms').value);
    const vlIcms = bcIcms * aliqIcms / 100;
    document.getElementById('itemVlIcms').value = formatarMoeda(vlIcms);
    
    // ICMS ST
    const bcSt = parseMoeda(document.getElementById('itemBcSt').value);
    const aliqSt = parseMoeda(document.getElementById('itemAliqSt').value);
    const vlSt = bcSt * aliqSt / 100 - vlIcms;
    document.getElementById('itemVlSt').value = formatarMoeda(Math.max(0, vlSt));
    
    // IPI
    const bcIpi = parseMoeda(document.getElementById('itemBcIpi').value) || baseCalc;
    const aliqIpi = parseMoeda(document.getElementById('itemAliqIpi').value);
    const vlIpi = bcIpi * aliqIpi / 100;
    document.getElementById('itemVlIpi').value = formatarMoeda(vlIpi);
    
    // PIS
    const bcPis = parseMoeda(document.getElementById('itemBcPis').value) || baseCalc;
    const aliqPis = parseMoeda(document.getElementById('itemAliqPis').value);
    const vlPis = bcPis * aliqPis / 100;
    document.getElementById('itemVlPis').value = formatarMoeda(vlPis);
    
    // COFINS
    const bcCofins = parseMoeda(document.getElementById('itemBcCofins').value) || baseCalc;
    const aliqCofins = parseMoeda(document.getElementById('itemAliqCofins').value);
    const vlCofins = bcCofins * aliqCofins / 100;
    document.getElementById('itemVlCofins').value = formatarMoeda(vlCofins);
    
    // FCP
    const bcFcp = parseMoeda(document.getElementById('itemBcFcp').value);
    const aliqFcp = parseMoeda(document.getElementById('itemAliqFcp').value);
    const vlFcp = bcFcp * aliqFcp / 100;
    document.getElementById('itemVlFcp').value = formatarMoeda(vlFcp);
    
    const bcFcpSt = parseMoeda(document.getElementById('itemBcFcpSt').value);
    const aliqFcpSt = parseMoeda(document.getElementById('itemAliqFcpSt').value);
    const vlFcpSt = bcFcpSt * aliqFcpSt / 100;
    document.getElementById('itemVlFcpSt').value = formatarMoeda(vlFcpSt);
    
    // CBS/IBS
    const bcRtc = parseMoeda(document.getElementById('itemBcRtc').value) || baseCalc;
    const aliqCbs = parseMoeda(document.getElementById('itemAliqCbs').value);
    document.getElementById('itemVlCbs').value = formatarMoeda(bcRtc * aliqCbs / 100);
}

function gravarItem() {
    try {
        const descricao = document.getElementById('itemDescricao').value.trim();
        if (!descricao) {
            alert('Informe a descrição do produto!');
            document.getElementById('itemDescricao').focus();
            return;
        }
        
        const qtde = parseFloat(document.getElementById('itemQtde').value) || 0;
        if (qtde <= 0) {
            alert('Informe a quantidade!');
            document.getElementById('itemQtde').focus();
            return;
        }
        
        // Montar objeto do item
        const item = {
            id: modoEdicaoItem ? itemSelecionadoId : ++itemIdCounter,
            produto_id: document.getElementById('itemProdutoId').value || null,
            ean: document.getElementById('itemEan').value || '',
            ref: document.getElementById('itemRef').value || '',
            descricao: descricao,
            unidade: document.getElementById('itemUnidade').value || 'UN',
            ncm: document.getElementById('itemNcm').value || '',
            cfop: document.getElementById('itemCfop').value || getCFOPPadrao(),
            cest: document.getElementById('itemCest').value || '',
            quantidade: qtde,
            valor_unitario: parseMoeda(document.getElementById('itemVlUnit').value) || 0,
            perc_desconto: parseMoeda(document.getElementById('itemPercDesc').value) || 0,
            valor_desconto: parseMoeda(document.getElementById('itemVlDesc').value) || 0,
            outras_despesas: parseMoeda(document.getElementById('itemOutDesp').value) || 0,
            valor_frete: parseMoeda(document.getElementById('itemFrete').value) || 0,
            valor_seguro: parseMoeda(document.getElementById('itemSeguro').value) || 0,
            total_item: parseMoeda(document.getElementById('itemTotal').value) || 0,
            
            // ICMS
            cst_icms: document.getElementById('itemCstIcms').value || '60',
            csosn: document.getElementById('itemCsosn').value || '',
            origem: document.getElementById('itemOrigem').value || '0',
            base_icms: parseMoeda(document.getElementById('itemBcIcms').value) || 0,
            aliq_icms: parseMoeda(document.getElementById('itemAliqIcms').value) || 0,
            valor_icms: parseMoeda(document.getElementById('itemVlIcms').value) || 0,
            perc_reducao_icms: parseMoeda(document.getElementById('itemRedIcms').value) || 0,
            
            // ICMS ST
            base_icms_st: parseMoeda(document.getElementById('itemBcSt').value) || 0,
            perc_mva: parseMoeda(document.getElementById('itemMva').value) || 0,
            aliq_icms_st: parseMoeda(document.getElementById('itemAliqSt').value) || 0,
            perc_reducao_st: parseMoeda(document.getElementById('itemRedSt').value) || 0,
            valor_icms_st: parseMoeda(document.getElementById('itemVlSt').value) || 0,
            
            // IPI
            cst_ipi: document.getElementById('itemCstIpi').value || '99',
            base_ipi: parseMoeda(document.getElementById('itemBcIpi').value) || 0,
            aliq_ipi: parseMoeda(document.getElementById('itemAliqIpi').value) || 0,
            valor_ipi: parseMoeda(document.getElementById('itemVlIpi').value) || 0,
            
            // PIS
            cst_pis: document.getElementById('itemCstPis').value || '70',
            base_pis: parseMoeda(document.getElementById('itemBcPis').value) || 0,
            aliq_pis: parseMoeda(document.getElementById('itemAliqPis').value) || 0,
            valor_pis: parseMoeda(document.getElementById('itemVlPis').value) || 0,
            
            // COFINS
            cst_cofins: document.getElementById('itemCstCofins').value || '70',
            base_cofins: parseMoeda(document.getElementById('itemBcCofins').value) || 0,
            aliq_cofins: parseMoeda(document.getElementById('itemAliqCofins').value) || 0,
            valor_cofins: parseMoeda(document.getElementById('itemVlCofins').value) || 0,
            
            // FCP
            base_fcp: parseMoeda(document.getElementById('itemBcFcp').value) || 0,
            aliq_fcp: parseMoeda(document.getElementById('itemAliqFcp').value) || 0,
            valor_fcp: parseMoeda(document.getElementById('itemVlFcp').value) || 0,
            base_fcp_st: parseMoeda(document.getElementById('itemBcFcpSt').value) || 0,
            aliq_fcp_st: parseMoeda(document.getElementById('itemAliqFcpSt').value) || 0,
            valor_fcp_st: parseMoeda(document.getElementById('itemVlFcpSt').value) || 0,
            
            // Reforma Tributária
            cst_cbs_ibs: document.getElementById('itemCstRtc').value || '000',
            c_class_trib: document.getElementById('itemClassTrib').value || '',
            base_cbs: parseMoeda(document.getElementById('itemBcRtc').value) || 0,
            aliq_cbs: parseMoeda(document.getElementById('itemAliqCbs').value) || 0,
            valor_cbs: parseMoeda(document.getElementById('itemVlCbs').value) || 0,
            aliq_ibs_uf: parseMoeda(document.getElementById('itemAliqIbsUf').value) || 0,
            aliq_ibs_mun: parseMoeda(document.getElementById('itemAliqIbsMun').value) || 0
        };
        
        console.log('Item montado:', item);
        
        if (modoEdicaoItem) {
            // Atualizar item existente
            const idx = itens.findIndex(i => i.id === itemSelecionadoId);
            if (idx >= 0) itens[idx] = item;
            mostrarToast('Item atualizado com sucesso!', 'success');
        } else {
            // Adicionar novo item
            itens.push(item);
            console.log('Itens após push:', itens.length);
            mostrarToast('Item adicionado com sucesso!', 'success');
        }
        
        atualizarGrade();
        calcularTotais();
        limparFormularioItem();
        document.getElementById('itemDescricao').focus();
    } catch (error) {
        console.error('Erro ao gravar item:', error);
        alert('Erro ao gravar item: ' + error.message);
    }
}

function mostrarToast(mensagem, tipo = 'info') {
    // Criar toast temporário
    const toastContainer = document.getElementById('toastContainer') || criarToastContainer();
    
    const toast = document.createElement('div');
    toast.className = `alert alert-${tipo === 'success' ? 'success' : tipo === 'error' ? 'danger' : 'info'} alert-dismissible fade show py-2 px-3`;
    toast.style.cssText = 'min-width: 250px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);';
    toast.innerHTML = `
        <i class="fas fa-${tipo === 'success' ? 'check-circle' : tipo === 'error' ? 'exclamation-circle' : 'info-circle'} me-2"></i>
        ${mensagem}
        <button type="button" class="btn-close btn-sm" data-bs-dismiss="alert"></button>
    `;
    toastContainer.appendChild(toast);
    
    // Auto remover após 3 segundos
    setTimeout(() => {
        toast.classList.remove('show');
        setTimeout(() => toast.remove(), 150);
    }, 3000);
}

function criarToastContainer() {
    const container = document.createElement('div');
    container.id = 'toastContainer';
    container.style.cssText = 'position: fixed; top: 70px; right: 20px; z-index: 9999;';
    document.body.appendChild(container);
    return container;
}

function cancelarItem() {
    limparFormularioItem();
}

// ===== FUNÇÕES DE GRADE =====
function atualizarGrade() {
    const tbody = document.getElementById('tbodyItens');
    tbody.innerHTML = '';
    
    if (itens.length === 0) {
        tbody.innerHTML = '<tr><td colspan="14" class="text-center text-muted py-4"><i class="fas fa-inbox fa-2x mb-2 d-block"></i>Nenhum item adicionado. Clique em "Novo Item" para começar.</td></tr>';
        return;
    }
    
    itens.forEach((item, idx) => {
        const tr = document.createElement('tr');
        tr.dataset.itemId = item.id;
        tr.style.cursor = 'pointer';
        tr.onclick = function(e) {
            // Não selecionar se clicou no botão de ação
            if (e.target.closest('button')) return;
            // Remover seleção anterior
            document.querySelectorAll('#tbodyItens tr').forEach(r => r.classList.remove('table-primary'));
            this.classList.add('table-primary');
        };
        tr.ondblclick = function() {
            carregarItemNoFormulario(item);
        };
        
        tr.innerHTML = `
            <td class="text-center">${idx + 1}</td>
            <td class="text-center">${item.produto_id || '-'}</td>
            <td class="text-truncate" style="max-width: 200px;" title="${item.descricao || ''}">${item.descricao || '-'}</td>
            <td class="text-center">${item.unidade || 'UN'}</td>
            <td class="text-end">${Number(item.quantidade || 0).toFixed(2)}</td>
            <td class="text-end">${formatarMoeda(item.valor_unitario)}</td>
            <td class="text-end fw-bold text-success">${formatarMoeda(item.total_item)}</td>
            <td class="text-center" style="background:#e3f2fd;">${item.cst_icms || '-'}</td>
            <td class="text-end" style="background:#e3f2fd;">${formatarMoeda(item.aliq_icms)}</td>
            <td class="text-end" style="background:#e3f2fd;">${formatarMoeda(item.valor_icms)}</td>
            <td class="text-end" style="background:#e3f2fd;">${formatarMoeda(item.valor_icms_st)}</td>
            <td class="text-end" style="background:#fff3e0;">${formatarMoeda(item.aliq_ipi)}</td>
            <td class="text-end" style="background:#fff3e0;">${formatarMoeda(item.valor_ipi)}</td>
            <td class="text-center">
                <button type="button" class="btn btn-link btn-sm text-primary p-0 me-1" onclick="editarItemDaGrade(${item.id})" title="Editar">
                    <i class="fas fa-edit"></i>
                </button>
                <button type="button" class="btn btn-link btn-sm text-danger p-0" onclick="excluirItemDaGrade(${item.id})" title="Excluir">
                    <i class="fas fa-trash"></i>
                </button>
            </td>
        `;
        tbody.appendChild(tr);
    });
}

function editarItemDaGrade(itemId) {
    const item = itens.find(i => i.id === itemId);
    if (item) {
        // Marcar linha como selecionada
        document.querySelectorAll('#tbodyItens tr').forEach(r => r.classList.remove('table-primary'));
        const tr = document.querySelector(`#tbodyItens tr[data-item-id="${itemId}"]`);
        if (tr) tr.classList.add('table-primary');
        
        carregarItemNoFormulario(item);
    }
}

function excluirItemDaGrade(itemId) {
    if (!confirm('Deseja excluir este item?')) return;
    
    const item = itens.find(i => i.id === itemId);
    if (!item) return;
    
    const entradaId = document.querySelector('input[name="entrada_id"]')?.value;
    
    // Se o item tem db_id, precisa excluir do servidor também
    if (item.db_id && entradaId) {
        fetch(`/estoque/entradas/${entradaId}/excluir-item`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ item_id: item.db_id })
        })
        .then(r => r.json())
        .then(data => {
            if (data.sucesso) {
                itens = itens.filter(i => i.id !== itemId);
                atualizarGrade();
                calcularTotais();
                limparFormularioItem();
                // Mostrar mensagem de sucesso
                const toast = document.createElement('div');
                toast.className = 'alert alert-success alert-dismissible fade show position-fixed';
                toast.style.cssText = 'top: 80px; right: 20px; z-index: 9999; max-width: 350px;';
                toast.innerHTML = `<i class="fas fa-check-circle me-2"></i>${data.mensagem}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>`;
                document.body.appendChild(toast);
                setTimeout(() => toast.remove(), 3000);
            } else {
                alert('Erro ao excluir: ' + data.mensagem);
            }
        })
        .catch(err => {
            console.error('Erro:', err);
            alert('Erro de comunicação ao excluir item');
        });
    } else {
        // Item novo, ainda não salvo no banco - só remove do array local
        itens = itens.filter(i => i.id !== itemId);
        atualizarGrade();
        calcularTotais();
        limparFormularioItem();
    }
}

function calcularTotais() {
    let totBcIcms = 0, totBcSt = 0, totBcIpi = 0;
    let totFrete = 0, totOutDesp = 0, totDesc = 0, totProd = 0;
    let totIcms = 0, totSt = 0, totIpi = 0, totIsentas = 0;
    
    itens.forEach(item => {
        totProd += item.total_item || 0;
        totBcIcms += item.base_icms || 0;
        totBcSt += item.base_icms_st || 0;
        totBcIpi += item.base_ipi || 0;
        totFrete += item.valor_frete || 0;
        totOutDesp += item.outras_despesas || 0;
        totDesc += item.valor_desconto || 0;
        totIcms += item.valor_icms || 0;
        totSt += item.valor_icms_st || 0;
        totIpi += item.valor_ipi || 0;
        
        // CSTs isentos/não tributados
        if (['40', '41', '50', '60'].includes(item.cst_icms)) {
            totIsentas += item.total_item || 0;
        }
    });
    
    const totNota = totProd + totIpi + totSt;
    
    // Atualizar campos de totais
    document.getElementById('totBcIcms').value = formatarMoeda(totBcIcms);
    document.getElementById('totBcSt').value = formatarMoeda(totBcSt);
    document.getElementById('totBcIpi').value = formatarMoeda(totBcIpi);
    document.getElementById('totFrete').value = formatarMoeda(totFrete);
    document.getElementById('totOutDesp').value = formatarMoeda(totOutDesp);
    document.getElementById('totDesc').value = formatarMoeda(totDesc);
    document.getElementById('totProdutos').value = formatarMoeda(totProd);
    document.getElementById('totIcms').value = formatarMoeda(totIcms);
    document.getElementById('totSt').value = formatarMoeda(totSt);
    document.getElementById('totIpi').value = formatarMoeda(totIpi);
    document.getElementById('totIsentas').value = formatarMoeda(totIsentas);
    document.getElementById('totNota').value = formatarMoeda(totNota);
    
    // Atualizar totais na aba Documento
    if (document.getElementById('totalProdutos')) document.getElementById('totalProdutos').value = formatarMoeda(totProd);
    if (document.getElementById('totalICMS')) document.getElementById('totalICMS').value = formatarMoeda(totIcms);
    if (document.getElementById('totalIPI')) document.getElementById('totalIPI').value = formatarMoeda(totIpi);
    if (document.getElementById('totalICMSST')) document.getElementById('totalICMSST').value = formatarMoeda(totSt);
    if (document.getElementById('totalNota')) document.getElementById('totalNota').value = formatarMoeda(totNota);
    
    if (document.getElementById('gerarFinanceiro') && document.getElementById('gerarFinanceiro').checked) {
        gerarParcelas();
    }
}

// ===== BUSCA DE PRODUTO =====
function abrirBuscaProdutoItem() {
    document.getElementById('buscaProduto').value = '';
    document.getElementById('resultadosProduto').innerHTML = '';
    new bootstrap.Modal(document.getElementById('modalBuscarProduto')).show();
    setTimeout(() => document.getElementById('buscaProduto').focus(), 300);
}

function pesquisarProduto() {
    const termo = document.getElementById('buscaProduto').value.trim();
    const container = document.getElementById('resultadosProduto');
    
    if (termo.length < 2) {
        container.innerHTML = '<div class="text-muted p-3">Digite pelo menos 2 caracteres...</div>';
        return;
    }
    
    container.innerHTML = '<div class="text-center p-3"><i class="fas fa-spinner fa-spin"></i> Buscando...</div>';
    
    fetch(`/api/produtos/buscar?q=${encodeURIComponent(termo)}`)
        .then(r => {
            if (!r.ok) throw new Error('Erro na busca');
            return r.json();
        })
        .then(data => {
            const produtos = Array.isArray(data) ? data : (data.produtos || []);
            container.innerHTML = produtos.length ? produtos.map(p => `
                <button type="button" class="list-group-item list-group-item-action" onclick='selecionarProdutoBusca(${JSON.stringify(p).replace(/'/g, "\\'")})'>
                    <strong>${p.nome}</strong><br>
                    <small>Cód: ${p.codigo || p.id} | Un: ${p.unidade || 'UN'} | NCM: ${p.ncm || '-'} | <b class="text-success">Custo: R$ ${(p.custo || 0).toFixed(2)}</b> | Venda: R$ ${(p.preco || 0).toFixed(2)}</small>
                </button>
            `).join('') : '<div class="text-muted p-3">Nenhum produto encontrado para "' + termo + '"</div>';
        })
        .catch(err => {
            console.error('Erro busca:', err);
            container.innerHTML = '<div class="text-danger p-3"><i class="fas fa-exclamation-triangle"></i> Erro ao buscar produtos</div>';
        });
}

function selecionarProdutoBusca(prod) {
    // Preencher campos do formulário de item
    document.getElementById('itemProdutoId').value = prod.id || '';
    document.getElementById('itemEan').value = prod.ean || prod.codigo_barras || '';
    document.getElementById('itemRef').value = prod.referencia || '';
    document.getElementById('itemDescricao').value = prod.nome || '';
    document.getElementById('itemUnidade').value = prod.unidade || 'UN';
    document.getElementById('itemNcm').value = prod.ncm || '';
    document.getElementById('itemCest').value = prod.cest || '';
    document.getElementById('itemVlUnit').value = formatarMoeda(prod.custo || 0);
    
    // Preencher tributação se disponível
    if (prod.cst_icms) document.getElementById('itemCstIcms').value = prod.cst_icms;
    if (prod.origem) document.getElementById('itemOrigem').value = prod.origem;
    if (prod.cst_pis) document.getElementById('itemCstPis').value = prod.cst_pis;
    if (prod.cst_cofins) document.getElementById('itemCstCofins').value = prod.cst_cofins;
    if (prod.cst_ipi) document.getElementById('itemCstIpi').value = prod.cst_ipi;
    
    bootstrap.Modal.getInstance(document.getElementById('modalBuscarProduto')).hide();
    calcularItemAtual();
    document.getElementById('itemQtde').focus();
}

// ===== FUNÇÕES DE CFOP =====
function atualizarTipoEntrada() {
    const select = document.getElementById('tipo_entrada');
    const option = select.options[select.selectedIndex];
    
    if (!option) return;
    
    const natureza = option.dataset.natureza || '';
    document.getElementById('natureza_operacao').value = natureza;
}

function getCFOPPadrao() {
    const tipoSelect = document.getElementById('tipo_entrada');
    const origemSelect = document.getElementById('origem_uf');
    
    if (!tipoSelect || !origemSelect) return '1102';
    
    const option = tipoSelect.options[tipoSelect.selectedIndex];
    let cfopBase = option ? (option.dataset.cfop || '1102') : '1102';
    const origem = origemSelect.value;
    
    if (origem === 'FE') {
        cfopBase = '2' + cfopBase.substring(1);
    } else if (origem === 'EX') {
        cfopBase = '3' + cfopBase.substring(1);
    }
    
    return cfopBase;
}

function pesquisarPessoa() {
    const termo = document.getElementById('buscaPessoa').value.trim();
    if (termo.length < 2) return;
    
    const container = document.getElementById('resultadosPessoa');
    container.innerHTML = '<div class="text-center p-3"><i class="fas fa-spinner fa-spin"></i> Buscando...</div>';
    
    fetch(`/api/pessoas/buscar?q=${encodeURIComponent(termo)}`)
        .then(r => r.json())
        .then(data => {
            const pessoas = Array.isArray(data) ? data : (data.pessoas || []);
            
            if (pessoas.length) {
                container.innerHTML = pessoas.map(p => `
                    <button type="button" class="list-group-item list-group-item-action" onclick="selecionarFornecedor(${p.id}, '${(p.nome || '').replace(/'/g, "\\'")}', '${p.documento || ''}', '${p.ie || ''}')">
                        <strong>${p.nome}</strong><br>
                        <small class="text-muted">${p.documento || 'Sem documento'} ${p.cidade ? '- ' + p.cidade + '/' + p.uf : ''}</small>
                    </button>
                `).join('');
            } else {
                // Não encontrou - verificar se é CNPJ para buscar na Receita
                const somenteNumeros = termo.replace(/\D/g, '');
                let html = '<div class="text-muted p-3">Nenhum fornecedor encontrado no cadastro.</div>';
                
                if (somenteNumeros.length === 14) {
                    // É um CNPJ - oferecer buscar na Receita
                    html += `
                        <button type="button" class="list-group-item list-group-item-action list-group-item-info" onclick="buscarCNPJReceita('${somenteNumeros}')">
                            <i class="fas fa-search me-2"></i><strong>Buscar CNPJ na Receita Federal</strong>
                            <br><small>Consultar dados do CNPJ ${somenteNumeros.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, '$1.$2.$3/$4-$5')}</small>
                        </button>
                    `;
                }
                
                // Sempre oferecer cadastrar manualmente
                html += `
                    <button type="button" class="list-group-item list-group-item-action list-group-item-success" onclick="cadastrarFornecedorManual('${termo}')">
                        <i class="fas fa-plus me-2"></i><strong>Cadastrar novo fornecedor</strong>
                        <br><small>Preencher dados manualmente</small>
                    </button>
                `;
                
                container.innerHTML = html;
            }
        })
        .catch(err => {
            container.innerHTML = '<div class="text-danger p-3">Erro na busca: ' + err.message + '</div>';
        });
}

function buscarCNPJReceita(cnpj) {
    const container = document.getElementById('resultadosPessoa');
    container.innerHTML = '<div class="text-center p-3"><i class="fas fa-spinner fa-spin"></i> Consultando Receita Federal...</div>';
    
    fetch(`/api/cnpj/consultar?cnpj=${cnpj}`)
        .then(r => r.json())
        .then(data => {
            if (data.success && data.dados) {
                const d = data.dados;
                container.innerHTML = `
                    <div class="list-group-item">
                        <h6 class="mb-1">${d.razao_social || d.nome}</h6>
                        <p class="mb-1 small">${d.nome_fantasia || ''}</p>
                        <p class="mb-1 small text-muted">
                            CNPJ: ${cnpj.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, '$1.$2.$3/$4-$5')}<br>
                            ${d.logradouro || ''}, ${d.numero || ''} - ${d.bairro || ''}<br>
                            ${d.municipio || d.cidade || ''} / ${d.uf || ''}
                        </p>
                        <button type="button" class="btn btn-primary btn-sm" onclick="salvarFornecedorReceita(${JSON.stringify(d).replace(/"/g, '&quot;')}, '${cnpj}')">
                            <i class="fas fa-save me-1"></i>Salvar e Usar
                        </button>
                    </div>
                `;
            } else {
                container.innerHTML = `
                    <div class="text-warning p-3">CNPJ não encontrado na Receita.</div>
                    <button type="button" class="list-group-item list-group-item-action list-group-item-success" onclick="cadastrarFornecedorManual('${cnpj}')">
                        <i class="fas fa-plus me-2"></i><strong>Cadastrar manualmente</strong>
                    </button>
                `;
            }
        })
        .catch(err => {
            container.innerHTML = '<div class="text-danger p-3">Erro ao consultar: ' + err.message + '</div>';
        });
}

function salvarFornecedorReceita(dados, cnpj) {
    const container = document.getElementById('resultadosPessoa');
    container.innerHTML = '<div class="text-center p-3"><i class="fas fa-spinner fa-spin"></i> Salvando...</div>';
    
    fetch('/api/pessoas/criar', {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({
            nome: dados.nome_fantasia || dados.razao_social || dados.nome,
            razao_social: dados.razao_social || dados.nome,
            cnpj: cnpj,
            inscricao_estadual: dados.inscricao_estadual || '',
            logradouro: dados.logradouro || '',
            numero: dados.numero || '',
            bairro: dados.bairro || '',
            cidade: dados.municipio || dados.cidade || '',
            uf: dados.uf || '',
            cep: dados.cep || '',
            telefone: dados.telefone || '',
            email: dados.email || '',
            eh_fornecedor: true
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.success || data.id) {
            const id = data.id || data.pessoa_id;
            const nome = dados.nome_fantasia || dados.razao_social || dados.nome;
            selecionarFornecedor(id, nome, cnpj, dados.inscricao_estadual || '');
            alert('Fornecedor cadastrado com sucesso!');
        } else {
            alert(data.message || 'Erro ao salvar');
        }
    })
    .catch(err => alert('Erro: ' + err.message));
}

function cadastrarFornecedorManual(termo) {
    // Preencher campos e fechar modal
    const somenteNumeros = termo.replace(/\D/g, '');
    
    if (somenteNumeros.length === 14) {
        document.getElementById('cnpj_fornecedor').value = somenteNumeros;
        document.getElementById('nome_fornecedor').value = '';
        document.getElementById('nome_fornecedor').focus();
    } else if (somenteNumeros.length === 11) {
        document.getElementById('cnpj_fornecedor').value = somenteNumeros;
        document.getElementById('nome_fornecedor').value = '';
        document.getElementById('nome_fornecedor').focus();
    } else {
        document.getElementById('nome_fornecedor').value = termo;
    }
    
    bootstrap.Modal.getInstance(document.getElementById('modalBuscarPessoa')).hide();
    
    // Limpar fornecedor_id para indicar que é novo
    document.getElementById('fornecedor_id').value = '';
}

function selecionarFornecedor(id, nome, doc, ie) {
    document.getElementById('fornecedor_id').value = id;
    document.getElementById('nome_fornecedor').value = nome;
    document.getElementById('cnpj_fornecedor').value = doc;
    if (ie && document.querySelector('input[name="ie_fornecedor"]')) {
        document.querySelector('input[name="ie_fornecedor"]').value = ie;
    }
    bootstrap.Modal.getInstance(document.getElementById('modalBuscarPessoa')).hide();
}

function buscarFornecedor() {
    const cnpj = document.getElementById('cnpj_fornecedor').value.replace(/\D/g, '');
    if (cnpj.length < 11) { alert('CNPJ/CPF inválido'); return; }
    fetch(`/api/pessoas/buscar?q=${cnpj}`).then(r => r.json()).then(data => {
        const pessoas = Array.isArray(data) ? data : (data.pessoas || []);
        if (pessoas.length) selecionarFornecedor(pessoas[0].id, pessoas[0].nome, pessoas[0].documento);
        else { alert('Não encontrado'); document.getElementById('nome_fornecedor').focus(); }
    });
}

function toggleFinanceiro() {
    document.getElementById('opcaoFinanceiro').style.display = document.getElementById('gerarFinanceiro').checked ? 'block' : 'none';
    if (document.getElementById('gerarFinanceiro').checked) gerarParcelas();
}

function gerarParcelas() {
    const qtd = parseInt(document.getElementById('qtdParcelas').value) || 1;
    const dataStr = document.getElementById('primeiroVencimento').value;
    const intervalo = parseInt(document.getElementById('intervaloDias').value) || 30;
    const total = parseFloat(document.getElementById('totalNota').value.replace(',', '.')) || 0;
    
    if (total <= 0) {
        document.getElementById('listaParcelas').innerHTML = '<div class="text-warning small">Adicione itens primeiro</div>';
        return;
    }
    
    const valorParc = total / qtd;
    let data = new Date(dataStr + 'T12:00:00');
    let html = '<table class="table table-sm mb-0"><tbody>';
    
    for (let i = 1; i <= qtd; i++) {
        const dataFmt = data.toLocaleDateString('pt-BR');
        const dataVal = data.toISOString().split('T')[0];
        html += `<tr>
            <td>${i}/${qtd}</td>
            <td><input type="hidden" name="parcela_venc_${i}" value="${dataVal}">${dataFmt}</td>
            <td class="text-end"><input type="hidden" name="parcela_valor_${i}" value="${valorParc.toFixed(2)}">R$ ${valorParc.toFixed(2).replace('.', ',')}</td>
        </tr>`;
        data.setDate(data.getDate() + intervalo);
    }
    html += '</tbody></table>';
    document.getElementById('listaParcelas').innerHTML = html;
}

// Validação de campos obrigatórios para NF-e
function atualizarCamposObrigatorios() {
    const tipoDoc = document.querySelector('select[name="tipo_documento"]').value;
    const numInput = document.querySelector('input[name="numero_nota"]');
    const chaveInput = document.querySelector('input[name="chave_acesso"]');
    
    if (tipoDoc === 'NFE') {
        numInput.required = true;
        chaveInput.required = true;
        numInput.classList.add('border-warning');
        chaveInput.classList.add('border-warning');
        numInput.placeholder = 'Obrigatório';
        chaveInput.placeholder = '44 dígitos - Obrigatório';
    } else {
        numInput.required = false;
        chaveInput.required = false;
        numInput.classList.remove('border-warning');
        chaveInput.classList.remove('border-warning');
        numInput.placeholder = '';
        chaveInput.placeholder = '44 dígitos (opcional)';
    }
}

function validarFormulario() {
    const tipoDoc = document.querySelector('select[name="tipo_documento"]').value;
    const numero = document.querySelector('input[name="numero_nota"]').value.trim();
    const chave = document.querySelector('input[name="chave_acesso"]').value.trim();
    
    // Validar itens
    if (itens.length === 0) {
        alert('Adicione pelo menos um item!');
        document.querySelector('a[href="#tabItens"]').click();
        return false;
    }
    
    // Validar campos obrigatórios para NF-e
    if (tipoDoc === 'NFE') {
        if (!numero) {
            alert('Para entrada de NF-e, o número do documento é obrigatório!');
            document.querySelector('a[href="#tabDocumento"]').click();
            document.querySelector('input[name="numero_nota"]').focus();
            return false;
        }
        if (!chave || chave.length !== 44) {
            alert('Para entrada de NF-e, a chave de acesso (44 dígitos) é obrigatória!');
            document.querySelector('a[href="#tabDocumento"]').click();
            document.querySelector('input[name="chave_acesso"]').focus();
            return false;
        }
    }
    
    // Validar fornecedor
    const nomeFornecedor = document.getElementById('nome_fornecedor').value.trim();
    if (!nomeFornecedor) {
        alert('Informe o fornecedor!');
        document.querySelector('a[href="#tabDocumento"]').click();
        document.getElementById('nome_fornecedor').focus();
        return false;
    }

    if (document.getElementById('gerarFinanceiro')?.checked) {
        const planoContas = document.getElementById('planoContasFinanceiro')?.value;
        const centroCusto = document.getElementById('centroCustoFinanceiro')?.value;
        if (!planoContas || !centroCusto) {
            alert('Para gerar contas a pagar, selecione o plano de contas e o centro de custo.');
            document.querySelector('a[href="#tabFinanceiro"]').click();
            return false;
        }
    }
    
    return true;
}

// Submit com itens em JSON
document.getElementById('formEntradaManual').addEventListener('submit', function(e) {
    e.preventDefault();
    
    if (!validarFormulario()) return;
    
    const formData = new FormData(this);
    const entradaId = formData.get('entrada_id');
    
    // Adicionar itens como JSON
    formData.append('itens_json', JSON.stringify(itens));
    
    let url = '{{ url_for("estoque_entrada_manual_salvar") }}';
    
    // Se está editando, adicionar ID na URL
    if (entradaId) {
        url = url + '?entrada_id=' + entradaId;
    }
    
    fetch(url, { method: 'POST', body: formData })
        .then(r => r.json())
        .then(data => {
            if (data.sucesso || data.success) {
                alert(data.mensagem || 'Entrada salva!');
                if (data.entrada_id) {
                    window.location.href = '/estoque/entradas/' + data.entrada_id;
                } else {
                    window.location.href = '{{ url_for("estoque_entradas_lista") }}';
                }
            } else alert(data.mensagem || data.message || 'Erro');
        })
        .catch(err => alert('Erro: ' + err));
});

// Eventos
document.getElementById('buscaProduto').addEventListener('keypress', e => { 
    if (e.key === 'Enter') { e.preventDefault(); pesquisarProduto(); }
});
document.getElementById('buscaPessoa').addEventListener('keypress', e => { 
    if (e.key === 'Enter') { e.preventDefault(); pesquisarPessoa(); }
});
document.querySelector('select[name="tipo_documento"]').addEventListener('change', atualizarCamposObrigatorios);

// Prevenir Enter de submeter o form - Enter navega para próximo campo
const camposItem = ['itemQtde', 'itemVlUnit', 'itemPercDesc', 'itemVlDesc', 'itemOutDesp', 'itemFrete', 'itemSeguro',
                    'itemBcIcms', 'itemAliqIcms', 'itemRedIcms', 'itemBcSt', 'itemMva', 'itemAliqSt', 'itemRedSt',
                    'itemBcIpi', 'itemAliqIpi', 'itemBcPis', 'itemAliqPis', 'itemBcCofins', 'itemAliqCofins'];
                    
camposItem.forEach(campoId => {
    const campo = document.getElementById(campoId);
    if (campo) {
        campo.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                // Encontrar próximo campo e focar nele
                const idx = camposItem.indexOf(campoId);
                if (idx < camposItem.length - 1) {
                    const proximo = document.getElementById(camposItem[idx + 1]);
                    if (proximo) proximo.focus();
                } else {
                    // Último campo - pergunta se quer gravar
                    if (confirm('Deseja gravar o item?')) {
                        gravarItem();
                    }
                }
            }
        });
    }
});

// Atalhos de teclado
document.addEventListener('keydown', function(e) {
    if (e.ctrlKey && e.key === 'g') {
        e.preventDefault();
        gravarItem();
    }
    if (e.ctrlKey && e.key === 'l') {
        e.preventDefault();
        cancelarItem();
    }
});

// Inicialização
document.addEventListener('DOMContentLoaded', () => {
    {% if modo == 'editar' and itens_entrada %}
    // Carregar itens da entrada existente
    {% for item in itens_entrada %}
    itens.push({
        id: ++itemIdCounter,
        db_id: {{ item.id }},  // ID original do banco para exclusão
        produto_id: {{ item.produto_id or 'null' }},
        ean: '{{ item.ean or "" }}',
        ref: '{{ item.referencia or "" }}',
        descricao: '{{ item.descricao|replace("'", "\\'") if item.descricao else "" }}',
        unidade: '{{ item.unidade or "UN" }}',
        ncm: '{{ item.ncm or "" }}',
        cfop: '{{ item.cfop or "1102" }}',
        cest: '{{ item.cest or "" }}',
        quantidade: {{ item.quantidade or 1 }},
        valor_unitario: {{ item.valor_unitario or item.custo_unitario or 0 }},
        perc_desconto: {{ item.perc_desconto or 0 }},
        valor_desconto: {{ item.valor_desconto or 0 }},
        outras_despesas: {{ item.outras_despesas or 0 }},
        valor_frete: {{ item.valor_frete or 0 }},
        valor_seguro: {{ item.valor_seguro or 0 }},
        total_item: {{ item.valor_total or (item.quantidade or 1) * (item.valor_unitario or item.custo_unitario or 0) }},
        cst_icms: '{{ item.cst_icms or "60" }}',
        csosn: '{{ item.csosn or "" }}',
        origem: '{{ item.origem_icms or "0" }}',
        base_icms: {{ item.base_icms or 0 }},
        aliq_icms: {{ item.aliq_icms or 0 }},
        valor_icms: {{ item.valor_icms or 0 }},
        perc_reducao_icms: {{ item.perc_reducao_icms or 0 }},
        base_icms_st: {{ item.base_icms_st or 0 }},
        perc_mva: {{ item.perc_mva or 0 }},
        aliq_icms_st: {{ item.aliq_icms_st or 0 }},
        perc_reducao_st: {{ item.perc_reducao_st or 0 }},
        valor_icms_st: {{ item.valor_icms_st or 0 }},
        cst_ipi: '{{ item.cst_ipi or "99" }}',
        base_ipi: {{ item.base_ipi or 0 }},
        aliq_ipi: {{ item.aliq_ipi or 0 }},
        valor_ipi: {{ item.valor_ipi or 0 }},
        cst_pis: '{{ item.cst_pis or "70" }}',
        base_pis: {{ item.base_pis or 0 }},
        aliq_pis: {{ item.aliq_pis or 0 }},
        valor_pis: {{ item.valor_pis or 0 }},
        cst_cofins: '{{ item.cst_cofins or "70" }}',
        base_cofins: {{ item.base_cofins or 0 }},
        aliq_cofins: {{ item.aliq_cofins or 0 }},
        valor_cofins: {{ item.valor_cofins or 0 }},
        base_fcp: {{ item.base_fcp or 0 }},
        aliq_fcp: {{ item.aliq_fcp or 0 }},
        valor_fcp: {{ item.valor_fcp or 0 }},
        cst_cbs_ibs: '{{ item.cst_cbs_ibs or "000" }}',
        c_class_trib: '{{ item.c_class_trib or "" }}',
        base_cbs: {{ item.base_cbs or 0 }},
        aliq_cbs: {{ item.aliq_cbs or 0 }},
        valor_cbs: {{ item.valor_cbs or 0 }},
        aliq_ibs_uf: {{ item.aliq_ibs_uf or 0 }},
        aliq_ibs_mun: {{ item.aliq_ibs_mun or 0 }}
    });
    {% endfor %}
    atualizarGrade();
    calcularTotais();
    {% else %}
    // Modo nova entrada - mostrar grade vazia
    atualizarGrade();
    {% endif %}
    atualizarCamposObrigatorios();
});
</script>
{% endblock %}