{% extends "base.html" %}

{% block title %}Novo Produto{% endblock %}

{% block extra_head %}
<!-- SweetAlert2 para mensagens de validação -->
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
{% endblock %}

{% block content %}
<div class="cape-form-shell">
<div class="cape-form-header">
    <div class="cape-form-header-main">
        <h1 class="h3 mb-0"><i class="bi bi-plus-circle"></i> Novo Produto</h1>
    </div>
    <div class="cape-form-header-actions">
        <a href="{{ url_for('produtos') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-arrow-left"></i> Voltar
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" class="form-lockable" id="produtoCadastroForm">
            <div id="alertasObrigatoriosProduto" class="alert alert-warning border-warning d-none mb-4">
                <div class="d-flex justify-content-between align-items-start gap-3 flex-wrap">
                    <div>
                        <strong><i class="bi bi-exclamation-triangle"></i> Pendências obrigatórias do cadastro</strong>
                        <div class="small mt-1" id="alertasObrigatoriosResumoProduto"></div>
                    </div>
                    <button type="button" class="btn btn-sm btn-outline-warning" id="btnIrParaPrimeiraPendenciaProduto">
                        <i class="bi bi-arrow-right-circle"></i> Corrigir agora
                    </button>
                </div>
                <ul class="mb-0 mt-2 ps-3 small" id="alertasObrigatoriosListaProduto"></ul>
            </div>

            <div id="painelReferenciaFiscalNcm" class="alert alert-info d-none mb-4">
                <div class="d-flex justify-content-between align-items-start gap-3 flex-wrap">
                    <div>
                        <strong><i class="bi bi-diagram-3"></i> Mesmo NCM encontrado em outro produto</strong>
                        <div class="small mt-1" id="painelReferenciaFiscalNcmResumo"></div>
                    </div>
                    <div class="d-flex gap-2 flex-wrap">
                        <button type="button" class="btn btn-sm btn-primary" id="btnAplicarReferenciaFiscalNcm">
                            <i class="bi bi-arrow-repeat"></i> Trazer parâmetros fiscais
                        </button>
                        <button type="button" class="btn btn-sm btn-outline-secondary" id="btnIgnorarReferenciaFiscalNcm">
                            Ignorar sugestão
                        </button>
                    </div>
                </div>
            </div>

            <!-- ABAS DE NAVEGAÇÃO -->
            <ul class="nav nav-tabs nav-fill mb-4" id="produtoTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="cadastro-tab" data-bs-toggle="tab" 
                            data-bs-target="#cadastro" type="button" role="tab">
                        <i class="bi bi-info-circle"></i> Cadastro
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="fiscal-tab" data-bs-toggle="tab" 
                            data-bs-target="#fiscal" type="button" role="tab">
                        <i class="bi bi-file-earmark-text"></i> Fiscal
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="parametros-tab" data-bs-toggle="tab" 
                            data-bs-target="#parametros" type="button" role="tab">
                        <i class="bi bi-sliders"></i> Parâmetros
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="rtfiscal-tab" data-bs-toggle="tab" 
                            data-bs-target="#rtfiscal" type="button" role="tab">
                        <i class="bi bi-arrow-repeat"></i> RTC (IBS/CBS/IS)
                    </button>
                </li>
                {% if MODULO_FOOD_HABILITADO|default(True) %}
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="food-tab" data-bs-toggle="tab"
                            data-bs-target="#food" type="button" role="tab">
                        <i class="bi bi-cup-straw"></i> Food
                    </button>
                </li>
                {% endif %}
            </ul>

            <!-- CONTEÚDO DAS ABAS -->
            <div class="tab-content" id="produtoTabContent">
                
                <!-- ABA 1: CADASTRO -->
                <div class="tab-pane fade show active" id="cadastro" role="tabpanel">
                    
                    <!-- CAMPO DE PESQUISA POR CÓDIGO DE BARRAS OU CÓDIGO INTERNO -->
                    <div class="alert alert-secondary mb-4">
                        <div class="row align-items-center">
                            <div class="col-auto">
                                <i class="bi bi-search fs-4"></i>
                            </div>
                            <div class="col">
                                <label class="form-label mb-1"><strong>Pesquisar Produto por Código de Barras ou Código Interno</strong></label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="pesquisaCodigoBarras" 
                                           placeholder="Digite código de barras ou código interno..." maxlength="20">
                                    <button type="button" class="btn btn-primary" onclick="pesquisarCodigoBarras()">
                                        <i class="bi bi-search"></i> Pesquisar
                                    </button>
                                </div>
                                <small class="text-muted">Busca por código de barras (EAN/GTIN) ou código interno do produto</small>
                                <div id="resultadoPesquisa" class="mt-2" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                    
                    <h5 class="mb-3"><i class="bi bi-tag"></i> Informações Básicas</h5>
                    
                    <div class="row">
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Código Interno{% if codigo_produto_modo == 'manual' %} *{% endif %}</label>
                            {% if codigo_produto_modo == 'automatico' %}
                            <input type="text" class="form-control" name="codigo_produto" readonly value="{{ proximo_codigo }}" style="background-color: #f8f9fa;">
                            <small class="text-muted"><i class="bi bi-gear"></i> Modo automático (próximo: {{ proximo_codigo }})</small>
                            {% else %}
                            <input type="text" class="form-control" name="codigo_produto" required placeholder="Digite o código">
                            <small class="text-warning"><i class="bi bi-pencil"></i> Modo manual - informe o código</small>
                            {% endif %}
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Código de Barras (EAN)</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="codigo_barras" id="codigoBarras" maxlength="20" placeholder="" onblur="validarCodigoBarras()">
                                <button type="button" class="btn btn-outline-primary" onclick="gerarEAN13()" title="Gerar EAN-13 interno">
                                    <i class="bi bi-upc-scan"></i>
                                </button>
                            </div>
                            <div id="feedbackCodigoBarras"></div>
                            <small class="text-muted">Clique no botão para gerar um EAN-13 interno</small>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Nome do Produto *</label>
                            <input type="text" class="form-control" name="nome" required>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Cota</label>
                            <input type="text" class="form-control" name="cota" maxlength="50" placeholder="Ex: COTA A / COLEÇÃO 2026">
                            <small class="text-muted">Também sai na etiqueta e no ranking por cota</small>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label class="form-label"><i class="bi bi-image"></i> Imagem do Produto (Cardápio Digital)</label>
                            <div class="d-flex flex-column flex-md-row gap-3 align-items-start">
                                <div>
                                    <input type="file" class="form-control" id="imagemProdutoFile" accept="image/*">
                                    <small class="text-muted">PNG/JPG/WebP • recorte central automático + redimensionamento para 640x640</small>
                                    <textarea name="imagem_produto" id="imagemProdutoData" class="d-none"></textarea>
                                    <div class="mt-2">
                                        <button type="button" class="btn btn-outline-secondary btn-sm" id="btnRemoverImagemProduto">
                                            <i class="bi bi-trash"></i> Remover imagem
                                        </button>
                                    </div>
                                </div>
                                <div>
                                    <img id="previewImagemProduto"
                                         src=""
                                         alt="Prévia da imagem do produto"
                                         class="img-thumbnail"
                                         style="max-width: 180px; display:none;">
                                </div>
                            </div>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4"><i class="bi bi-cash-stack"></i> Preços e Custos</h5>
                    
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Custo (R$)</label>
                            <input type="number" class="form-control" name="custo_operacao"
                                   step="0.01" min="0" value="0.00"
                                   id="custoOperacao" onchange="calcularPrecoVenda()">
                        </div>
                        
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Margem (%)</label>
                            <input type="number" class="form-control" name="margem_lucro"
                                   step="0.1" min="0" max="500" value="30"
                                   id="margemLucro" onchange="calcularPrecoVenda()">
                        </div>
                        
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Valor Venda (R$) *</label>
                            <input type="number" class="form-control" name="valor_venda"
                                   step="0.01" min="0" value="0.00"
                                   id="valorBase" onchange="calcularMargem()" required>
                        </div>
                        
                        <div class="col-md-3 mb-3">
                            <label class="form-label"><i class="bi bi-box-seam"></i> Embalagem *</label>
                            <select class="form-select" name="embalagem_id" id="embalagemPrincipal" onchange="calcularEstoqueEmbalagem(); atualizarUnidadeComercial();" required>
                                <option value="">Selecione embalagem</option>
                                {% for embalagem in embalagens %}
                                    <option value="{{ embalagem.id }}" 
                                            data-mult="{{ embalagem.multiplicador or 1 }}"
                                            data-sigla="{{ embalagem.sigla }}">
                                        {{ embalagem.nome }} ({{ embalagem.sigla }}{% if embalagem.multiplicador and embalagem.multiplicador > 1 %} x{{ embalagem.multiplicador|int }}{% endif %})
                                    </option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4"><i class="bi bi-boxes"></i> Controle de Estoque</h5>

                    <div class="alert alert-secondary py-2 small">
                        <i class="bi bi-shield-lock"></i>
                        <strong>Proteção de rotina:</strong> o saldo inicial não é mais digitado no cadastro do produto.
                        Após salvar, faça entradas, baixas, ajustes, histórico e auditoria em
                        <strong>Estoque &gt; Controle de Estoque</strong>.
                    </div>
                    
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label"><i class="bi bi-1-circle"></i> Estoque Unitário</label>
                            <input type="number" class="form-control bg-light" name="estoque_atual"
                                   step="0.01" min="0" value="0"
                                   id="estoqueUnitario" readonly>
                            <small class="text-muted">Somente leitura. O saldo será movimentado pelo menu Estoque.</small>
                        </div>
                        
                        <div class="col-md-3 mb-3">
                            <label class="form-label"><i class="bi bi-box"></i> Estoque Embalagem</label>
                            <input type="number" class="form-control bg-light" id="estoqueEmbalagem"
                                   step="0.01" min="0" value="0" readonly>
                            <small class="text-muted" id="estoqueEmbalagemLabel">Calculado pela embalagem</small>
                        </div>
                        
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Estoque Mínimo</label>
                            <input type="number" class="form-control" name="estoque_minimo"
                                   value="0" min="0" step="1">
                        </div>
                        
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-4">
                                <input type="checkbox" class="form-check-input" name="controla_estoque" id="controla_estoque">
                                <label class="form-check-label" for="controla_estoque">
                                    <i class="bi bi-clipboard-check"></i> Controla Estoque
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-2">
                                <input type="checkbox" class="form-check-input" name="fracionado" id="fracionado">
                                <label class="form-check-label" for="fracionado">
                                    <i class="bi bi-pie-chart"></i> Produto Fracionado
                                </label>
                            </div>
                            <small class="text-muted">Permite venda em frações (ex: 0.5 kg)</small>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-2">
                                <input type="checkbox" class="form-check-input" name="eh_balanca" id="eh_balanca">
                                <label class="form-check-label" for="eh_balanca">
                                    <i class="bi bi-speedometer2"></i> Produto de Balança
                                </label>
                            </div>
                            <small class="text-muted">Pesado em balança Toledo/Prix</small>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-2">
                                <input type="checkbox" class="form-check-input" name="solicitar_quantidade_pdv" id="solicitar_quantidade_pdv">
                                <label class="form-check-label" for="solicitar_quantidade_pdv">
                                    <i class="bi bi-input-cursor-text"></i> Solicitar Qtd PDV
                                </label>
                            </div>
                            <small class="text-muted">Pergunta quantidade ao vender</small>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-2">
                                <input type="checkbox" class="form-check-input" name="controla_lote" id="controla_lote">
                                <label class="form-check-label" for="controla_lote">
                                    <i class="bi bi-upc-scan"></i> Controla Lote e Validade
                                </label>
                            </div>
                            <small class="text-muted">Exige lote no PDV e controla validade por empresa</small>
                        </div>
                    </div>

                    <div class="card border-primary bg-light d-none" id="painelControleLoteInicial">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
                                <div>
                                    <h6 class="mb-1"><i class="bi bi-box-seam"></i> Lotes e validade</h6>
                                    <small class="text-muted">A configuração de saldo e criação de lotes foi centralizada no módulo de estoque.</small>
                                </div>
                                <span class="badge bg-primary">PDV exigirá bipagem do lote</span>
                            </div>

                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Dias alerta validade</label>
                                    <input type="number" class="form-control" name="dias_alerta_validade" id="dias_alerta_validade"
                                           value="5" min="1" max="365">
                                </div>
                                <div class="col-md-8 mb-3 d-flex align-items-end">
                                    <div class="alert alert-info mb-0 w-100">
                                        <i class="bi bi-info-circle"></i>
                                        Depois de salvar o produto, use <strong>Estoque &gt; Controle de Estoque</strong> para lançar o primeiro saldo,
                                        criar lotes, informar validade e imprimir etiquetas operacionais.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Preços de Venda -->
                    <div class="card mb-3">
                        <div class="card-header bg-warning text-dark">
                            <h5 class="mb-0"><i class="bi bi-tags"></i> Preços de Venda</h5>
                        </div>
                        <div class="card-body">
                            <p class="text-muted">Cadastre valores diferentes para modalidades como à vista, cartão, etc.</p>
                            
                            <div id="listaPrecos" class="mb-3"></div>
                            <button type="button" class="btn btn-outline-primary" id="btnAddPreco">
                                <i class="bi bi-plus-circle"></i> Adicionar Preço
                            </button>
                        </div>
                    </div>
                </div>

                <!-- ABA 2: FISCAL -->
                <div class="tab-pane fade" id="fiscal" role="tabpanel">
                    <!-- Card Verde: Perfil Tributário Inteligente -->
                    <div class="card border-success mb-3">
                        <div class="card-header bg-success text-white py-2">
                            <i class="bi bi-stars"></i> <strong>Perfil Tributário</strong> - Configure uma vez, reutilize sempre!
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-8 mb-3">
                                    <label class="form-label"><i class="bi bi-file-earmark-text"></i> Selecione o Perfil Tributário</label>
                                    <select class="form-select" name="perfil_tributario_id" id="perfilTributarioSelect" 
                                            onchange="aplicarPerfilTributario(this.value)">
                                        <option value="">-- Configuração Manual (modo avançado) --</option>
                                        {% if perfis_tributarios %}
                                        {% for perfil in perfis_tributarios %}
                                        <option value="{{ perfil.id }}" {% if perfil.padrao %}selected{% endif %}>
                                            {{ perfil.nome }} 
                                            {% if perfil.padrao %}⭐{% endif %}
                                        </option>
                                        {% endfor %}
                                        {% endif %}
                                    </select>
                                    <small class="text-muted">
                                        <i class="bi bi-info-circle"></i> 
                                        Escolha um perfil pronto para preencher automaticamente os campos fiscais.
                                        <a href="{{ url_for('fiscal_perfis_tributarios') }}" target="_blank" class="text-decoration-none">
                                            <i class="bi bi-gear"></i> Gerenciar perfis
                                        </a>
                                    </small>
                                </div>
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Resumo do Perfil</label>
                                    <div class="border rounded p-2 bg-light" id="resumoPerfilTributario" style="min-height: 80px;">
                                        <span class="text-muted small">Selecione um perfil para ver o resumo</span>
                                    </div>
                                    <button type="button" class="btn btn-sm btn-outline-primary mt-2 w-100" 
                                            onclick="aplicarPerfilManual()" id="btnAplicarPerfil" style="display:none;">
                                        <i class="bi bi-arrow-down-circle"></i> Aplicar aos Campos Abaixo
                                    </button>
                                </div>
                            </div>
                            
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="usarConfigManual" 
                                       onchange="toggleConfigManual(this.checked)">
                                <label class="form-check-label" for="usarConfigManual">
                                    <i class="bi bi-gear"></i> Usar configuração fiscal manual (sobrescrever perfil)
                                </label>
                            </div>
                        </div>
                    </div>

                    <!-- CLASSIFICAÇÃO FISCAL - SEMPRE VISÍVEL -->
                    <h6 class="mb-3 mt-3"><i class="bi bi-file-text"></i> Classificação Fiscal (Individual do Produto)</h6>
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">NCM *</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="ncm" id="ncmInput"
                                       maxlength="8" required pattern="[0-9]{8}"
                                       value="00000000" placeholder="00000000"
                                       onchange="buscarCestPorNCM(this.value)">
                                <button type="button" class="btn btn-outline-info" onclick="consultarNCM()" title="Consultar NCM (TIPI)">
                                    <i class="bi bi-info-circle"></i>
                                </button>
                                <button type="button" class="btn btn-outline-secondary" onclick="buscarCestPorNCM(document.getElementById('ncmInput').value)" title="Buscar CEST">
                                    <i class="bi bi-search"></i>
                                </button>
                            </div>
                            <small class="text-muted">8 dígitos - <a href="#" onclick="consultarNCM(); return false;" class="text-info">consultar descrição NCM</a></small>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">CEST</label>
                            <div class="input-group">
                                <input type="text" class="form-control" name="cest" id="cestInput"
                                       maxlength="7" pattern="[0-9]{7}"
                                       placeholder="0000000"
                                       onchange="validarCest(this.value)">
                                <button type="button" class="btn btn-outline-secondary" onclick="validarCest(document.getElementById('cestInput').value)" title="Validar CEST">
                                    <i class="bi bi-check-circle"></i>
                                </button>
                            </div>
                            <small class="text-muted">7 dígitos</small>
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">CFOP *</label>
                            <input type="hidden" name="cfop_id" id="cfopId">
                            <input type="text" class="form-control bg-light" name="cfop" id="cfop"
                                   maxlength="4" pattern="[0-9]{4}" readonly
                                   value="5102" placeholder="5102">
                            <small class="text-muted">Do CFOP</small>
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Origem *</label>
                            <select class="form-select" name="origem" required>
                                <option value="0" selected>0 - Nacional</option>
                                <option value="1">1 - Estrangeira</option>
                                <option value="2">2 - Estrang. (int.)</option>
                            </select>
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Unidade</label>
                            <input type="hidden" name="unidade_comercial" id="unidadeComercial" value="UN" data-fallback="UN">
                            <div class="form-control bg-light" id="unidadeComercialInfo">UN</div>
                            <small class="text-muted">Definida automaticamente pela embalagem</small>
                        </div>
                    </div>

                    <!-- Painel de Informações NCM (TIPI) -->
                    <div id="ncmInfoPanel" class="alert alert-light border d-none mb-3">
                        <div class="d-flex justify-content-between align-items-start">
                            <div class="flex-grow-1">
                                <h6 class="alert-heading mb-2">
                                    <i class="bi bi-book text-info"></i> 
                                    Informações do NCM - Tabela TIPI
                                </h6>
                                <div id="ncmInfoContent">
                                    <!-- Preenchido via JavaScript -->
                                </div>
                            </div>
                            <button type="button" class="btn-close" onclick="document.getElementById('ncmInfoPanel').classList.add('d-none')" aria-label="Fechar"></button>
                        </div>
                    </div>

                    <!-- Painel de Informações CEST (Base Legal / Substituição Tributária) -->
                    <div id="cestInfoPanel" class="alert alert-light border d-none mb-3">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="alert-heading mb-2">
                                    <i class="bi bi-info-circle text-primary"></i> 
                                    Informações do CEST - Substituição Tributária
                                </h6>
                                <div id="cestInfoContent">
                                    <!-- Preenchido via JavaScript -->
                                </div>
                            </div>
                            <button type="button" class="btn-close" onclick="fecharPainelCest()"></button>
                        </div>
                    </div>

                    <!-- Painel de configuração manual dos campos fiscais -->
                    <div id="painelConfigManual">

                    <h5 class="mb-3 mt-4">💰 ICMS</h5>
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label class="form-label">CST ICMS *</label>
                            <select class="form-select" name="cst_icms" id="cstIcms" required>
                                <optgroup label="Regime Normal (CST)">
                                    <option value="00">00 - Tributada integralmente</option>
                                    <option value="10">10 - Tributada com cobrança de ICMS por ST</option>
                                    <option value="20">20 - Com redução de base de cálculo</option>
                                    <option value="30">30 - Isenta ou não tributada com cobrança de ICMS por ST</option>
                                    <option value="40">40 - Isenta</option>
                                    <option value="41">41 - Não tributada</option>
                                    <option value="50">50 - Suspensão</option>
                                    <option value="51">51 - Diferimento</option>
                                    <option value="60">60 - ICMS cobrado anteriormente por ST</option>
                                    <option value="70">70 - Com redução de BC e cobrança de ICMS por ST</option>
                                    <option value="90">90 - Outras</option>
                                </optgroup>
                                <optgroup label="Simples Nacional (CSOSN)">
                                    <option value="101">101 - Tributada com permissão de crédito</option>
                                    <option value="102" selected>102 - Tributada sem permissão de crédito</option>
                                    <option value="103">103 - Isenção do ICMS para faixa de receita bruta</option>
                                    <option value="201">201 - Tributada com permissão de crédito e com cobrança de ICMS por ST</option>
                                    <option value="202">202 - Tributada sem permissão de crédito e com cobrança de ICMS por ST</option>
                                    <option value="203">203 - Isenção do ICMS para faixa de receita bruta e com cobrança de ICMS por ST</option>
                                    <option value="300">300 - Imune</option>
                                    <option value="400">400 - Não tributada pelo Simples Nacional</option>
                                    <option value="500">500 - ICMS cobrado anteriormente por ST ou por antecipação</option>
                                    <option value="900">900 - Outros</option>
                                </optgroup>
                            </select>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4">🏭 IPI - Imposto sobre Produtos Industrializados</h5>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">CST IPI *</label>
                            <select class="form-select" name="cst_ipi" id="cstIpi" required>
                                <option value="">Selecione</option>
                                <optgroup label="Entrada">
                                    <option value="00">00 - Entrada com recuperação de crédito</option>
                                    <option value="01">01 - Entrada tributada com alíquota zero</option>
                                    <option value="02">02 - Entrada isenta</option>
                                    <option value="03">03 - Entrada não tributada</option>
                                    <option value="04">04 - Entrada imune</option>
                                    <option value="05">05 - Entrada com suspensão</option>
                                    <option value="49">49 - Outras entradas</option>
                                </optgroup>
                                <optgroup label="Saída">
                                    <option value="50">50 - Saída tributada</option>
                                    <option value="51">51 - Saída tributada com alíquota zero</option>
                                    <option value="52">52 - Saída isenta</option>
                                    <option value="53" selected>53 - Saída não tributada</option>
                                    <option value="54">54 - Saída imune</option>
                                    <option value="55">55 - Saída com suspensão</option>
                                    <option value="99">99 - Outras saídas</option>
                                </optgroup>
                            </select>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Alíquota IPI (%) *</label>
                            <input type="number" class="form-control" name="aliquota_ipi" id="aliquotaIpi"
                                step="0.01" min="0" max="100" value="0.00" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Enquadramento IPI *</label>
                            <input type="text" class="form-control" name="enquadramento_ipi" id="enquadramentoIpi"
                                maxlength="3" placeholder="999" value="999" required>
                            <small class="text-muted">Código de enquadramento legal (ex: 999)</small>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4">🔴 FCP - Fundo de Combate à Pobreza</h5>
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Alíquota FCP (%) *</label>
                            <input type="number" class="form-control" name="aliquota_fcp" id="aliquotaFcp"
                                step="0.01" min="0" max="4" value="0.00" required>
                            <small class="text-muted">Geralmente 2% (varia por estado)</small>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4">💰 PIS e COFINS</h5>
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">CST PIS *</label>
                            <select class="form-select" name="cst_pis" id="cstPis" required>
                                <option value="01">01 - Oper. Tributável (alíq. básica)</option>
                                <option value="02">02 - Oper. Tributável (alíq. diferenciada)</option>
                                <option value="03">03 - Oper. Tributável (alíq. por un. prod.)</option>
                                <option value="04">04 - Oper. Tributável (monofásica)</option>
                                <option value="05">05 - Oper. Tributável (ST)</option>
                                <option value="06">06 - Oper. Tributável (alíq. zero)</option>
                                <option value="07" selected>07 - Operação Isenta</option>
                                <option value="08">08 - Operação Sem Incidência</option>
                                <option value="09">09 - Operação com Suspensão</option>
                                <option value="49">49 - Outras Operações de Saída</option>
                                <option value="50">50 - Oper. com Dir. a Crédito (alíq. básica)</option>
                                <option value="51">51 - Oper. com Dir. a Crédito (alíq. difer.)</option>
                                <option value="52">52 - Oper. com Dir. a Crédito (alíq. un. prod.)</option>
                                <option value="53">53 - Oper. com Dir. a Crédito (vinc. rec. tributadas)</option>
                                <option value="54">54 - Oper. com Dir. a Crédito (vinc. rec. não-tributadas)</option>
                                <option value="55">55 - Oper. com Dir. a Crédito (vinc. rec. trib. e não-trib.)</option>
                                <option value="56">56 - Oper. com Dir. a Crédito (vinc. rec. exportação)</option>
                                <option value="60">60 - Créd. Presumido (oper. aquisição vinc. rec. trib.)</option>
                                <option value="61">61 - Créd. Presumido (oper. aquisição vinc. rec. não-trib.)</option>
                                <option value="62">62 - Créd. Presumido (oper. aquisição vinc. exportação)</option>
                                <option value="63">63 - Créd. Presumido (oper. aquisição vinc. rec. trib. e não-trib.)</option>
                                <option value="70">70 - Operação sem Direito a Crédito</option>
                                <option value="71">71 - Operação com Isenção</option>
                                <option value="72">72 - Operação com Suspensão</option>
                                <option value="73">73 - Operação com Alíquota Zero</option>
                                <option value="74">74 - Operação sem Incidência da Contribuição</option>
                                <option value="75">75 - Operação por ST</option>
                                <option value="98">98 - Outras Operações de Entrada</option>
                                <option value="99">99 - Outras Operações</option>
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Alíquota PIS (%) *</label>
                            <input type="number" class="form-control" name="aliquota_pis" id="aliquotaPis"
                                step="0.01" min="0" max="100" value="0" required>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">CST COFINS *</label>
                            <select class="form-select" name="cst_cofins" id="cstCofins" required>
                                <option value="01">01 - Oper. Tributável (alíq. básica)</option>
                                <option value="02">02 - Oper. Tributável (alíq. diferenciada)</option>
                                <option value="03">03 - Oper. Tributável (alíq. por un. prod.)</option>
                                <option value="04">04 - Oper. Tributável (monofásica)</option>
                                <option value="05">05 - Oper. Tributável (ST)</option>
                                <option value="06">06 - Oper. Tributável (alíq. zero)</option>
                                <option value="07" selected>07 - Operação Isenta</option>
                                <option value="08">08 - Operação Sem Incidência</option>
                                <option value="09">09 - Operação com Suspensão</option>
                                <option value="49">49 - Outras Operações de Saída</option>
                                <option value="50">50 - Oper. com Dir. a Crédito (alíq. básica)</option>
                                <option value="51">51 - Oper. com Dir. a Crédito (alíq. difer.)</option>
                                <option value="52">52 - Oper. com Dir. a Crédito (alíq. un. prod.)</option>
                                <option value="53">53 - Oper. com Dir. a Crédito (vinc. rec. tributadas)</option>
                                <option value="54">54 - Oper. com Dir. a Crédito (vinc. rec. não-tributadas)</option>
                                <option value="55">55 - Oper. com Dir. a Crédito (vinc. rec. trib. e não-trib.)</option>
                                <option value="56">56 - Oper. com Dir. a Crédito (vinc. rec. exportação)</option>
                                <option value="60">60 - Créd. Presumido (oper. aquisição vinc. rec. trib.)</option>
                                <option value="61">61 - Créd. Presumido (oper. aquisição vinc. rec. não-trib.)</option>
                                <option value="62">62 - Créd. Presumido (oper. aquisição vinc. exportação)</option>
                                <option value="63">63 - Créd. Presumido (oper. aquisição vinc. rec. trib. e não-trib.)</option>
                                <option value="70">70 - Operação sem Direito a Crédito</option>
                                <option value="71">71 - Operação com Isenção</option>
                                <option value="72">72 - Operação com Suspensão</option>
                                <option value="73">73 - Operação com Alíquota Zero</option>
                                <option value="74">74 - Operação sem Incidência da Contribuição</option>
                                <option value="75">75 - Operação por ST</option>
                                <option value="98">98 - Outras Operações de Entrada</option>
                                <option value="99">99 - Outras Operações</option>
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Alíquota COFINS (%) *</label>
                            <input type="number" class="form-control" name="aliquota_cofins" id="aliquotaCofins"
                                step="0.01" min="0" max="100" value="0" required>
                        </div>
                    </div>

                    <div class="alert alert-warning mt-3">
                        <strong><i class="bi bi-exclamation-triangle"></i> Atenção:</strong> 
                        Consulte seu contador para preencher corretamente as informações tributárias.
                    </div>
                    
                    </div> <!-- Fim painelConfigManual -->
                </div>

                <!-- ABA RT-FISCAL: REFORMA TRIBUTÁRIA IBS/CBS/IS -->
                <div class="tab-pane fade" id="rtfiscal" role="tabpanel">
                    <div class="alert alert-success py-2 mb-3">
                        <i class="bi bi-arrow-repeat"></i> <strong>Reforma Tributária (NT 2025.002)</strong> - 
                        Novos tributos IBS, CBS e IS que substituirão ICMS, ISS, PIS e COFINS a partir de 2026.
                    </div>

                    <!-- CST IBS/CBS -->
                    <h6 class="mb-2"><i class="bi bi-receipt text-primary"></i> CST IBS/CBS</h6>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label small">CST Saída (NFC-e/NF-e Venda)</label>
                            <select class="form-select form-select-sm" name="rtc_cst_saida" id="rtcCstSaida">
                                <option value="">Usar padrão da configuração</option>
                                <option value="000">000 - Tributação integral</option>
                                <option value="010">010 - Tributação com crédito presumido</option>
                                <option value="020">020 - Tributação com redução de BC</option>
                                <option value="030">030 - Isenta</option>
                                <option value="040">040 - Não tributada</option>
                                <option value="050">050 - Suspensão</option>
                                <option value="090">090 - Outras</option>
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label small">CST Entrada (NF-e Compra)</label>
                            <select class="form-select form-select-sm" name="rtc_cst_entrada" id="rtcCstEntrada">
                                <option value="">Usar padrão da configuração</option>
                                <option value="000">000 - Tributação integral (com crédito)</option>
                                <option value="010">010 - Crédito presumido</option>
                                <option value="020">020 - Redução de BC</option>
                                <option value="030">030 - Isenta (sem crédito)</option>
                                <option value="040">040 - Não tributada</option>
                                <option value="050">050 - Suspensão</option>
                                <option value="090">090 - Outras</option>
                            </select>
                        </div>
                        <div class="col-12 mb-2">
                            <small class="text-muted">
                                ICMS da empresa continua separado: <strong>Simples</strong> usa CSOSN e <strong>regime normal</strong> usa CST. Aqui é somente <strong>RTC / IBS-CBS</strong>.
                            </small>
                        </div>
                    </div>

                    <!-- Alíquotas Específicas -->
                    <h6 class="mb-2 mt-3"><i class="bi bi-percent text-info"></i> Alíquotas Específicas do Produto</h6>
                    <div class="alert alert-light border py-2 small mb-2">
                        <i class="bi bi-info-circle"></i> 
                        Deixe em branco para usar as alíquotas padrão do ano fiscal.
                        Preencha apenas se este produto tiver alíquota diferenciada.
                    </div>
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label small">Alíq. IBS Específica (%)</label>
                            <input type="number" class="form-control form-control-sm" name="rtc_aliq_ibs"
                                   step="0.01" min="0" max="100" placeholder="Ex: 17.50">
                            <small class="text-muted">IBS = Estados + Municípios</small>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label small">Alíq. CBS Específica (%)</label>
                            <input type="number" class="form-control form-control-sm" name="rtc_aliq_cbs"
                                   step="0.01" min="0" max="100" placeholder="Ex: 8.80">
                            <small class="text-muted">CBS = União (substitui PIS/COFINS)</small>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label small">Redução BC IBS (%)</label>
                            <input type="number" class="form-control form-control-sm" name="rtc_reducao_ibs"
                                   step="0.01" min="0" max="100" placeholder="0.00">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label small">Redução BC CBS (%)</label>
                            <input type="number" class="form-control form-control-sm" name="rtc_reducao_cbs"
                                   step="0.01" min="0" max="100" placeholder="0.00">
                        </div>
                    </div>

                    <!-- Imposto Seletivo -->
                    <h6 class="mb-2 mt-3"><i class="bi bi-exclamation-diamond text-danger"></i> Imposto Seletivo (IS)</h6>
                    <div class="alert alert-danger py-2 small mb-2 border-0 bg-danger bg-opacity-10">
                        <i class="bi bi-exclamation-triangle"></i> 
                        O IS incide sobre produtos nocivos à saúde e meio ambiente: bebidas alcoólicas, tabaco, 
                        bebidas açucaradas, veículos, embarcações, aeronaves e bens minerais.
                    </div>
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <div class="form-check mt-4">
                                <input type="checkbox" class="form-check-input" name="rtc_incide_is" id="rtcIncideIS"
                                       onchange="toggleCamposIS()">
                                <label class="form-check-label fw-bold" for="rtcIncideIS">
                                    <i class="bi bi-check-circle"></i> Incide IS neste produto
                                </label>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3" id="campoAliqIS" style="display: none;">
                            <label class="form-label small">Alíquota IS (%)</label>
                            <input type="number" class="form-control form-control-sm" name="rtc_aliq_is"
                                   step="0.01" min="0" max="100" placeholder="Ex: 25.00">
                        </div>
                        <div class="col-md-6 mb-3" id="campoCategoriaIS" style="display: none;">
                            <label class="form-label small">Categoria do Produto para IS</label>
                            <select class="form-select form-select-sm" name="rtc_codigo_is" id="rtcCodigoIS">
                                <option value="">Não se aplica</option>
                                <option value="bebidas_alcoolicas">Bebidas alcoólicas</option>
                                <option value="tabaco">Produtos de tabaco</option>
                                <option value="bebidas_acucaradas">Bebidas açucaradas</option>
                                <option value="veiculos">Veículos automotores</option>
                                <option value="embarcacoes_aeronaves">Embarcações e aeronaves</option>
                                <option value="minerios">Bens minerais extraídos</option>
                                <option value="concursos">Concursos de prognósticos</option>
                            </select>
                        </div>
                    </div>

                    <div class="alert alert-warning mt-3 py-2">
                        <i class="bi bi-exclamation-triangle"></i> Consulte seu contador para preencher as informações da Reforma Tributária.
                    </div>
                </div>

                <!-- ABA 3: PARÂMETROS -->
                <div class="tab-pane fade" id="parametros" role="tabpanel">
                    <h5 class="mb-3"><i class="bi bi-card-text"></i> Descrição</h5>
                    
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <textarea class="form-control" name="descricao" rows="4"
                                      placeholder="Descrição detalhada do produto, características, especificações técnicas..."></textarea>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4"><i class="bi bi-bookmark"></i> Identificação</h5>
                    
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Marca</label>
                            <input type="text" class="form-control" name="marca"
                                   placeholder="Ex: Samsung, Apple, Nike...">
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Referência</label>
                            <input type="text" class="form-control" name="referencia"
                                   placeholder="Código do fabricante">
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4"><i class="bi bi-box-seam"></i> Pesos e Dimensões</h5>
                    
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Peso Líquido (kg)</label>
                            <input type="number" class="form-control" name="peso_liquido"
                                   step="0.001" min="0" value="0.000">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Peso Bruto (kg)</label>
                            <input type="number" class="form-control" name="peso_bruto"
                                   step="0.001" min="0" value="0.000">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Largura (cm)</label>
                            <input type="number" class="form-control" name="largura"
                                   step="0.1" min="0" value="0.0">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Altura (cm)</label>
                            <input type="number" class="form-control" name="altura"
                                   step="0.1" min="0" value="0.0">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Profundidade (cm)</label>
                            <input type="number" class="form-control" name="profundidade"
                                   step="0.1" min="0" value="0.0">
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4"><i class="bi bi-building"></i> Vinculações</h5>
                    
                    <div class="row">
                        <!-- Seletor de Empresa - Apenas se multi_empresa estiver habilitado -->
                        {% if is_multi_empresa() %}
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Empresa</label>
                            <select class="form-select" name="empresa_id">
                                <option value="">Nenhuma (padrão)</option>
                                {% for empresa in empresas %}
                                    <option value="{{ empresa.id }}">{{ empresa.nome }}</option>
                                {% endfor %}
                            </select>
                            <small class="text-muted">Opcional - vincule o produto a uma empresa específica</small>
                        </div>
                        {% else %}
                        <!-- Modo single-empresa: usar empresa padrão -->
                        <input type="hidden" name="empresa_id" value="{{ empresas[0].id if empresas else '' }}">
                        {% endif %}
                        
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Tipo *</label>
                            <select class="form-select" name="tipo" required id="tipoProduto">
                                <optgroup label="Mercadorias">
                                    <option value="revenda" selected>Revenda</option>
                                    <option value="insumo">Insumo</option>
                                    <option value="guarnicao_food">Guarnição Food</option>
                                    <option value="produto_processo">Produto em Processo</option>
                                    <option value="produto_acabado">Produto Acabado</option>
                                    <option value="produto_intermediario">Produto Intermediário</option>
                                    <option value="subproduto">Subproduto</option>
                                    <option value="sucata">Sucata</option>
                                    <option value="embalagem">Embalagem</option>
                                </optgroup>
                                <optgroup label="Ativos e Patrimônio">
                                    <option value="equipamento">Equipamento</option>
                                    <option value="patrimonio">Patrimônio</option>
                                    <option value="uso_consumo">Uso e Consumo</option>
                                    <option value="bem_revenda_ativo">Bem para Revenda (Ativo)</option>
                                    <option value="ativo_biologico">Ativo Biológico</option>
                                </optgroup>
                                <optgroup label="Serviços e Digitais">
                                    <option value="servico">Serviço</option>
                                    <option value="digital">Digital</option>
                                    <option value="assinatura">Assinatura</option>
                                    <option value="modulo">Módulo</option>
                                    <option value="intangivel">Intangível</option>
                                </optgroup>
                                <optgroup label="Promocionais">
                                    <option value="cortesia">Cortesia</option>
                                    <option value="brinde">Brinde</option>
                                    <option value="amostra">Amostra</option>
                                </optgroup>
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Grupo</label>
                            <select class="form-select" name="grupo_id" id="grupo_id">
                                <option value="">Sem grupo</option>
                                {% for grupo in grupos_produto %}
                                <option value="{{ grupo.id }}">{{ '└─ ' * ((grupo.nivel|default(0, true))|int) }}{{ grupo.nome }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Classificação</label>
                            <select class="form-select" name="tipo_produto" id="tipoProdutoVariacao">
                                <option value="simples" selected>Produto Simples</option>
                                <option value="variacao_pai">Produto com Variações</option>
                            </select>
                            <small class="text-muted">Variações são criadas após salvar</small>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Fornecedor</label>
                            <select class="form-select" name="fornecedor_id">
                                <option value="">Nenhum</option>
                                {% for fornecedor in fornecedores %}
                                    <option value="{{ fornecedor['id_real'] }}">
                                        {{ fornecedor['nome'] }}
                                    </option>
                                {% endfor %}
                            </select>
                            <small class="text-muted">
                                <a href="{{ url_for('nova_pessoa') }}?tipo=fornecedor" target="_blank">Cadastrar novo fornecedor</a>
                            </small>
                        </div>
                    </div>

                    <h5 class="mb-3 mt-4"><i class="bi bi-gear"></i> Configurações</h5>
                    
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <div class="form-check mt-2">
                                <input type="checkbox" class="form-check-input" name="ativo" id="ativo" checked>
                                <label class="form-check-label" for="ativo">
                                    Produto Ativo
                                </label>
                            </div>
                        </div>
                    </div>

                    <!-- CONFIGURAÇÃO CONTÁBIL -->
                    {% if contas_estoque or contas_cmv or contas_receita %}
                    <div class="card mt-4 border-success">
                        <div class="card-header bg-success text-white">
                            <h5 class="mb-0">
                                <i class="bi bi-journal-text"></i> Configuração Contábil
                                <small class="opacity-75">(Opcional - herda do grupo se vazio)</small>
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">
                                        <i class="bi bi-box-seam text-primary"></i> Conta de Estoque
                                    </label>
                                    <select class="form-select form-select-sm" name="conta_estoque_id">
                                        <option value="">-- Herdar do Grupo --</option>
                                        {% for conta in contas_estoque %}
                                        <option value="{{ conta.id }}">
                                            {{ conta.codigo }} - {{ conta.nome }}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted">Ativo: onde o estoque é registrado</small>
                                </div>
                                
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">
                                        <i class="bi bi-graph-down-arrow text-danger"></i> Conta de CMV
                                    </label>
                                    <select class="form-select form-select-sm" name="conta_cmv_id">
                                        <option value="">-- Herdar do Grupo --</option>
                                        {% for conta in contas_cmv %}
                                        <option value="{{ conta.id }}">
                                            {{ conta.codigo }} - {{ conta.nome }}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted">Custo da Mercadoria Vendida</small>
                                </div>
                                
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">
                                        <i class="bi bi-graph-up-arrow text-success"></i> Conta de Receita
                                    </label>
                                    <select class="form-select form-select-sm" name="conta_receita_id">
                                        <option value="">-- Herdar do Grupo --</option>
                                        {% for conta in contas_receita %}
                                        <option value="{{ conta.id }}">
                                            {{ conta.codigo }} - {{ conta.nome }}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted">Receita de venda</small>
                                </div>
                            </div>
                            
                            <div class="alert alert-light py-2 small mb-0">
                                <i class="bi bi-lightbulb text-warning"></i>
                                <strong>CMV Automático:</strong> Ao confirmar uma venda, o sistema gera automaticamente 
                                o lançamento contábil de CMV (D: CMV / C: Estoque) baseado no custo médio do produto.
                            </div>
                        </div>
                    </div>
                    {% endif %}

                    <!-- Promoções -->
                    <h5 class="mb-3 mt-4"><i class="bi bi-tag-fill text-warning"></i> Promoções</h5>
                    
                    <!-- Promoção Paga X Leva Y -->
                    <div class="card mb-3">
                        <div class="card-header bg-light">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="promocao_ativa" id="promocao_ativa">
                                <label class="form-check-label" for="promocao_ativa">
                                    <strong><i class="bi bi-gift"></i> Promoção "Paga X Leva Y"</strong>
                                </label>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4 mb-2">
                                    <label class="form-label">Paga (qtd)</label>
                                    <input type="number" class="form-control" name="promocao_paga_qtd" id="promocao_paga_qtd"
                                           value="0" min="0" step="1" placeholder="Ex: 2">
                                    <small class="text-muted">Quantidade que o cliente paga</small>
                                </div>
                                <div class="col-md-4 mb-2">
                                    <label class="form-label">Leva (qtd)</label>
                                    <input type="number" class="form-control" name="promocao_leva_qtd" id="promocao_leva_qtd"
                                           value="0" min="0" step="1" placeholder="Ex: 3">
                                    <small class="text-muted">Quantidade que o cliente leva</small>
                                </div>
                                <div class="col-md-4 mb-2">
                                    <label class="form-label">Validade</label>
                                    <input type="date" class="form-control" name="promocao_validade" id="promocao_validade">
                                    <small class="text-muted">Deixe vazio = sem limite</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Desconto por Quantidade -->
                    <div class="card mb-3">
                        <div class="card-header bg-light">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="desconto_qtd_ativo" id="desconto_qtd_ativo">
                                <label class="form-check-label" for="desconto_qtd_ativo">
                                    <strong><i class="bi bi-percent"></i> Desconto por Quantidade</strong>
                                </label>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3 mb-2">
                                    <label class="form-label">Acima de (qtd)</label>
                                    <input type="number" class="form-control" name="desconto_qtd_minima" id="desconto_qtd_minima"
                                           value="0" min="0" step="1" placeholder="Ex: 10">
                                    <small class="text-muted">Quantidade mínima</small>
                                </div>
                                <div class="col-md-2 mb-2">
                                    <label class="form-label">Tipo</label>
                                    <select class="form-select" name="desconto_qtd_tipo" id="desconto_qtd_tipo">
                                        <option value="percentual" selected>%</option>
                                        <option value="valor">R$</option>
                                    </select>
                                </div>
                                <div class="col-md-3 mb-2">
                                    <label class="form-label">Valor do Desconto</label>
                                    <input type="number" class="form-control" name="desconto_qtd_percentual" id="desconto_qtd_percentual"
                                           value="0" min="0" step="0.01" placeholder="Ex: 5">
                                    <small class="text-muted">% ou R$ conforme tipo</small>
                                </div>
                                <div class="col-md-4 mb-2">
                                    <label class="form-label">Validade</label>
                                    <input type="date" class="form-control" name="desconto_qtd_validade" id="desconto_qtd_validade">
                                    <small class="text-muted">Deixe vazio = sem limite</small>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Embalagens de Venda (Múltiplas) -->
                    <div class="card mb-3 mt-4">
                        <div class="card-header bg-success text-white">
                            <h5 class="mb-0"><i class="bi bi-box2"></i> Embalagens de Venda</h5>
                        </div>
                        <div class="card-body">
                            <p class="text-muted">Configure diferentes embalagens para venda: Unidade, Caixa, Fardo, etc. Cada embalagem pode ter seu próprio preço.</p>
                            
                            <div id="listaEmbalagens"></div>
                            
                            <button type="button" class="btn btn-outline-success" onclick="adicionarEmbalagem()">
                                <i class="bi bi-plus-circle"></i> Adicionar Embalagem
                            </button>
                        </div>
                    </div>
                </div>

                {% if MODULO_FOOD_HABILITADO|default(True) %}
                <div class="tab-pane fade" id="food" role="tabpanel">
                    {% set guarnicoes_cfg = {'produto_ids': [], 'opcoes_legadas': [], 'maximo': 0} %}
                    <h5 class="mb-3"><i class="bi bi-cup-straw text-danger"></i> Configurações Food (Bar/Restaurante)</h5>

                    <div class="card mb-3">
                        <div class="card-header bg-danger bg-opacity-10">
                            <i class="bi bi-gear"></i> Parâmetros para PDV Food
                        </div>
                        <div class="card-body">
                            <div class="alert alert-warning py-2 mb-3" id="alertaTipoGuarnicaoFood" style="display:none;">
                                <i class="bi bi-basket2-fill me-2"></i>
                                <strong>Produto marcado como Guarnição Food.</strong>
                                Ele pode ser vinculado sem cobrança extra ao item principal e também vendido avulso no Food quando a opção abaixo estiver ativa.
                            </div>

                            <div class="row">
                                <div class="col-md-4 mb-3">
                                    <div class="form-check form-switch">
                                        <input type="checkbox" class="form-check-input" name="venda_food" id="vendaFood" checked>
                                        <label class="form-check-label" for="vendaFood">
                                            <strong><i class="bi bi-bag-check"></i> Disponível no PDV Food</strong>
                                        </label>
                                    </div>
                                    <small class="text-muted">Exibe este produto no cardápio do Food</small>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <div class="form-check form-switch">
                                        <input type="checkbox" class="form-check-input" name="imprime_cozinha" id="imprimeCozinha">
                                        <label class="form-check-label" for="imprimeCozinha">
                                            <strong><i class="bi bi-printer"></i> Imprime na Cozinha/Bar</strong>
                                        </label>
                                    </div>
                                    <small class="text-muted">Envia para a impressora do setor configurado</small>
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label class="form-label"><i class="bi bi-clock"></i> Tempo de Preparo</label>
                                    <div class="input-group">
                                        <input type="number" class="form-control" name="tempo_preparo_minutos" value="15" min="0" step="1">
                                        <span class="input-group-text">minutos</span>
                                    </div>
                                    <small class="text-muted">Tempo estimado de preparo</small>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label"><i class="bi bi-building"></i> Setor de Produção</label>
                                    <select class="form-select" name="setor_producao_id" id="setorProducao">
                                        <option value="">-- Nenhum (não vai para produção) --</option>
                                        {% for setor in setores_producao %}
                                        <option value="{{ setor.id }}">
                                            {{ setor.nome }}{% if setor.codigo %} ({{ setor.codigo }}){% endif %}
                                        </option>
                                        {% endfor %}
                                    </select>
                                    <small class="text-muted">Direciona o item para Cozinha, Bar, Churrasqueira, etc.</small>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <div class="form-check form-switch mb-2">
                                        <input type="checkbox" class="form-check-input" name="guarnicoes_ativas" id="guarnicoesAtivas">
                                        <label class="form-check-label" for="guarnicoesAtivas">
                                            <strong><i class="bi bi-list-check"></i> Permitir escolha de guarnições</strong>
                                        </label>
                                    </div>
                                    <input type="hidden" name="guarnicoes_opcoes" id="guarnicoesOpcoesJson" value='{{ guarnicoes_cfg|tojson|forceescape }}'>
                                    <input type="hidden" name="guarnicoes_opcoes_legado" id="guarnicoesOpcoesLegado" value="">

                                    <div id="painelGuarnicoesFood" class="border rounded-3 p-3 bg-light d-none">
                                        <div class="row g-3 align-items-start">
                                            <div class="col-md-4">
                                                <label class="form-label"><i class="bi bi-sliders"></i> Máximo liberado</label>
                                                <div class="input-group">
                                                    <input type="number" class="form-control" name="guarnicoes_limite" id="guarnicoesLimite"
                                                           value="0" min="0" step="1">
                                                    <span class="input-group-text">opções</span>
                                                </div>
                                                <small class="text-muted">Quantas guarnições o garçom pode marcar nesse item.</small>
                                            </div>
                                            <div class="col-md-8">
                                                <label class="form-label"><i class="bi bi-diagram-3"></i> Guarnições vinculadas</label>
                                                <div class="border rounded-3 bg-white p-2" style="max-height: 240px; overflow:auto;">
                                                    {% if guarnicoes_food_disponiveis %}
                                                        {% for item in guarnicoes_food_disponiveis %}
                                                        <label class="d-flex align-items-start gap-2 p-2 border-bottom guarnicao-produto-item">
                                                            <input type="checkbox"
                                                                   class="form-check-input mt-1 guarnicao-produto-checkbox"
                                                                   name="guarnicoes_produto_ids"
                                                                   value="{{ item.id }}">
                                                            <span>
                                                                <strong>{{ item.nome }}</strong><br>
                                                                <small class="text-muted">
                                                                    {% if item.controla_estoque %}
                                                                        Estoque atual: {{ '%.2f'|format(item.estoque_atual or 0) }}
                                                                    {% else %}
                                                                        Sem controle de estoque
                                                                    {% endif %}
                                                                </small>
                                                            </span>
                                                        </label>
                                                        {% endfor %}
                                                    {% else %}
                                                        <div class="text-muted small py-2">
                                                            Nenhuma guarnição Food cadastrada ainda. Cadastre produtos com o tipo <strong>Guarnição Food</strong> para vinculá-los aqui.
                                                        </div>
                                                    {% endif %}
                                                </div>
                                                <small class="text-muted">Na operação, o Food só exibe guarnições ativas e com saldo disponível em estoque.</small>
                                            </div>
                                        </div>

                                        <div id="guarnicoesResumo" class="mt-3 small text-muted">Nenhuma guarnição vinculada a este produto.</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="alert alert-info">
                        <i class="bi bi-lightbulb"></i>
                        <strong>Dica:</strong> depois de criar os setores em <a href="{{ safe_url_for('food.configuracoes_mesas', fallback='#') }}"
                           class="{% if not has_endpoint('food.configuracoes_mesas') %}disabled text-muted{% endif %}"
                           {% if not has_endpoint('food.configuracoes_mesas') %}onclick="return false;" aria-disabled="true"{% endif %}>Food → Configuração de Mesas e Setores</a>,
                        cada produto já pode sair roteado para o monitor certo.
                    </div>
                </div>
                {% endif %}
            </div>

            <!-- BOTÕES DE AÇÃO -->
            <div class="cape-form-actions cape-form-actions-inside-card">
                <div class="cape-form-actions-left"></div>
                <div class="cape-form-actions-right">
                    <a href="{{ url_for('produtos') }}" class="btn btn-secondary">
                        <i class="bi bi-x-circle"></i> Cancelar
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle"></i> Salvar
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
</div>

<script>
const formasPagamentoDisponiveis = {{ (formas_pagamento_json or [])|tojson|safe }};
const precosIniciais = {{ (precos_iniciais or [])|tojson|safe }};
const embalagensDisponiveis = {{ (embalagens_disponiveis or [])|tojson|safe }};
const produtoCadastroContexto = {
    produtoId: 0,
    ncmInicial: '',
    usuarioAlterouNcm: false,
    ultimoNcmConsultado: null,
    ultimoNcmIgnorado: null,
    referenciaFiscalAtual: null,
    primeiraPendenciaAtual: null
};

let embalagemCount = 0;

function obterCheckboxesGuarnicaoFood() {
    return Array.from(document.querySelectorAll('.guarnicao-produto-checkbox'));
}

function obterGuarnicoesSelecionadasFood() {
    return obterCheckboxesGuarnicaoFood()
        .filter((checkbox) => checkbox.checked)
        .map((checkbox) => Number(checkbox.value || 0))
        .filter((valor) => Number.isFinite(valor) && valor > 0);
}

function sincronizarConfiguracaoGuarnicoesFood() {
    const hiddenJson = document.getElementById('guarnicoesOpcoesJson');
    const inputLimite = document.getElementById('guarnicoesLimite');
    const inputLegado = document.getElementById('guarnicoesOpcoesLegado');
    const guarnicoesAtivas = document.getElementById('guarnicoesAtivas');
    const tipoProduto = document.getElementById('tipoProduto');
    const resumo = document.getElementById('guarnicoesResumo');
    const painelAtivo = !!guarnicoesAtivas?.checked && (tipoProduto?.value || '') !== 'guarnicao_food';

    if (!hiddenJson) {
        return;
    }

    const ids = painelAtivo ? obterGuarnicoesSelecionadasFood() : [];
    const legadas = String(inputLegado?.value || '')
        .split(',')
        .map((item) => item.trim())
        .filter(Boolean);
    const totalDisponiveis = obterCheckboxesGuarnicaoFood().length;

    let limite = Number.parseInt(inputLimite?.value || '0', 10);
    const limiteMaximo = Math.max(ids.length, legadas.length, totalDisponiveis, 0);

    if (!Number.isFinite(limite) || limite < 0) {
        limite = 0;
    }
    if (painelAtivo && limiteMaximo > 0 && limite <= 0) {
        limite = limiteMaximo;
    }
    if (painelAtivo && limiteMaximo > 0 && limite > limiteMaximo) {
        limite = limiteMaximo;
    }

    if (inputLimite) {
        inputLimite.value = String(limite);
        if (limiteMaximo > 0) {
            inputLimite.max = String(limiteMaximo);
        } else {
            inputLimite.removeAttribute('max');
        }
    }

    hiddenJson.value = JSON.stringify({
        modo: ids.length ? 'produtos' : 'legacy',
        produto_ids: ids,
        maximo: limite > 0 ? limite : null,
        opcoes_legadas: legadas,
    });

    if (resumo) {
        if (ids.length) {
            resumo.textContent = `${ids.length} guarnição(ões) vinculada(s) • limite atual ${limite || ids.length}.`;
        } else if (legadas.length) {
            resumo.textContent = `Cadastro legado mantido com ${legadas.length} opção(ões) até a migração.`;
        } else if (totalDisponiveis > 0) {
            resumo.textContent = `${totalDisponiveis} guarnição(ões) Food disponível(is) para vincular a este produto.`;
        } else {
            resumo.textContent = 'Nenhuma guarnição vinculada a este produto.';
        }
    }
}

function atualizarPainelGuarnicoesFood() {
    const tipoProduto = document.getElementById('tipoProduto');
    const vendaFood = document.getElementById('vendaFood');
    const guarnicoesAtivas = document.getElementById('guarnicoesAtivas');
    const painel = document.getElementById('painelGuarnicoesFood');
    const alertaTipo = document.getElementById('alertaTipoGuarnicaoFood');
    const ehGuarnicaoFood = (tipoProduto?.value || '') === 'guarnicao_food';
    const painelAtivo = !!guarnicoesAtivas?.checked && !ehGuarnicaoFood;

    if (alertaTipo) {
        alertaTipo.style.display = ehGuarnicaoFood ? 'block' : 'none';
    }

    if (guarnicoesAtivas) {
        guarnicoesAtivas.disabled = ehGuarnicaoFood;
        if (ehGuarnicaoFood) {
            guarnicoesAtivas.checked = false;
        }
    }

    if (painel) {
        painel.classList.toggle('d-none', !painelAtivo);
        painel.querySelectorAll('input').forEach((input) => {
            if (input.id === 'guarnicoesOpcoesJson' || input.id === 'guarnicoesOpcoesLegado') {
                return;
            }
            input.disabled = !painelAtivo;
        });
    }

    sincronizarConfiguracaoGuarnicoesFood();
}

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('tipoProduto')?.addEventListener('change', atualizarPainelGuarnicoesFood);
    document.getElementById('guarnicoesAtivas')?.addEventListener('change', atualizarPainelGuarnicoesFood);
    document.getElementById('guarnicoesLimite')?.addEventListener('input', sincronizarConfiguracaoGuarnicoesFood);
    obterCheckboxesGuarnicaoFood().forEach((checkbox) => {
        checkbox.addEventListener('change', sincronizarConfiguracaoGuarnicoesFood);
    });

    atualizarPainelGuarnicoesFood();
});

// Calcula estoque por embalagem baseado no multiplicador
function calcularEstoqueEmbalagem() {
    const estoqueUnitario = parseFloat(document.getElementById('estoqueUnitario')?.value || 0);
    const embalagemSelect = document.getElementById('embalagemPrincipal');
    const estoqueEmbalagemInput = document.getElementById('estoqueEmbalagem');
    const estoqueEmbalagemLabel = document.getElementById('estoqueEmbalagemLabel');
    
    if (!embalagemSelect || !estoqueEmbalagemInput) return;
    
    const selectedOption = embalagemSelect.options[embalagemSelect.selectedIndex];
    const multiplicador = parseFloat(selectedOption?.dataset.mult || 1);
    const sigla = selectedOption?.dataset.sigla || 'UN';
    
    if (multiplicador > 0) {
        const estoqueEmbalagem = estoqueUnitario / multiplicador;
        estoqueEmbalagemInput.value = estoqueEmbalagem.toFixed(2);
        
        // Atualiza label com informação da embalagem
        if (multiplicador > 1) {
            estoqueEmbalagemLabel.innerHTML = `<strong>${estoqueEmbalagem.toFixed(0)}</strong> ${sigla} (${multiplicador.toFixed(0)} un cada)`;
        } else {
            estoqueEmbalagemLabel.innerHTML = 'Igual ao unitário';
        }
    } else {
        estoqueEmbalagemInput.value = estoqueUnitario.toFixed(2);
        estoqueEmbalagemLabel.innerHTML = 'Calculado pela embalagem';
    }
}

// Atualiza automaticamente a Unidade Comercial baseada na Embalagem selecionada
function atualizarUnidadeComercial() {
    const embalagemSelect = document.getElementById('embalagemPrincipal');
    const unidadeInput = document.getElementById('unidadeComercial');
    const unidadeInfo = document.getElementById('unidadeComercialInfo');
    
    if (!embalagemSelect || !unidadeInput) return;
    
    const selectedOption = embalagemSelect.options[embalagemSelect.selectedIndex];
    const sigla = selectedOption?.dataset.sigla || '';
    const fallback = unidadeInput.dataset.fallback || 'UN';
    
    if (!sigla) {
        unidadeInput.value = fallback;
        if (unidadeInfo) unidadeInfo.textContent = fallback;
        return;
    }

    unidadeInput.value = sigla;
    if (unidadeInfo) unidadeInfo.textContent = sigla;
}

function toggleControleLoteInicial() {
    const checkbox = document.getElementById('controla_lote');
    const painel = document.getElementById('painelControleLoteInicial');
    const controlaEstoque = document.getElementById('controla_estoque');

    if (!checkbox || !painel) return;

    const ativo = checkbox.checked;
    painel.classList.toggle('d-none', !ativo);

    if (ativo && controlaEstoque) {
        controlaEstoque.checked = true;
    }
}

function sincronizarEstoqueComLoteInicial() {
    calcularEstoqueEmbalagem();
}

function inicializarUploadImagemProduto() {
    const inputArquivo = document.getElementById('imagemProdutoFile');
    const inputData = document.getElementById('imagemProdutoData');
    const preview = document.getElementById('previewImagemProduto');
    const btnRemover = document.getElementById('btnRemoverImagemProduto');

    if (!inputArquivo || !inputData || !preview) return;

    const atualizarPreview = (valorImagem) => {
        preview.src = valorImagem || '';
        preview.style.display = valorImagem ? 'block' : 'none';
    };

    const processarImagem = (arquivo) => new Promise((resolve, reject) => {
        const leitor = new FileReader();
        leitor.onload = function(e) {
            const resultado = (e.target && e.target.result) ? String(e.target.result) : '';
            if (!resultado) {
                reject(new Error('Falha ao ler a imagem.'));
                return;
            }

            const img = new Image();
            img.onload = function() {
                try {
                    const lado = Math.min(img.width, img.height);
                    const origemX = Math.floor((img.width - lado) / 2);
                    const origemY = Math.floor((img.height - lado) / 2);
                    const tamanhoFinal = 640;

                    const canvas = document.createElement('canvas');
                    canvas.width = tamanhoFinal;
                    canvas.height = tamanhoFinal;

                    const ctx = canvas.getContext('2d');
                    if (!ctx) {
                        reject(new Error('Falha ao processar a imagem (canvas indisponível).'));
                        return;
                    }

                    ctx.drawImage(
                        img,
                        origemX,
                        origemY,
                        lado,
                        lado,
                        0,
                        0,
                        tamanhoFinal,
                        tamanhoFinal
                    );

                    let qualidade = 0.88;
                    let imagemFinal = canvas.toDataURL('image/jpeg', qualidade);
                    if (imagemFinal.length > 3_500_000) {
                        qualidade = 0.72;
                        imagemFinal = canvas.toDataURL('image/jpeg', qualidade);
                    }

                    resolve(imagemFinal);
                } catch (erroProcessamento) {
                    reject(erroProcessamento);
                }
            };
            img.onerror = function() {
                reject(new Error('Arquivo de imagem inválido ou corrompido.'));
            };
            img.src = resultado;
        };
        leitor.onerror = function() {
            reject(new Error('Falha ao ler arquivo de imagem.'));
        };
        leitor.readAsDataURL(arquivo);
    });

    inputArquivo.addEventListener('change', async function() {
        const arquivo = this.files && this.files[0];
        if (!arquivo) return;

        if (!arquivo.type.startsWith('image/')) {
            alert('Selecione um arquivo de imagem válido.');
            this.value = '';
            return;
        }

        const limite = 10 * 1024 * 1024;
        if (arquivo.size > limite) {
            alert('Imagem muito grande. Use um arquivo de até 10MB.');
            this.value = '';
            return;
        }

        try {
            const imagemFinal = await processarImagem(arquivo);
            inputData.value = imagemFinal;
            atualizarPreview(imagemFinal);
        } catch (erro) {
            alert(`Não foi possível processar a imagem: ${erro.message || erro}`);
            this.value = '';
            inputData.value = '';
            atualizarPreview('');
        }
    });

    if (btnRemover) {
        btnRemover.addEventListener('click', function() {
            inputArquivo.value = '';
            inputData.value = '';
            atualizarPreview('');
        });
    }
}

// Executa ao carregar a página
document.addEventListener('DOMContentLoaded', function() {
    calcularEstoqueEmbalagem();
    atualizarUnidadeComercial();
    inicializarUploadImagemProduto();
    toggleControleLoteInicial();

    const controlaLote = document.getElementById('controla_lote');
    if (controlaLote) {
        controlaLote.addEventListener('change', toggleControleLoteInicial);
    }
    
    // Evento Enter no campo de pesquisa de código de barras
    const pesquisaInput = document.getElementById('pesquisaCodigoBarras');
    if (pesquisaInput) {
        pesquisaInput.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                pesquisarCodigoBarras();
            }
        });
    }
    
    // === INTERCEPTAR ENTER NO CAMPO DE CÓDIGO DE BARRAS PRINCIPAL ===
    // Quando bipar, o leitor envia ENTER - interceptamos para pesquisar antes de submeter
    const codigoBarrasInput = document.getElementById('codigoBarras');
    if (codigoBarrasInput) {
        codigoBarrasInput.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();  // Impede submit do formulário
                e.stopPropagation();
                verificarERedirecionarSeExistir(this.value.trim());
            }
        });
    }
});

// === FUNÇÕES PARA ABA RTC (REFORMA TRIBUTÁRIA) ===

// Toggle campos de Imposto Seletivo
function toggleCamposIS() {
    const checkbox = document.getElementById('rtcIncideIS');
    const campoAliq = document.getElementById('campoAliqIS');
    const campoCategoria = document.getElementById('campoCategoriaIS');
    
    if (checkbox && checkbox.checked) {
        if (campoAliq) campoAliq.style.display = 'block';
        if (campoCategoria) campoCategoria.style.display = 'block';
    } else {
        if (campoAliq) campoAliq.style.display = 'none';
        if (campoCategoria) campoCategoria.style.display = 'none';
    }
}

// === PESQUISA E VALIDAÇÃO DE CÓDIGO DE BARRAS ===

// Verifica se código existe e redireciona para edição se encontrar
function verificarERedirecionarSeExistir(codigo) {
    if (!codigo) return;
    
    // Mostrar loading
    const feedbackDiv = document.getElementById('feedbackCodigoBarras');
    feedbackDiv.innerHTML = '<small class="text-muted"><i class="bi bi-hourglass-split"></i> Verificando...</small>';
    
    fetch(`/api/produto/buscar-por-codigo-barras?codigo=${encodeURIComponent(codigo)}`)
    .then(response => response.json())
    .then(data => {
        if (data.encontrado && data.produto) {
            // Produto encontrado - perguntar se quer abrir
            const confirmacao = confirm(
                `Produto já cadastrado!\n\n` +
                `Código: ${data.produto.codigo_produto}\n` +
                `Nome: ${data.produto.nome}\n` +
                `Preço: R$ ${(data.produto.valor_venda || 0).toFixed(2)}\n\n` +
                `Deseja abrir o cadastro deste produto?`
            );
            
            if (confirmacao) {
                // Redirecionar para edição do produto
                window.location.href = data.produto.url_editar;
            } else {
                // Usuário não quer editar - limpar o campo
                document.getElementById('codigoBarras').value = '';
                feedbackDiv.innerHTML = '';
                document.getElementById('codigoBarras').focus();
            }
        } else {
            // Código disponível - pode continuar cadastro
            feedbackDiv.innerHTML = `
                <small class="text-success">
                    <i class="bi bi-check-circle"></i> Código disponível - continue o cadastro
                </small>
            `;
            document.getElementById('codigoBarras').classList.add('is-valid');
            
            // Mover foco para o nome do produto
            const nomeInput = document.querySelector('input[name="nome"]');
            if (nomeInput) nomeInput.focus();
            
            // Remover feedback após 5 segundos
            setTimeout(() => {
                feedbackDiv.innerHTML = '';
                document.getElementById('codigoBarras').classList.remove('is-valid');
            }, 5000);
        }
    })
    .catch(error => {
        console.error('Erro:', error);
        feedbackDiv.innerHTML = '<small class="text-danger"><i class="bi bi-x-circle"></i> Erro ao verificar</small>';
    });
}

// Pesquisar produto por código de barras ou código interno (campo de pesquisa)
function pesquisarCodigoBarras() {
    const codigo = document.getElementById('pesquisaCodigoBarras').value.trim();
    const resultadoDiv = document.getElementById('resultadoPesquisa');
    
    if (!codigo) {
        resultadoDiv.style.display = 'none';
        return;
    }
    
    fetch(`/api/produto/buscar-por-codigo-barras?codigo=${encodeURIComponent(codigo)}`)
    .then(response => response.json())
    .then(data => {
        resultadoDiv.style.display = 'block';
        if (data.encontrado) {
            const produto = data.produto;
            const tipoLabel = data.tipo_encontrado === 'codigo_interno' ? 'Cód. Interno' : 'Cód. Barras';
            const tipoBadge = data.tipo_encontrado === 'codigo_interno' ? 'bg-primary' : 'bg-info';
            resultadoDiv.innerHTML = `
                <div class="alert alert-info mb-0 py-2">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <strong><i class="bi bi-box-seam"></i> Produto Encontrado</strong>
                            <span class="badge ${tipoBadge} ms-1">${tipoLabel}</span>
                            <span class="ms-2">#${produto.codigo_produto} - ${produto.nome}</span>
                            <span class="badge ${produto.ativo ? 'bg-success' : 'bg-secondary'} ms-2">
                                ${produto.ativo ? 'Ativo' : 'Inativo'}
                            </span>
                            <span class="text-muted ms-2">Estoque: ${produto.estoque_atual || 0}</span>
                            <span class="text-success ms-2">R$ ${(produto.valor_venda || 0).toFixed(2)}</span>
                        </div>
                        <a href="${produto.url_editar}" class="btn btn-sm btn-primary">
                            <i class="bi bi-pencil"></i> Editar
                        </a>
                    </div>
                </div>
            `;
        } else {
            resultadoDiv.innerHTML = `
                <div class="alert alert-warning mb-0 py-2">
                    <i class="bi bi-exclamation-triangle"></i> 
                    Nenhum produto encontrado com o código "${codigo}"
                </div>
            `;
        }
    })
    .catch(error => {
        console.error('Erro:', error);
        resultadoDiv.style.display = 'block';
        resultadoDiv.innerHTML = `
            <div class="alert alert-danger mb-0 py-2">
                <i class="bi bi-x-circle"></i> Erro ao pesquisar código
            </div>
        `;
    });
}

// Validar código de barras ao sair do campo (verifica duplicidade)
function validarCodigoBarras() {
    const codigo = document.getElementById('codigoBarras').value.trim();
    const feedbackDiv = document.getElementById('feedbackCodigoBarras');
    
    if (!codigo) {
        feedbackDiv.innerHTML = '';
        return;
    }
    
    fetch(`/api/produto/verificar-codigo-barras?codigo=${encodeURIComponent(codigo)}`)
    .then(response => response.json())
    .then(data => {
        if (data.encontrado) {
            // Código já existe em outro produto
            feedbackDiv.innerHTML = `
                <small class="text-danger">
                    <i class="bi bi-x-circle"></i> 
                    Código já usado no produto #${data.produto.codigo_produto} - ${data.produto.nome}
                    <a href="/produto/editar/${data.produto.id}" target="_blank" class="ms-1">
                        <i class="bi bi-box-arrow-up-right"></i>
                    </a>
                </small>
            `;
            document.getElementById('codigoBarras').classList.add('is-invalid');
            document.getElementById('codigoBarras').classList.remove('is-valid');
        } else {
            // Código disponível
            feedbackDiv.innerHTML = `
                <small class="text-success">
                    <i class="bi bi-check-circle"></i> Código disponível
                </small>
            `;
            document.getElementById('codigoBarras').classList.add('is-valid');
            document.getElementById('codigoBarras').classList.remove('is-invalid');
            
            // Remover feedback após 3 segundos
            setTimeout(() => {
                feedbackDiv.innerHTML = '';
                document.getElementById('codigoBarras').classList.remove('is-valid');
            }, 3000);
        }
    })
    .catch(error => {
        console.error('Erro:', error);
        feedbackDiv.innerHTML = `
            <small class="text-warning">
                <i class="bi bi-exclamation-triangle"></i> Erro ao verificar código
            </small>
        `;
    });
}

// Gerar código EAN-13 válido para uso interno
function gerarEAN13() {
    const codigoBarrasInput = document.getElementById('codigoBarras');
    
    // Se já tem código de barras, perguntar se quer substituir
    if (codigoBarrasInput.value && codigoBarrasInput.value.trim() !== '') {
        if (!confirm('Já existe um código de barras preenchido. Deseja substituí-lo?')) {
            return;
        }
    }
    
    fetch('/api/produto/gerar-ean13', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ produto_id: null })  // Novo produto, sem ID ainda
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            codigoBarrasInput.value = data.ean13;
            
            // Feedback visual
            codigoBarrasInput.classList.add('is-valid');
            setTimeout(() => codigoBarrasInput.classList.remove('is-valid'), 2000);
            
            // Atualizar mensagem
            const smallEl = codigoBarrasInput.closest('.mb-3').querySelector('small');
            if (smallEl) {
                smallEl.innerHTML = '<span class="text-success"><i class="bi bi-check-circle"></i> EAN-13 gerado!</span>';
            }
        } else {
            alert('Erro ao gerar código: ' + (data.error || 'Erro desconhecido'));
        }
    })
    .catch(error => {
        console.error('Erro:', error);
        alert('Erro ao gerar código de barras');
    });
}

// Calcula o preço de venda a partir do custo e margem
function calcularPrecoVenda() {
    const custo = parseFloat(document.getElementById('custoOperacao').value || 0);
    const margem = parseFloat(document.getElementById('margemLucro').value || 0);
    
    if (custo > 0 && margem > 0) {
        // Preço = Custo / (1 - Margem/100)
        const preco = custo / (1 - margem / 100);
        document.getElementById('valorBase').value = preco.toFixed(2);
    }
}

// Calcula a margem a partir do custo e preço de venda
function calcularMargem() {
    const valor = parseFloat(document.getElementById('valorBase').value || 0);
    const custo = parseFloat(document.getElementById('custoOperacao').value || 0);
    
    if (valor > 0 && custo > 0) {
        // Margem = ((Preço - Custo) / Preço) * 100
        const margem = ((valor - custo) / valor) * 100;
        document.getElementById('margemLucro').value = margem.toFixed(1);
        
        // Visual feedback
        const campo = document.getElementById('margemLucro');
        campo.classList.remove('border-danger', 'border-warning', 'border-success');
        if (margem < 20) {
            campo.classList.add('border-danger');
        } else if (margem < 40) {
            campo.classList.add('border-warning');
        } else {
            campo.classList.add('border-success');
        }
    }
}

// ==================== PREÇOS ====================
function inicializarPrecos() {
    const lista = document.getElementById('listaPrecos');
    if (!lista) return;
    lista.innerHTML = '';
    const dadosIniciais = precosIniciais.length ? precosIniciais : [{ nome: 'Preço Padrão', valor: '', forma_pagamento_id: null }];
    dadosIniciais.forEach(dados => adicionarLinhaPreco(dados));
    atualizarBotoesRemover();
    sincronizarValorBase();
    const botaoAdd = document.getElementById('btnAddPreco');
    if (botaoAdd) {
        botaoAdd.addEventListener('click', () => {
            adicionarLinhaPreco();
            atualizarBotoesRemover();
        });
    }
}

function criarSelectForma(formaSelecionada) {
    const select = document.createElement('select');
    select.className = 'form-select';
    select.name = 'preco_forma_id[]';
    const optionPadrao = document.createElement('option');
    optionPadrao.value = '';
    optionPadrao.textContent = 'Qualquer forma';
    select.appendChild(optionPadrao);
    (formasPagamentoDisponiveis || []).forEach(fp => {
        const option = document.createElement('option');
        option.value = fp.id;
        option.textContent = `${fp.nome} (${fp.codigo_fiscal})`;
        if (formaSelecionada && parseInt(formaSelecionada) === fp.id) {
            option.selected = true;
        }
        select.appendChild(option);
    });
    return select;
}

function adicionarLinhaPreco(dados = {}) {
    const lista = document.getElementById('listaPrecos');
    if (!lista) return;
    const item = document.createElement('div');
    item.className = 'preco-item row g-2 align-items-end mb-2';
    item.innerHTML = `
        <div class="col-md-4">
            <label class="form-label">Descrição</label>
            <input type="text" class="form-control" name="preco_nome[]" placeholder="Ex: À vista">
        </div>
        <div class="col-md-3">
            <label class="form-label">Valor (R$)</label>
            <input type="number" class="form-control" name="preco_valor[]" step="0.01" min="0">
        </div>
        <div class="col-md-3">
            <label class="form-label">Forma Pagamento</label>
            <div class="forma-wrapper"></div>
        </div>
        <div class="col-md-2 text-end">
            <button type="button" class="btn btn-outline-danger btn-remove-preco w-100">
                <i class="bi bi-trash"></i>
            </button>
        </div>
    `;
    lista.appendChild(item);
    const inputNome = item.querySelector('input[name="preco_nome[]"]');
    if (inputNome && dados.nome) inputNome.value = dados.nome;
    const inputValor = item.querySelector('input[name="preco_valor[]"]');
    if (inputValor && (dados.valor || dados.valor === 0)) inputValor.value = dados.valor;
    const wrapper = item.querySelector('.forma-wrapper');
    if (wrapper) wrapper.appendChild(criarSelectForma(dados.forma_pagamento_id));
    if (inputValor) {
        inputValor.addEventListener('input', sincronizarValorBase);
        inputValor.dispatchEvent(new Event('input'));
    }
    item.querySelector('.btn-remove-preco').addEventListener('click', () => {
        if (document.querySelectorAll('#listaPrecos .preco-item').length <= 1) return;
        item.remove();
        atualizarBotoesRemover();
        sincronizarValorBase();
    });
}

function atualizarBotoesRemover() {
    const itens = document.querySelectorAll('#listaPrecos .preco-item');
    itens.forEach(btnContainer => {
        const botao = btnContainer.querySelector('.btn-remove-preco');
        if (botao) botao.disabled = itens.length <= 1;
    });
}

function sincronizarValorBase() {
    const primeiroValor = document.querySelector('#listaPrecos .preco-item input[name="preco_valor[]"]');
    const campoBase = document.getElementById('valorBase');
    if (primeiroValor && campoBase) {
        campoBase.value = primeiroValor.value || 0;
        calcularMargem();
    }
}

// ==================== EMBALAGENS ====================
function adicionarEmbalagem(dados = {}) {
    const container = document.getElementById('listaEmbalagens');
    if (!container) return;
    
    embalagemCount++;
    const idx = embalagemCount;
    
    const div = document.createElement('div');
    div.className = 'embalagem-item border rounded p-3 mb-2 bg-light';
    div.id = `embalagem-row-${idx}`;
    
    let optionsEmbalagem = '<option value="">Selecione...</option>';
    embalagensDisponiveis.forEach(emb => {
        const multiplicador = emb.multiplicador || 1;
        const selected = (dados.embalagem_id && dados.embalagem_id == emb.id) ? 'selected' : '';
        optionsEmbalagem += `<option value="${emb.id}" data-multiplicador="${multiplicador}" ${selected}>
            ${emb.nome} (${emb.sigla}) - x${multiplicador}
        </option>`;
    });
    
    div.innerHTML = `
        <input type="hidden" name="emb_id[]" value="">
        <div class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label">Embalagem</label>
                <select class="form-select" name="emb_embalagem_id[]" onchange="atualizarMultiplicadorEmbalagem(this)">
                    ${optionsEmbalagem}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label">Multiplicador</label>
                <input type="number" class="form-control" name="emb_multiplicador[]" 
                       step="1" min="1" value="${dados.multiplicador || 1}" readonly>
            </div>
            <div class="col-md-2">
                <label class="form-label">Preço (R$)</label>
                <input type="number" class="form-control" name="emb_preco_venda[]" 
                       step="0.01" min="0" value="${dados.preco_venda || ''}">
            </div>
            <div class="col-md-3">
                <label class="form-label">Código de Barras</label>
                <input type="text" class="form-control" name="emb_codigo_barras[]" 
                       maxlength="20" value="${dados.codigo_barras || ''}">
            </div>
            <div class="col-md-1">
                <label class="form-label">Padrão</label>
                <div class="form-check">
                    <input type="radio" class="form-check-input" name="emb_padrao" 
                           value="${idx}" ${dados.padrao ? 'checked' : ''}>
                </div>
            </div>
            <div class="col-md-1 text-end">
                <button type="button" class="btn btn-outline-danger btn-sm" onclick="removerEmbalagem(${idx})">
                    <i class="bi bi-trash"></i>
                </button>
            </div>
        </div>
    `;
    
    container.appendChild(div);
}

function removerEmbalagem(idx) {
    const row = document.getElementById(`embalagem-row-${idx}`);
    if (row) row.remove();
}

function atualizarMultiplicadorEmbalagem(selectElement) {
    const selectedOption = selectElement.options[selectElement.selectedIndex];
    const multiplicador = selectedOption.dataset.multiplicador || 1;
    const row = selectElement.closest('.embalagem-item');
    if (row) {
        const multiplicadorInput = row.querySelector('input[name="emb_multiplicador[]"]');
        if (multiplicadorInput) multiplicadorInput.value = multiplicador;
    }
}

// =============================================================================
// FUNÇÕES DE BUSCA CEST × NCM (Convênio ICMS 142/2018) - BASE LEGAL E ST
// =============================================================================

async function buscarCestPorNCM(ncm, autoPreenchimento = true, options = {}) {
    const ncmLimpo = ncm.replace(/\D/g, '');
    const panel = document.getElementById('cestInfoPanel');
    const content = document.getElementById('cestInfoContent');
    const cestInput = document.getElementById('cestInput');
    const opcoesReferencia = options.referencia || {};
    
    if (ncmLimpo.length !== 8) {
        if (panel) panel.classList.add('d-none');
        return;
    }
    
    try {
        const response = await fetch(`/api/fiscal/buscar-cest/${ncmLimpo}`);
        const data = await response.json();
        
        if (!data.sucesso) {
            mostrarErroCest(data.mensagem);
            return;
        }
        
        if (data.resultados.length === 0) {
            content.innerHTML = `
                <p class="mb-0 text-muted">
                    <i class="bi bi-exclamation-circle"></i>
                    Nenhum CEST encontrado para o NCM <strong>${formatarNCM(ncmLimpo)}</strong>
                </p>
                <small class="text-muted">Este NCM pode não estar sujeito à Substituição Tributária</small>
            `;
            panel.classList.remove('d-none', 'alert-success', 'alert-warning');
            panel.classList.add('alert-info');
            await buscarReferenciaFiscalMesmoNcm(ncmLimpo, opcoesReferencia);
            return;
        }
        
        // Montar HTML com resultados
        let html = '';
        
        if (data.resultados.length === 1) {
            // Apenas 1 resultado - preenche automaticamente
            const r = data.resultados[0];
            if (autoPreenchimento && cestInput) {
                cestInput.value = r.cest;
            }

            // Marcar produto ST automaticamente quando ST BA estiver ativa
            if (autoPreenchimento && r.st_ba) {
                aplicarCstSubstituicao(r.csosn_sugerido || r.cst_sugerido || null);
            }
            html = `
                <div class="row">
                    <div class="col-md-3">
                        <strong>CEST:</strong><br>
                        <span class="badge bg-primary fs-6">${r.cest_formatado}</span>
                    </div>
                    <div class="col-md-3">
                        <strong>Segmento:</strong><br>
                        ${r.segmento}
                    </div>
                    <div class="col-md-6">
                        <strong>Descrição:</strong><br>
                        <small>${r.descricao}</small>
                    </div>
                </div>
                <div class="mt-2">
                    <small class="text-muted">
                        <i class="bi bi-journal-text"></i> <strong>Base Legal:</strong> ${r.base_legal}
                        ${r.anexo ? ' - ' + r.anexo : ''}
                        ${r.st_ba ? ' | <span class="text-warning fw-semibold">ST BA: Sim</span>' : ''}
                    </small>
                </div>
            `;
            panel.classList.remove('d-none', 'alert-info', 'alert-warning');
            panel.classList.add('alert-success');
        } else {
            // Múltiplos resultados - deixa usuário escolher
            html = `
                <p class="mb-2">
                    <strong>${data.resultados.length} CEST encontrados</strong> para o NCM ${formatarNCM(ncmLimpo)}. 
                    Selecione o mais adequado:
                </p>
                <div class="table-responsive" style="max-height: 200px; overflow-y: auto;">
                    <table class="table table-sm table-hover mb-0">
                        <thead class="table-light">
                            <tr>
                                <th style="width: 100px;">CEST</th>
                                <th>Segmento</th>
                                <th>Descrição</th>
                                <th style="width: 60px;"></th>
                            </tr>
                        </thead>
                        <tbody>
            `;
            data.resultados.forEach(r => {
                html += `
                    <tr title="Base Legal: ${escapeHtml(r.base_legal || '')}">
                        <td><code>${r.cest_formatado}</code></td>
                        <td><small>${r.segmento}${r.st_ba ? ' <span class="badge bg-warning text-dark ms-1">ST BA</span>' : ''}</small></td>
                        <td><small>${truncarTexto(r.descricao, 80)}</small></td>
                        <td>
                            <button type="button" class="btn btn-sm btn-outline-primary" 
                                    onclick="selecionarCest('${r.cest}', '${escapeHtml(r.segmento)}', '${escapeHtml(r.base_legal || '')}', ${r.st_ba ? 'true' : 'false'})">
                                <i class="bi bi-check"></i>
                            </button>
                        </td>
                    </tr>
                `;
            });
            html += `
                        </tbody>
                    </table>
                </div>
            `;
            panel.classList.remove('d-none', 'alert-success', 'alert-info');
            panel.classList.add('alert-warning');
        }
        
        content.innerHTML = html;
        await buscarReferenciaFiscalMesmoNcm(ncmLimpo, opcoesReferencia);
        
    } catch (error) {
        console.error('Erro ao buscar CEST:', error);
        mostrarErroCest('Erro de conexão ao buscar CEST');
        await buscarReferenciaFiscalMesmoNcm(ncmLimpo, opcoesReferencia);
    }
}

function selecionarCest(cest, segmento, baseLegal, stBa = false) {
    const cestInput = document.getElementById('cestInput');
    const panel = document.getElementById('cestInfoPanel');
    const content = document.getElementById('cestInfoContent');
    
    if (cestInput) {
        cestInput.value = cest;
    }
    
    content.innerHTML = `
        <div class="row">
            <div class="col-md-4">
                <strong>CEST Selecionado:</strong><br>
                <span class="badge bg-success fs-6">${formatarCEST(cest)}</span>
            </div>
            <div class="col-md-4">
                <strong>Segmento:</strong><br>
                ${segmento}
            </div>
            <div class="col-md-4">
                <strong>Base Legal:</strong><br>
                <small>${baseLegal}</small>
            </div>
        </div>
    `;
    panel.classList.remove('alert-warning', 'alert-info');
    panel.classList.add('alert-success');

    if (stBa) {
        aplicarCstSubstituicao(null);
    }
}

async function validarCest(cest) {
    const cestLimpo = cest.replace(/\D/g, '');
    const panel = document.getElementById('cestInfoPanel');
    const content = document.getElementById('cestInfoContent');
    
    if (cestLimpo.length !== 7) {
        if (panel) panel.classList.add('d-none');
        return;
    }
    
    try {
        const response = await fetch(`/api/fiscal/validar-cest/${cestLimpo}`);
        const data = await response.json();
        
        if (data.sucesso && data.valido) {
            content.innerHTML = `
                <div class="row">
                    <div class="col-md-3">
                        <strong>CEST:</strong><br>
                        <span class="badge bg-success fs-6">${data.cest_formatado}</span>
                    </div>
                    <div class="col-md-3">
                        <strong>Segmento:</strong><br>
                        ${data.segmento}
                    </div>
                    <div class="col-md-6">
                        <strong>Descrição:</strong><br>
                        <small>${data.descricao}</small>
                    </div>
                </div>
                <div class="mt-2">
                    <small class="text-muted">
                        <i class="bi bi-journal-text"></i> <strong>Base Legal:</strong> ${data.base_legal}
                        ${data.anexo ? ' - ' + data.anexo : ''}
                        ${data.st_ba ? ' | <span class="text-warning fw-semibold">ST BA: Sim</span>' : ''}
                    </small>
                </div>
            `;
            panel.classList.remove('d-none', 'alert-info', 'alert-warning');
            panel.classList.add('alert-success');

            if (data.st_ba) {
                aplicarCstSubstituicao(data.csosn_sugerido || data.cst_sugerido || null);
            }
        } else {
            content.innerHTML = `
                <p class="mb-0 text-danger">
                    <i class="bi bi-x-circle"></i>
                    CEST <strong>${formatarCEST(cestLimpo)}</strong> não encontrado na base de dados
                </p>
            `;
            panel.classList.remove('d-none', 'alert-success', 'alert-info');
            panel.classList.add('alert-warning');
        }
    } catch (error) {
        console.error('Erro ao validar CEST:', error);
    }
}

function mostrarErroCest(mensagem) {
    const panel = document.getElementById('cestInfoPanel');
    const content = document.getElementById('cestInfoContent');
    
    content.innerHTML = `<p class="mb-0 text-danger"><i class="bi bi-x-circle"></i> ${mensagem}</p>`;
    panel.classList.remove('d-none', 'alert-success', 'alert-info');
    panel.classList.add('alert-warning');
}

function fecharPainelCest() {
    const panel = document.getElementById('cestInfoPanel');
    if (panel) panel.classList.add('d-none');
}

function aplicarCstSubstituicao(cst) {
    const cstSelect = document.getElementById('cstIcms');
    if (!cstSelect) return;

    let cstDestino = cst;
    if (!cstDestino) {
        const atual = cstSelect.value || '';
        const isSimples = atual.length === 3 && parseInt(atual) >= 100;
        cstDestino = isSimples ? '500' : '60';
    }

    cstSelect.value = cstDestino;
    cstSelect.classList.add('border-success');
    setTimeout(() => cstSelect.classList.remove('border-success'), 2000);
}

// Consultar informações do NCM na TIPI
async function consultarNCM() {
    const ncmInput = document.getElementById('ncmInput');
    const panel = document.getElementById('ncmInfoPanel');
    const content = document.getElementById('ncmInfoContent');
    
    if (!ncmInput || !ncmInput.value) {
        alert('Digite um NCM válido (8 dígitos)');
        ncmInput?.focus();
        return;
    }
    
    const ncmLimpo = ncmInput.value.replace(/\D/g, '');
    
    if (ncmLimpo.length !== 8) {
        alert('NCM deve ter 8 dígitos');
        ncmInput.focus();
        return;
    }
    
    try {
        content.innerHTML = '<div class="text-center"><span class="spinner-border spinner-border-sm"></span> Consultando TIPI...</div>';
        panel.classList.remove('d-none', 'alert-success', 'alert-danger');
        panel.classList.add('alert-info');
        
        const response = await fetch(`/api/fiscal/tipi/${ncmLimpo}`);
        const data = await response.json();
        
        if (data.sucesso && data.valido) {
            let html = `
                <div class="row">
                    <div class="col-md-2">
                        <strong>NCM:</strong><br>
                        <span class="badge bg-info fs-6">${formatarNCM(ncmLimpo)}</span>
                    </div>
                    <div class="col-md-2">
                        <strong>Capítulo:</strong><br>
                        ${data.capitulo || '-'}
                    </div>
                    <div class="col-md-6">
                        <strong>Descrição:</strong><br>
                        ${data.descricao || '-'}
                    </div>
                    <div class="col-md-2">
                        <strong>Alíquota IPI:</strong><br>
                        <span class="badge bg-secondary">${data.aliquota_ipi || '0'}%</span>
                    </div>
                </div>
            `;
            
            // Mostrar exceções tarifárias (se houver)
            if (data.excecoes && data.excecoes.length > 0) {
                html += `
                    <hr class="my-2">
                    <div class="mt-2">
                        <strong>Exceções Tarifárias (EX):</strong>
                        <div class="table-responsive mt-2">
                            <table class="table table-sm table-striped mb-0">
                                <thead>
                                    <tr>
                                        <th>EX</th>
                                        <th>Descrição</th>
                                        <th>Alíquota IPI</th>
                                    </tr>
                                </thead>
                                <tbody>
                `;
                data.excecoes.forEach(ex => {
                    html += `
                        <tr>
                            <td><code>${ex.ex}</code></td>
                            <td><small>${ex.descricao}</small></td>
                            <td><span class="badge bg-secondary">${ex.aliquota_ipi}%</span></td>
                        </tr>
                    `;
                });
                html += `
                                </tbody>
                            </table>
                        </div>
                    </div>
                `;
            }
            
            content.innerHTML = html;
            panel.classList.remove('alert-info', 'alert-danger');
            panel.classList.add('alert-success');
        } else {
            content.innerHTML = `
                <p class="mb-0 text-warning">
                    <i class="bi bi-exclamation-triangle"></i>
                    NCM <strong>${formatarNCM(ncmLimpo)}</strong> não encontrado na Tabela TIPI
                </p>
                <small class="text-muted">Verifique se o código está correto ou consulte a Receita Federal</small>
            `;
            panel.classList.remove('alert-info', 'alert-success');
            panel.classList.add('alert-warning');
        }
    } catch (error) {
        console.error('Erro ao consultar NCM:', error);
        content.innerHTML = `
            <p class="mb-0 text-danger">
                <i class="bi bi-x-circle"></i>
                Erro ao consultar NCM: ${error.message}
            </p>
        `;
        panel.classList.remove('alert-info', 'alert-success');
        panel.classList.add('alert-danger');
    }
}

function formatarNCM(ncm) {
    if (!ncm || ncm.length !== 8) return ncm;
    return `${ncm.substring(0,4)}.${ncm.substring(4,6)}.${ncm.substring(6,8)}`;
}

function formatarCEST(cest) {
    if (!cest || cest.length !== 7) return cest;
    return `${cest.substring(0,2)}.${cest.substring(2,5)}.${cest.substring(5,7)}`;
}

function obterConfiguracaoPendenciasProduto() {
    return [
        { label: 'Embalagem', selector: '#embalagemPrincipal', tabId: 'cadastro' },
        { label: 'Valor de venda maior que zero', selector: '#valorBase', tabId: 'cadastro', validate: (el) => parseFloat(el.value || 0) > 0 },
        { label: 'NCM válido (8 dígitos)', selector: '#ncmInput', tabId: 'fiscal', validate: (el) => (el.value || '').replace(/\D/g, '').length === 8 && (el.value || '').replace(/\D/g, '') !== '00000000' },
        { label: 'CFOP', selector: '#cfop', tabId: 'fiscal' },
        { label: 'Origem da mercadoria', selector: 'select[name="origem"]', tabId: 'fiscal' },
        { label: 'CST ICMS', selector: '#cstIcms', tabId: 'fiscal' },
        { label: 'CST IPI', selector: '#cstIpi', tabId: 'fiscal' },
        { label: 'Alíquota IPI', selector: '#aliquotaIpi', tabId: 'fiscal', validate: (el) => el.value !== '' },
        { label: 'Enquadramento IPI', selector: '#enquadramentoIpi', tabId: 'fiscal' },
        { label: 'Alíquota FCP', selector: '#aliquotaFcp', tabId: 'fiscal', validate: (el) => el.value !== '' },
        { label: 'CST PIS', selector: '#cstPis', tabId: 'fiscal' },
        { label: 'Alíquota PIS', selector: '#aliquotaPis', tabId: 'fiscal', validate: (el) => el.value !== '' },
        { label: 'CST COFINS', selector: '#cstCofins', tabId: 'fiscal' },
        { label: 'Alíquota COFINS', selector: '#aliquotaCofins', tabId: 'fiscal', validate: (el) => el.value !== '' }
    ];
}

function coletarPendenciasObrigatoriasProduto() {
    return obterConfiguracaoPendenciasProduto().map((campo) => {
        const element = document.querySelector(campo.selector);
        const valido = element && (campo.validate ? campo.validate(element) : String(element.value || '').trim() !== '');
        return { ...campo, element, valido: !!valido };
    }).filter((campo) => !campo.valido);
}

function ativarAbaProduto(tabId) {
    if (!tabId) return;
    const botao = document.querySelector(`button[data-bs-target="#${tabId}"]`);
    if (botao) botao.click();
}

function atualizarPainelObrigatoriosProduto() {
    const painel = document.getElementById('alertasObrigatoriosProduto');
    const resumo = document.getElementById('alertasObrigatoriosResumoProduto');
    const lista = document.getElementById('alertasObrigatoriosListaProduto');
    const pendencias = coletarPendenciasObrigatoriasProduto();

    produtoCadastroContexto.primeiraPendenciaAtual = pendencias[0] || null;

    if (!painel || !resumo || !lista) return pendencias;

    if (!pendencias.length) {
        painel.classList.add('d-none');
        resumo.innerHTML = '<span class="text-success"><i class="bi bi-check-circle"></i> Cadastro pronto: campos obrigatórios preenchidos.</span>';
        lista.innerHTML = '';
        return pendencias;
    }

    painel.classList.remove('d-none');
    resumo.innerHTML = `Faltam <strong>${pendencias.length}</strong> campo(s) obrigatório(s) para concluir o cadastro e a aba fiscal.`;
    lista.innerHTML = pendencias.map((pendencia) => `<li><strong>${pendencia.label}</strong> <span class="text-muted">• aba ${pendencia.tabId === 'cadastro' ? 'Cadastro' : 'Fiscal'}</span></li>`).join('');
    return pendencias;
}

function focarPrimeiraPendenciaProduto() {
    const pendencia = produtoCadastroContexto.primeiraPendenciaAtual || coletarPendenciasObrigatoriasProduto()[0];
    if (!pendencia) return;
    ativarAbaProduto(pendencia.tabId);
    setTimeout(() => {
        if (pendencia.element && typeof pendencia.element.focus === 'function') {
            pendencia.element.focus();
        }
    }, 120);
}

function normalizarNumeroFiscalProduto(valor) {
    const numero = Number(valor);
    return Number.isFinite(numero) ? numero : 0;
}

function normalizarNcmProduto(valor) {
    return String(valor || '').replace(/\D/g, '');
}

function atualizarEstadoInteracaoNcm(valor) {
    const ncmAtual = normalizarNcmProduto(valor);
    const ncmInicial = produtoCadastroContexto.ncmInicial || '';
    const houveAlteracao = ncmAtual !== ncmInicial;

    produtoCadastroContexto.usuarioAlterouNcm = houveAlteracao;

    if (houveAlteracao) {
        produtoCadastroContexto.ultimoNcmIgnorado = null;
        if (produtoCadastroContexto.ultimoNcmConsultado !== ncmAtual) {
            produtoCadastroContexto.ultimoNcmConsultado = null;
        }
        return;
    }

    produtoCadastroContexto.referenciaFiscalAtual = null;
    atualizarResumoReferenciaFiscalNcm(null);
}

function atualizarResumoReferenciaFiscalNcm(referencia) {
    const painel = document.getElementById('painelReferenciaFiscalNcm');
    const resumo = document.getElementById('painelReferenciaFiscalNcmResumo');
    if (!painel || !resumo) return;

    if (!referencia) {
        painel.classList.add('d-none');
        resumo.innerHTML = '';
        return;
    }

    const produto = referencia.produto || {};
    const fiscal = referencia.fiscal || {};
    const embalagemTexto = produto.embalagem_nome ? ` • Embalagem: <strong>${produto.embalagem_nome}${produto.embalagem_sigla ? ' (' + produto.embalagem_sigla + ')' : ''}</strong>` : '';
    resumo.innerHTML = `Produto <strong>#${produto.codigo_produto || produto.codigo_barras || produto.referencia || 'Sem código'}</strong> - ${produto.nome || 'Sem nome'} já usa este NCM.${embalagemTexto}<br><span class="text-muted">CFOP ${fiscal.cfop || '-'} • ICMS ${fiscal.cst_icms || '-'} • PIS ${fiscal.cst_pis || '-'} • COFINS ${fiscal.cst_cofins || '-'}</span>`;
    painel.classList.remove('d-none');
}

function aplicarReferenciaFiscalNcmAtual() {
    const referencia = produtoCadastroContexto.referenciaFiscalAtual;
    if (!referencia) return;

    const fiscal = referencia.fiscal || {};
    const produto = referencia.produto || {};
    const setValue = (selector, value) => {
        const field = document.querySelector(selector);
        if (field && value !== undefined && value !== null) {
            field.value = value;
            field.dispatchEvent(new Event('change', { bubbles: true }));
        }
    };

    if (produto.embalagem_id) setValue('#embalagemPrincipal', produto.embalagem_id);
    if (fiscal.ncm) setValue('#ncmInput', fiscal.ncm);
    setValue('#cestInput', fiscal.cest || '');
    setValue('#cfopId', fiscal.cfop_id || '');
    setValue('#cfop', fiscal.cfop || '');
    setValue('select[name="origem"]', fiscal.origem || '0');
    setValue('#cstIcms', fiscal.cst_icms || '');
    setValue('#cstIpi', fiscal.cst_ipi || '');
    setValue('#aliquotaIpi', normalizarNumeroFiscalProduto(fiscal.aliquota_ipi));
    setValue('#enquadramentoIpi', fiscal.enquadramento_ipi || '');
    setValue('#aliquotaFcp', normalizarNumeroFiscalProduto(fiscal.aliquota_fcp));
    setValue('#cstPis', fiscal.cst_pis || '');
    setValue('#aliquotaPis', normalizarNumeroFiscalProduto(fiscal.aliquota_pis));
    setValue('#cstCofins', fiscal.cst_cofins || '');
    setValue('#aliquotaCofins', normalizarNumeroFiscalProduto(fiscal.aliquota_cofins));
    setValue('#rtcCstSaida', fiscal.rtc_cst_saida || '');
    setValue('#rtcCstEntrada', fiscal.rtc_cst_entrada || '');
    setValue('[name="rtc_aliq_ibs"]', normalizarNumeroFiscalProduto(fiscal.rtc_aliq_ibs));
    setValue('[name="rtc_aliq_cbs"]', normalizarNumeroFiscalProduto(fiscal.rtc_aliq_cbs));
    setValue('[name="rtc_reducao_ibs"]', normalizarNumeroFiscalProduto(fiscal.rtc_reducao_ibs));
    setValue('[name="rtc_reducao_cbs"]', normalizarNumeroFiscalProduto(fiscal.rtc_reducao_cbs));

    const incideIs = document.getElementById('rtcIncideIS');
    if (incideIs) {
        incideIs.checked = !!fiscal.rtc_incide_is;
        incideIs.dispatchEvent(new Event('change', { bubbles: true }));
    }

    setValue('[name="rtc_aliq_is"]', normalizarNumeroFiscalProduto(fiscal.rtc_aliq_is));
    setValue('#rtcCodigoIS', fiscal.rtc_codigo_is || '');
    setValue('[name="rtc_regime_especifico"]', fiscal.rtc_regime_especifico || '');
    setValue('[name="rtc_beneficio_fiscal"]', fiscal.rtc_beneficio_fiscal || '');

    const perfilSelect = document.getElementById('perfilTributarioSelect');
    if (perfilSelect && fiscal.perfil_tributario_id) {
        perfilSelect.value = String(fiscal.perfil_tributario_id);
    }

    atualizarUnidadeComercial();
    toggleCamposIS();
    atualizarPainelObrigatoriosProduto();
    Swal.fire({ icon: 'success', title: 'Parâmetros aplicados', text: `Os parâmetros fiscais do produto ${produto.nome || produto.codigo_produto || ''} foram trazidos para este cadastro.` });
}

async function buscarReferenciaFiscalMesmoNcm(ncm, options = {}) {
    const ncmLimpo = String(ncm || '').replace(/\D/g, '');
    const ncmInicial = produtoCadastroContexto.ncmInicial || '';
    const houveAlteracaoNcm = produtoCadastroContexto.usuarioAlterouNcm || ncmLimpo !== ncmInicial;
    const deveExibirSugestao = options.exibirResumo ?? options.forcePrompt ?? houveAlteracaoNcm;

    if (ncmLimpo.length !== 8 || ncmLimpo === '00000000') {
        produtoCadastroContexto.referenciaFiscalAtual = null;
        atualizarResumoReferenciaFiscalNcm(null);
        return;
    }

    if (produtoCadastroContexto.ultimoNcmConsultado === ncmLimpo && !options.force) {
        return;
    }

    produtoCadastroContexto.ultimoNcmConsultado = ncmLimpo;

    try {
        const response = await fetch(`/api/produtos/referencia-fiscal-por-ncm?ncm=${encodeURIComponent(ncmLimpo)}`);
        if (!response.ok) {
            produtoCadastroContexto.referenciaFiscalAtual = null;
            atualizarResumoReferenciaFiscalNcm(null);
            return;
        }

        const data = await response.json();
        if (!data.encontrado || !data.referencia) {
            produtoCadastroContexto.referenciaFiscalAtual = null;
            atualizarResumoReferenciaFiscalNcm(null);
            return;
        }

        if (!deveExibirSugestao) {
            produtoCadastroContexto.referenciaFiscalAtual = null;
            atualizarResumoReferenciaFiscalNcm(null);
            return;
        }

        produtoCadastroContexto.referenciaFiscalAtual = data.referencia;
        atualizarResumoReferenciaFiscalNcm(data.referencia);

        if (produtoCadastroContexto.ultimoNcmIgnorado === ncmLimpo && !options.forcePrompt) {
            return;
        }

        const produto = data.referencia.produto || {};
        const result = await Swal.fire({
            icon: 'question',
            title: 'NCM já utilizado',
            html: `O NCM <strong>${ncmLimpo}</strong> já está no produto <strong>#${produto.codigo_produto || produto.codigo_barras || produto.referencia || 'Sem código'}</strong> - ${produto.nome}.<br><br>Deseja trazer embalagem e parâmetros fiscais desse item para o novo cadastro?`,
            showCancelButton: true,
            confirmButtonText: 'Sim, trazer parâmetros',
            cancelButtonText: 'Agora não'
        });

        if (result.isConfirmed) {
            aplicarReferenciaFiscalNcmAtual();
        } else {
            produtoCadastroContexto.ultimoNcmIgnorado = ncmLimpo;
        }
    } catch (error) {
        console.error('Erro ao buscar referência fiscal por NCM:', error);
    }
}

function truncarTexto(texto, tamanhoMax) {
    if (!texto) return '';
    return texto.length > tamanhoMax ? texto.substring(0, tamanhoMax) + '...' : texto;
}

function escapeHtml(text) {
    if (!text) return '';
    const div = document.createElement('div');
    div.textContent = text;
    return div.innerHTML;
}

// ==================== VALIDAÇÃO DE FORMULÁRIO ====================

function validarFormulario(event) {
    const erros = [];
    const avisos = [];
    
    // Campos obrigatórios
    const nome = document.querySelector('[name="nome"]');
    if (!nome || !nome.value.trim()) {
        erros.push('❌ Nome do produto é obrigatório');
    }
    
    const empresaId = document.querySelector('[name="empresa_id"]');
    if (!empresaId || !empresaId.value) {
        erros.push('❌ Empresa é obrigatória');
    }
    
    const unidadeComercial = document.querySelector('[name="unidade_comercial"]');
    if (!unidadeComercial || !unidadeComercial.value) {
        erros.push('❌ Unidade comercial é obrigatória');
    }
    
    // Validação de valores
    const valorBase = parseFloat(document.querySelector('[name="valor_venda"]')?.value || 0);
    if (valorBase <= 0) {
        erros.push('❌ Valor de venda deve ser maior que zero');
    }
    
    const custoOperacao = parseFloat(document.querySelector('[name="custo_operacao"]')?.value || 0);
    if (custoOperacao <= 0) {
        avisos.push('⚠️  Custo de operação está zerado');
    }
    
    // Validação fiscal básica
    const embalagem = document.querySelector('[name="embalagem_id"]');
    if (!embalagem || !embalagem.value) {
        erros.push('❌ Embalagem é obrigatória');
    }

    const ncm = document.querySelector('[name="ncm"]');
    if (!ncm || !ncm.value || ncm.value.replace(/\D/g, '').length !== 8) {
        erros.push('❌ NCM inválido (deve ter 8 dígitos)');
    }
    
    const cfop = document.querySelector('[name="cfop"]');
    if (!cfop || !cfop.value) {
        erros.push('❌ CFOP é obrigatório');
    }

    const fiscaisObrigatorios = [
        ['Origem da mercadoria', 'select[name="origem"]'],
        ['CST ICMS', '#cstIcms'],
        ['CST IPI', '#cstIpi'],
        ['Enquadramento IPI', '#enquadramentoIpi'],
        ['CST PIS', '#cstPis'],
        ['CST COFINS', '#cstCofins'],
        ['Alíquota IPI', '#aliquotaIpi'],
        ['Alíquota FCP', '#aliquotaFcp'],
        ['Alíquota PIS', '#aliquotaPis'],
        ['Alíquota COFINS', '#aliquotaCofins']
    ];

    fiscaisObrigatorios.forEach(([rotulo, selector]) => {
        const campo = document.querySelector(selector);
        if (!campo || String(campo.value || '').trim() === '') {
            erros.push(`❌ ${rotulo} é obrigatório`);
        }
    });

    const pendenciasPainel = atualizarPainelObrigatoriosProduto();
    if (pendenciasPainel.length) {
        const primeira = pendenciasPainel[0];
        if (primeira) {
            ativarAbaProduto(primeira.tabId);
        }
    }
    
    // Mostrar erros se houver
    if (erros.length > 0 || avisos.length > 0) {
        event.preventDefault();
        
        let mensagem = '<div style="text-align: left;">';
        
        if (erros.length > 0) {
            mensagem += '<h6 class="text-danger mb-2">Erros que impedem o cadastro:</h6>';
            mensagem += '<ul class="mb-3">';
            erros.forEach(erro => {
                mensagem += `<li>${erro}</li>`;
            });
            mensagem += '</ul>';
        }
        
        if (avisos.length > 0) {
            mensagem += '<h6 class="text-warning mb-2">Avisos importantes:</h6>';
            mensagem += '<ul>';
            avisos.forEach(aviso => {
                mensagem += `<li>${aviso}</li>`;
            });
            mensagem += '</ul>';
        }
        
        if (erros.length > 0) {
            mensagem += '<p class="mt-3 mb-0"><strong>Corrija os erros acima e tente novamente.</strong></p>';
        } else {
            mensagem += '<p class="mt-3 mb-0">Deseja continuar mesmo assim?</p>';
            mensagem += '<button type="button" class="btn btn-warning mt-2" onclick="salvarForcado()">Sim, cadastrar mesmo assim</button>';
        }
        
        mensagem += '</div>';
        
        Swal.fire({
            title: erros.length > 0 ? 'Campos obrigatórios não preenchidos' : 'Atenção',
            html: mensagem,
            icon: erros.length > 0 ? 'error' : 'warning',
            confirmButtonText: 'OK',
            width: '600px'
        });
        
        return false;
    }
    
    return true;
}

function salvarForcado() {
    Swal.close();
    const form = document.querySelector('form');
    if (form) {
        // Remove validação temporariamente
        form.removeEventListener('submit', validarFormulario);
        form.submit();
    }
}

// ==================== PERFIL TRIBUTÁRIO ====================
async function aplicarPerfilTributario(perfilId) {
    if (!perfilId) {
        document.getElementById('resumoPerfilTributario').innerHTML = '<span class="text-muted small">Selecione um perfil para ver o resumo</span>';
        document.getElementById('btnAplicarPerfil').style.display = 'none';
        return;
    }
    
    try {
        const response = await fetch(`/api/perfil/${perfilId}`);
        const perfil = await response.json();
        
        // Atualizar resumo
        mostrarResumoPerfilTributario(perfil);

        const painelManual = document.getElementById('painelConfigManual');
        const btnAplicar = document.getElementById('btnAplicarPerfil');

        if (painelManual && !painelManual.classList.contains('d-none')) {
            preencherCamposFiscais(perfil);
            if (btnAplicar) btnAplicar.style.display = 'none';
        } else if (btnAplicar) {
            btnAplicar.style.display = 'block';
        }
        
    } catch (error) {
        console.error('Erro ao carregar perfil:', error);
        document.getElementById('resumoPerfilTributario').innerHTML = '<span class="text-danger small">Erro ao carregar perfil</span>';
    }
}

function mostrarResumoPerfilTributario(perfil) {
    let html = '<div class="small">';
    html += `<div class="text-muted mb-1"><strong>Regime:</strong> ${perfil.regime_tributario || perfil.regime || 'simples'}</div>`;
    
    if (perfil.cst_icms) html += `<div class="text-muted">🔥 <strong>ICMS:</strong> ${perfil.cst_icms}</div>`;
    if (perfil.cst_pis) html += `<div class="text-muted">🔵 <strong>PIS:</strong> ${perfil.cst_pis} COFINS: ${perfil.cst_cofins || perfil.cst_pis}</div>`;
    if (perfil.cst_ipi) html += `<div class="text-muted">📦 <strong>IPI:</strong> ${perfil.cst_ipi}</div>`;
    
    // Reforma Tributária
    if (perfil.aliq_ibs_uf || perfil.aliq_ibs_mun || perfil.aliq_cbs) {
        html += `<div class="mt-1 border-top pt-1"><div class="text-success"><strong>✅ REFORMA TRIBUTÁRIA:</strong></div>`;
        if (perfil.aliq_ibs_uf) html += `<div class="text-muted">IBS UF: ${perfil.aliq_ibs_uf}%</div>`;
        if (perfil.aliq_ibs_mun) html += `<div class="text-muted">IBS Mun: ${perfil.aliq_ibs_mun}%</div>`;
        if (perfil.aliq_cbs) html += `<div class="text-muted">CBS: ${perfil.aliq_cbs}%</div>`;
        if (perfil.aliq_is) html += `<div class="text-muted">IS: ${perfil.aliq_is}%</div>`;
        html += '</div>';
    }
    
    html += '</div>';
    document.getElementById('resumoPerfilTributario').innerHTML = html;
}

function aplicarPerfilManual() {
    const perfilId = document.getElementById('perfilTributarioSelect').value;
    if (!perfilId) return;
    
    fetch(`/api/perfil/${perfilId}`)
        .then(res => res.json())
        .then(perfil => {
            // Preencher campos fiscais
            preencherCamposFiscais(perfil);
            
            // Marcar checkbox de configuração manual
            const checkbox = document.getElementById('usarConfigManual');
            if (checkbox) {
                checkbox.checked = true;
                toggleConfigManual(true);
            }
        })
        .catch(error => console.error('Erro ao aplicar perfil:', error));
}

function preencherCamposFiscais(perfil) {
    // Helper para preencher campo por name
    function setFieldByName(name, value) {
        const field = document.querySelector(`[name="${name}"]`);
        if (field && value != null && value !== '') {
            field.value = value;
            console.log(`✅ Campo ${name} = ${value}`);
        }
    }
    
    // CFOP prioritário
    const cfopId = perfil.cfop_venda_id || perfil.cfop_venda_dentro_estado_id || perfil.cfop_venda_fora_estado_id;
    const cfopCodigo = perfil.cfop_venda_codigo || perfil.cfop_venda_dentro_estado_codigo || perfil.cfop_venda_fora_estado_codigo;
    if (cfopId) setFieldByName('cfop_id', cfopId);
    if (cfopCodigo) setFieldByName('cfop', cfopCodigo);
    if (perfil.origem_mercadoria != null && perfil.origem_mercadoria !== '') setFieldByName('origem', perfil.origem_mercadoria);
    
    // CSTs
    if (perfil.cst_icms) setFieldByName('cst_icms', perfil.cst_icms);
    if (perfil.cst_ipi) setFieldByName('cst_ipi', perfil.cst_ipi);
    if (perfil.cst_pis) setFieldByName('cst_pis', perfil.cst_pis);
    if (perfil.cst_cofins) setFieldByName('cst_cofins', perfil.cst_cofins);
    
    // Alíquotas
    if (perfil.aliq_pis) setFieldByName('aliquota_pis', perfil.aliq_pis);
    if (perfil.aliq_cofins) setFieldByName('aliquota_cofins', perfil.aliq_cofins);
    if (perfil.aliq_ipi) setFieldByName('aliquota_ipi', perfil.aliq_ipi);
}

function toggleConfigManual(mostrar) {
    const painelManual = document.getElementById('painelConfigManual');
    const selectPerfil = document.getElementById('perfilTributarioSelect');
    const btnAplicar = document.getElementById('btnAplicarPerfil');
    
    if (mostrar) {
        painelManual.classList.remove('d-none');
        if (selectPerfil.value) {
            aplicarPerfilTributario(selectPerfil.value);
        }
        if (btnAplicar) btnAplicar.style.display = 'none';
    } else {
        painelManual.classList.add('d-none');
        if (selectPerfil.value && btnAplicar) {
            btnAplicar.style.display = 'block';
        }
        if (!selectPerfil.value) {
            selectPerfil.value = '';
        }
    }
}

async function carregarPerfisTributariosContexto({ forcar = false } = {}) {
    const perfilSelect = document.getElementById('perfilTributarioSelect');
    if (!perfilSelect) return;

    if (!forcar && perfilSelect.options.length > 1) {
        return;
    }

    const empresaSelect = document.querySelector('select[name="empresa_id"]');
    const empresaId = empresaSelect ? String(empresaSelect.value || '').trim() : '';
    const valorAtual = String(perfilSelect.value || '').trim();

    try {
        const queryString = empresaId ? `?empresa_id=${encodeURIComponent(empresaId)}` : '';
        const response = await fetch(`/api/perfis-tributarios/contexto${queryString}`);
        if (!response.ok) {
            return;
        }

        const data = await response.json();
        if (!data.success || !Array.isArray(data.perfis)) {
            return;
        }

        perfilSelect.innerHTML = '';
        perfilSelect.add(new Option('-- Configuração Manual (modo avançado) --', ''));

        data.perfis.forEach((perfil) => {
            const rotulo = `${perfil.nome || 'Perfil'}${perfil.padrao ? ' ⭐' : ''}`;
            perfilSelect.add(new Option(rotulo, String(perfil.id || '')));
        });

        if (valorAtual && Array.from(perfilSelect.options).some((option) => option.value === valorAtual)) {
            perfilSelect.value = valorAtual;
        } else if (!valorAtual) {
            const perfilPadrao = (data.perfis || []).find((perfil) => perfil.padrao);
            if (perfilPadrao) {
                perfilSelect.value = String(perfilPadrao.id || '');
            }
        }

        if (perfilSelect.value) {
            aplicarPerfilTributario(perfilSelect.value);
        }
    } catch (error) {
        console.error('Erro ao carregar perfis tributários do contexto:', error);
    }
}

// ==================== INICIALIZAÇÃO ====================
document.addEventListener('DOMContentLoaded', function() {
    const perfilSelect = document.getElementById('perfilTributarioSelect');
    const empresaSelect = document.querySelector('select[name="empresa_id"]');
    
    // Listeners para cálculo de margem e preço
    const custoInput = document.getElementById('custoOperacao');
    const margemInput = document.getElementById('margemLucro');
    const precoInput = document.getElementById('valorBase');
    
    if (custoInput) custoInput.addEventListener('input', calcularPrecoVenda);
    if (margemInput) margemInput.addEventListener('input', calcularPrecoVenda);
    if (precoInput) precoInput.addEventListener('input', calcularMargem);
    
    // Carregar perfil padrão se houver
    if (perfilSelect && perfilSelect.value) {
        aplicarPerfilTributario(perfilSelect.value);
    }
    
    // Listener para mudança de perfil
    if (perfilSelect) {
        perfilSelect.addEventListener('change', function() {
            aplicarPerfilTributario(this.value);
        });
    }

    if (empresaSelect) {
        empresaSelect.addEventListener('change', function() {
            carregarPerfisTributariosContexto({ forcar: true });
        });
    }
    
    // ==================== VALIDAÇÃO DO FORMULÁRIO ====================
    const form = document.querySelector('form');
    if (form) {
        form.addEventListener('submit', validarFormulario);
    }

    obterConfiguracaoPendenciasProduto().forEach((campo) => {
        const element = document.querySelector(campo.selector);
        if (!element) return;
        ['input', 'change', 'blur'].forEach((eventName) => {
            element.addEventListener(eventName, atualizarPainelObrigatoriosProduto);
        });
    });

    const btnPrimeiraPendencia = document.getElementById('btnIrParaPrimeiraPendenciaProduto');
    if (btnPrimeiraPendencia) {
        btnPrimeiraPendencia.addEventListener('click', focarPrimeiraPendenciaProduto);
    }

    const btnAplicarReferencia = document.getElementById('btnAplicarReferenciaFiscalNcm');
    if (btnAplicarReferencia) {
        btnAplicarReferencia.addEventListener('click', aplicarReferenciaFiscalNcmAtual);
    }

    const btnIgnorarReferencia = document.getElementById('btnIgnorarReferenciaFiscalNcm');
    if (btnIgnorarReferencia) {
        btnIgnorarReferencia.addEventListener('click', function() {
            const ncmAtual = (document.getElementById('ncmInput')?.value || '').replace(/\D/g, '');
            produtoCadastroContexto.ultimoNcmIgnorado = ncmAtual;
            document.getElementById('painelReferenciaFiscalNcm')?.classList.add('d-none');
        });
    }

    const ncmInput = document.getElementById('ncmInput');
    if (ncmInput) {
        produtoCadastroContexto.ncmInicial = normalizarNcmProduto(ncmInput.value);
        ncmInput.addEventListener('input', function() {
            atualizarEstadoInteracaoNcm(this.value);
        });
        ncmInput.addEventListener('change', function() {
            atualizarEstadoInteracaoNcm(this.value);
        });
        ncmInput.addEventListener('blur', function() {
            if (!produtoCadastroContexto.usuarioAlterouNcm) {
                return;
            }
            buscarReferenciaFiscalMesmoNcm(this.value, {
                exibirResumo: true,
                promptUser: true
            });
        });
    }
    
    // Botão Salvar específico
    const btnSalvar = document.querySelector('.btn-success[type="submit"]');
    if (btnSalvar) {
        btnSalvar.addEventListener('click', function(e) {
            const valid = validarFormulario(e);
            if (!valid) {
                e.preventDefault();
                e.stopPropagation();
            }
        });
    }
    
    if (typeof inicializarPrecos === 'function') inicializarPrecos();
    carregarPerfisTributariosContexto();
    atualizarPainelObrigatoriosProduto();
});
</script>
{% endblock %}