{% extends 'base.html' %}
{% block title %}{% if entrada %}Entrada Fiscal #{{ entrada.id }}{% else %}Nova Entrada Fiscal{% endif %}{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Cabeçalho -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-1">
                <i class="fas fa-file-invoice me-2"></i>
                {% if entrada %}
                    Entrada Fiscal #{{ entrada.id }}
                    {% set status_class, status_text = entrada.status_display %}
                    <span class="badge bg-{{ status_class }} ms-2">{{ status_text }}</span>
                {% else %}
                    Nova Entrada Fiscal
                {% endif %}
            </h1>
            <p class="text-muted mb-0">Entrada unificada - Manual ou XML</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ url_for('estoque_entradas_lista') }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-1"></i> Voltar
            </a>
            {% if entrada and entrada.status not in ['FINALIZADO', 'CANCELADO'] %}
            <button type="button" class="btn btn-danger" onclick="cancelarEntrada()">
                <i class="fas fa-times me-1"></i> Cancelar
            </button>
            <button type="button" class="btn btn-success" onclick="finalizarEntrada()">
                <i class="fas fa-check me-1"></i> Finalizar Entrada
            </button>
            {% endif %}
        </div>
    </div>

    <!-- Alertas -->
    <div id="alertContainer"></div>

    <!-- Abas Principais -->
    <ul class="nav nav-tabs nav-fill mb-4" id="entradaTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="documento-tab" data-bs-toggle="tab" data-bs-target="#documento" 
                    type="button" role="tab">
                <i class="fas fa-file-alt me-1"></i> Documento
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="itens-tab" data-bs-toggle="tab" data-bs-target="#itens" 
                    type="button" role="tab" {% if not entrada %}disabled{% endif %}>
                <i class="fas fa-boxes me-1"></i> Itens 
                <span class="badge bg-primary" id="badgeQtdItens">{{ itens|length if itens else 0 }}</span>
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="transporte-tab" data-bs-toggle="tab" data-bs-target="#transporte" 
                    type="button" role="tab" {% if not entrada %}disabled{% endif %}>
                <i class="fas fa-truck me-1"></i> Transporte
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="financeiro-tab" data-bs-toggle="tab" data-bs-target="#financeiro" 
                    type="button" role="tab" {% if not entrada %}disabled{% endif %}>
                <i class="fas fa-hand-holding-usd me-1"></i> Financeiro
            </button>
        </li>
    </ul>

    <div class="row">
        <!-- Conteúdo das Abas -->
        <div class="col-lg-9">
            <div class="tab-content" id="entradaTabsContent">
                
                <!-- ABA DOCUMENTO -->
                <div class="tab-pane fade show active" id="documento" role="tabpanel">
                    <form id="formDocumento">
                        <input type="hidden" id="entrada_id" value="{{ entrada.id if entrada else '' }}">
                        
                        <div class="card mb-4">
                            <div class="card-header bg-primary text-white">
                                <h5 class="mb-0"><i class="fas fa-file-invoice me-2"></i>Dados do Documento</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Tipo de Entrada <span class="text-danger">*</span></label>
                                        <select class="form-select" id="tipo_entrada" required>
                                            <option value="COMPRA" {% if entrada and entrada.tipo_documento == 'COMPRA' %}selected{% endif %}>Compra para Comercialização</option>
                                            <option value="COMPRA_USO" {% if entrada and entrada.tipo_documento == 'COMPRA_USO' %}selected{% endif %}>Compra para Uso/Consumo</option>
                                            <option value="COMPRA_ATIVO" {% if entrada and entrada.tipo_documento == 'COMPRA_ATIVO' %}selected{% endif %}>Compra de Ativo Imobilizado</option>
                                            <option value="DEVOLUCAO" {% if entrada and entrada.tipo_documento == 'DEVOLUCAO' %}selected{% endif %}>Devolução de Venda</option>
                                            <option value="TRANSFERENCIA" {% if entrada and entrada.tipo_documento == 'TRANSFERENCIA' %}selected{% endif %}>Transferência</option>
                                            <option value="BONIFICACAO" {% if entrada and entrada.tipo_documento == 'BONIFICACAO' %}selected{% endif %}>Bonificação/Doação</option>
                                            <option value="CONSIGNACAO" {% if entrada and entrada.tipo_documento == 'CONSIGNACAO' %}selected{% endif %}>Consignação</option>
                                        </select>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Origem</label>
                                        <select class="form-select" id="origem_entrada">
                                            <option value="MANUAL" {% if not entrada or not entrada.xml_nfe %}selected{% endif %}>Digitação Manual</option>
                                            <option value="XML" {% if entrada and entrada.xml_nfe %}selected{% endif %}>Importação XML</option>
                                        </select>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">UF Origem</label>
                                        <select class="form-select" id="uf_origem">
                                            <option value="BA">BA - Bahia</option>
                                            <option value="SP">SP - São Paulo</option>
                                            <option value="PE">PE - Pernambuco</option>
                                            <option value="RJ">RJ - Rio de Janeiro</option>
                                            <option value="MG">MG - Minas Gerais</option>
                                            <!-- Adicionar outros estados -->
                                        </select>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Modelo Doc.</label>
                                        <select class="form-select" id="modelo_doc">
                                            <option value="55">55 - NF-e</option>
                                            <option value="65">65 - NFC-e</option>
                                            <option value="01">01 - NF Modelo 1</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 mb-3">
                                        <label class="form-label">Número <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="numero_nota" 
                                               value="{{ entrada.numero_nota if entrada else '' }}" required>
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label class="form-label">Série <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="serie" 
                                               value="{{ entrada.serie if entrada else '1' }}" required>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Data Emissão <span class="text-danger">*</span></label>
                                        <input type="date" class="form-control" id="data_emissao" 
                                               value="{{ entrada.data_emissao.strftime('%Y-%m-%d') if entrada and entrada.data_emissao else '' }}" required>
                                    </div>
                                    <div class="col-md-5 mb-3">
                                        <label class="form-label">Chave de Acesso</label>
                                        <input type="text" class="form-control" id="chave_acesso" maxlength="44"
                                               value="{{ entrada.chave_acesso if entrada else '' }}" 
                                               placeholder="44 dígitos (opcional para entrada manual)">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 mb-3">
                                        <label class="form-label">Natureza da Operação</label>
                                        <input type="text" class="form-control" id="natureza_operacao" 
                                               value="{{ entrada.observacoes if entrada else 'COMPRA PARA COMERCIALIZACAO' }}"
                                               placeholder="COMPRA PARA COMERCIALIZAÇÃO">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Fornecedor -->
                        <div class="card mb-4">
                            <div class="card-header bg-success text-white">
                                <h5 class="mb-0"><i class="fas fa-building me-2"></i>Fornecedor / Emitente</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">CNPJ/CPF <span class="text-danger">*</span></label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="cnpj_fornecedor" 
                                                   value="{{ entrada.cnpj_fornecedor if entrada else '' }}" required>
                                            <button type="button" class="btn btn-outline-primary" onclick="buscarFornecedor()">
                                                <i class="fas fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label class="form-label">Razão Social / Nome <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="nome_fornecedor" 
                                               value="{{ entrada.nome_fornecedor if entrada else '' }}" required>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Fornecedor Cadastrado</label>
                                        <select class="form-select" id="fornecedor_id">
                                            <option value="">-- Vincular fornecedor --</option>
                                            {% for f in fornecedores %}
                                            <option value="{{ f.id }}" 
                                                    data-cnpj="{{ f.cnpj or f.cpf }}" 
                                                    data-nome="{{ f.nome }}"
                                                    {% if entrada and entrada.fornecedor_id == f.id %}selected{% endif %}>
                                                {{ f.nome[:40] }}
                                            </option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Botão Salvar Documento -->
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end mb-4">
                            <button type="button" class="btn btn-primary btn-lg" onclick="salvarDocumento()">
                                <i class="fas fa-save me-2"></i>
                                {% if entrada %}Salvar Alterações{% else %}Criar Entrada{% endif %}
                            </button>
                        </div>
                    </form>
                </div>

                <!-- ABA ITENS -->
                <div class="tab-pane fade" id="itens" role="tabpanel">
                    <div class="card">
                        <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
                            <h5 class="mb-0"><i class="fas fa-boxes me-2"></i>Itens da Entrada</h5>
                            {% if entrada and entrada.status not in ['FINALIZADO', 'CANCELADO'] %}
                            <button type="button" class="btn btn-light btn-sm" onclick="abrirModalItem()">
                                <i class="fas fa-plus me-1"></i> Adicionar Item
                            </button>
                            {% endif %}
                        </div>
                        <div class="card-body p-0">
                            <div class="table-responsive">
                                <table class="table table-hover table-sm mb-0" id="tabelaItens">
                                    <thead class="table-dark">
                                        <tr>
                                            <th style="width: 50px;">#</th>
                                            <th>Descrição</th>
                                            <th style="width: 100px;">NCM</th>
                                            <th style="width: 80px;">CFOP</th>
                                            <th style="width: 60px;">Un</th>
                                            <th style="width: 80px;" class="text-end">Qtd</th>
                                            <th style="width: 100px;" class="text-end">Vl. Unit.</th>
                                            <th style="width: 100px;" class="text-end">Total</th>
                                            <th style="width: 120px;">Produto</th>
                                            <th style="width: 100px;" class="text-center">Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbodyItens">
                                        {% if itens %}
                                        {% for item in itens %}
                                        <tr id="item-row-{{ item.id }}" class="{% if item.produto_id %}table-success{% endif %}">
                                            <td>{{ item.numero_item }}</td>
                                            <td>
                                                <strong>{{ item.descricao[:50] }}</strong>
                                                {% if item.ean %}<br><small class="text-muted">EAN: {{ item.ean }}</small>{% endif %}
                                            </td>
                                            <td><small>{{ item.ncm or '-' }}</small></td>
                                            <td>{{ item.cfop or '-' }}</td>
                                            <td>{{ item.unidade }}</td>
                                            <td class="text-end">{{ item.quantidade|formatar_decimal_br(3) }}</td>
                                            <td class="text-end">{{ (item.custo_unitario or item.valor_unitario or 0)|formatar_decimal_br(4) }}</td>
                                            <td class="text-end"><strong>{{ (item.valor_total or 0)|formatar_decimal_br(4) }}</strong></td>
                                            <td>
                                                {% if item.produto %}
                                                <span class="badge bg-success"><i class="fas fa-link"></i> Vinculado</span>
                                                {% else %}
                                                <span class="badge bg-secondary">Não vinculado</span>
                                                {% endif %}
                                            </td>
                                            <td class="text-center">
                                                {% if entrada and entrada.status not in ['FINALIZADO', 'CANCELADO'] %}
                                                <button type="button" class="btn btn-sm btn-outline-primary" onclick="editarItem({{ item.id }})" title="Editar">
                                                    <i class="fas fa-edit"></i>
                                                </button>
                                                <button type="button" class="btn btn-sm btn-outline-danger" onclick="excluirItem({{ item.id }}, '{{ item.descricao[:20]|replace("'","") }}')" title="Excluir">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        {% endfor %}
                                        {% else %}
                                        <tr id="tr-sem-itens">
                                            <td colspan="10" class="text-center text-muted py-4">
                                                <i class="fas fa-inbox fa-3x mb-3 d-block"></i>
                                                Nenhum item adicionado. Clique em "Adicionar Item" para começar.
                                            </td>
                                        </tr>
                                        {% endif %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ABA TRANSPORTE -->
                <div class="tab-pane fade" id="transporte" role="tabpanel">
                    <div class="card">
                        <div class="card-header bg-warning">
                            <h5 class="mb-0"><i class="fas fa-truck me-2"></i>Dados do Transporte</h5>
                        </div>
                        <div class="card-body">
                            <form id="formTransporte">
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">Modalidade do Frete</label>
                                        <select class="form-select" id="mod_frete">
                                            <option value="0" {% if entrada and entrada.mod_frete == '0' %}selected{% endif %}>0 - Por conta do Emitente</option>
                                            <option value="1" {% if entrada and entrada.mod_frete == '1' %}selected{% endif %}>1 - Por conta do Destinatário</option>
                                            <option value="2" {% if entrada and entrada.mod_frete == '2' %}selected{% endif %}>2 - Por conta de Terceiros</option>
                                            <option value="3" {% if entrada and entrada.mod_frete == '3' %}selected{% endif %}>3 - Transporte Próprio Remetente</option>
                                            <option value="4" {% if entrada and entrada.mod_frete == '4' %}selected{% endif %}>4 - Transporte Próprio Destinatário</option>
                                            <option value="9" {% if not entrada or entrada.mod_frete == '9' %}selected{% endif %}>9 - Sem Frete</option>
                                        </select>
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">CNPJ Transportadora</label>
                                        <input type="text" class="form-control" id="cnpj_transportadora" 
                                               value="{{ entrada.cnpj_transportadora if entrada else '' }}">
                                    </div>
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label">Nome Transportadora</label>
                                        <input type="text" class="form-control" id="nome_transportadora"
                                               value="{{ entrada.nome_transportadora if entrada else '' }}">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2 mb-3">
                                        <label class="form-label">Placa</label>
                                        <input type="text" class="form-control" id="placa_veiculo" maxlength="7"
                                               value="{{ entrada.placa_veiculo if entrada else '' }}">
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label class="form-label">UF</label>
                                        <input type="text" class="form-control" id="uf_veiculo" maxlength="2"
                                               value="{{ entrada.uf_veiculo if entrada else '' }}">
                                    </div>
                                    <div class="col-md-2 mb-3">
                                        <label class="form-label">Volumes</label>
                                        <input type="number" class="form-control" id="qtd_volumes"
                                               value="{{ entrada.qtd_volumes if entrada else '' }}">
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Peso Bruto (kg)</label>
                                        <input type="number" step="0.001" class="form-control" id="peso_bruto"
                                               value="{{ entrada.peso_bruto if entrada else '' }}">
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label">Peso Líquido (kg)</label>
                                        <input type="number" step="0.001" class="form-control" id="peso_liquido"
                                               value="{{ entrada.peso_liquido if entrada else '' }}">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <label class="form-label fw-bold text-primary">
                                            <i class="fas fa-dollar-sign me-1"></i>Valor do Frete (R$)
                                        </label>
                                        <input type="number" step="0.01" min="0" class="form-control form-control-lg" 
                                               id="valor_frete_transp" 
                                               value="{{ entrada.valor_frete if entrada else 0 }}"
                                               onchange="sincronizarFrete()">
                                        <small class="text-muted">Valor será rateado entre os itens</small>
                                    </div>
                                </div>
                                <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="button" class="btn btn-primary" onclick="salvarTransporte()">
                                        <i class="fas fa-save me-1"></i> Salvar Transporte
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <!-- ABA FINANCEIRO -->
                <div class="tab-pane fade" id="financeiro" role="tabpanel">
                    <div class="card">
                        <div class="card-header bg-success text-white">
                            <h5 class="mb-0"><i class="fas fa-hand-holding-usd me-2"></i>Dados Financeiros</h5>
                        </div>
                        <div class="card-body">
                            <form id="formFinanceiro">
                                <!-- Outras Despesas e Descontos -->
                                <div class="row mb-4">
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold text-info">
                                            <i class="fas fa-money-bill-wave me-1"></i>Outras Despesas (R$)
                                        </label>
                                        <input type="number" step="0.01" min="0" class="form-control" 
                                               id="valor_outras_despesas" 
                                               value="{{ entrada.valor_outras_despesas if entrada else 0 }}"
                                               onchange="sincronizarDespesas()">
                                        <small class="text-muted">Seguro, embalagem, etc.</small>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold text-warning">
                                            <i class="fas fa-shield-alt me-1"></i>Seguro (R$)
                                        </label>
                                        <input type="number" step="0.01" min="0" class="form-control" 
                                               id="valor_seguro_fin" 
                                               value="{{ entrada.valor_seguro if entrada else 0 }}"
                                               onchange="sincronizarSeguro()">
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <label class="form-label fw-bold text-danger">
                                            <i class="fas fa-percentage me-1"></i>Desconto (R$)
                                        </label>
                                        <input type="number" step="0.01" min="0" class="form-control" 
                                               id="valor_desconto_fin" 
                                               value="{{ entrada.valor_desconto if entrada else 0 }}"
                                               onchange="sincronizarDesconto()">
                                    </div>
                                </div>
                                
                                <hr>
                                
                                <div class="row">
                                    <div class="col-md-4 mb-3">
                                        <div class="form-check form-switch">
                                            <input class="form-check-input" type="checkbox" id="gerar_financeiro" checked>
                                            <label class="form-check-label" for="gerar_financeiro">
                                                <strong>Gerar Contas a Pagar</strong>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div id="divFinanceiro">
                                    <div class="row">
                                        <div class="col-md-4 mb-3">
                                            <label class="form-label">Forma de Pagamento</label>
                                            <select class="form-select" id="forma_pagamento">
                                                <option value="01">Dinheiro</option>
                                                <option value="02">Cheque</option>
                                                <option value="03">Cartão de Crédito</option>
                                                <option value="04">Cartão de Débito</option>
                                                <option value="05">Crédito Loja</option>
                                                <option value="15" selected>Boleto Bancário</option>
                                                <option value="17">PIX</option>
                                            </select>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label class="form-label">Condição de Pagamento</label>
                                            <select class="form-select" id="condicao_pagamento">
                                                <option value="0">À Vista</option>
                                                <option value="30" selected>30 dias</option>
                                                <option value="30/60">30/60 dias</option>
                                                <option value="30/60/90">30/60/90 dias</option>
                                                <option value="28">28 dias (DDL)</option>
                                            </select>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label class="form-label">Plano de Contas</label>
                                            <select class="form-select" id="plano_contas_id">
                                                <option value="">-- Selecione --</option>
                                                {% for pc in planos_contas %}
                                                <option value="{{ pc.id }}">{{ pc.codigo }} - {{ pc.descricao }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-3">
                                    <button type="button" class="btn btn-success" onclick="salvarFinanceiro()">
                                        <i class="fas fa-save me-1"></i> Salvar Dados Financeiros
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Painel Totais (Lateral) -->
        <div class="col-lg-3">
            <div class="card sticky-top" style="top: 20px;">
                <div class="card-header bg-dark text-white">
                    <h5 class="mb-0"><i class="fas fa-calculator me-2"></i>Totais</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless mb-0">
                        <tr>
                            <td>Produtos:</td>
                            <td class="text-end" id="totalProdutos">R$ {{ "%.2f"|format(entrada.valor_produtos if entrada else 0) }}</td>
                        </tr>
                        <tr>
                            <td>Frete:</td>
                            <td class="text-end">
                                <input type="number" step="0.01" class="form-control form-control-sm text-end" 
                                       id="valor_frete" value="{{ entrada.valor_frete if entrada else 0 }}" 
                                       onchange="sincronizarFreteReverso()">
                            </td>
                        </tr>
                        <tr>
                            <td>Seguro:</td>
                            <td class="text-end">
                                <input type="number" step="0.01" class="form-control form-control-sm text-end" 
                                       id="valor_seguro" value="{{ entrada.valor_seguro if entrada else 0 }}"
                                       onchange="sincronizarSeguroReverso()">
                            </td>
                        </tr>
                        <tr>
                            <td>Outras Desp.:</td>
                            <td class="text-end">
                                <input type="number" step="0.01" class="form-control form-control-sm text-end" 
                                       id="valor_outros" value="{{ entrada.valor_outros if entrada else 0 }}"
                                       onchange="sincronizarDespesasReverso()">
                            </td>
                        </tr>
                        <tr class="text-danger">
                            <td>Desconto:</td>
                            <td class="text-end">
                                <input type="number" step="0.01" class="form-control form-control-sm text-end" 
                                       id="valor_desconto" value="{{ entrada.valor_desconto if entrada else 0 }}"
                                       onchange="sincronizarDescontoReverso()">
                            </td>
                        </tr>
                        <tr class="border-top">
                            <td>IPI:</td>
                            <td class="text-end" id="totalIPI">R$ {{ "%.2f"|format(entrada.valor_ipi if entrada else 0) }}</td>
                        </tr>
                        <tr>
                            <td>ICMS ST:</td>
                            <td class="text-end" id="totalST">R$ {{ "%.2f"|format(entrada.valor_icms_st if entrada else 0) }}</td>
                        </tr>
                    </table>
                    <hr>
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="mb-0">TOTAL:</h5>
                        <h4 class="mb-0 text-primary" id="totalGeral">R$ {{ "%.2f"|format(entrada.valor_total if entrada else 0) }}</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Adicionar/Editar Item -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="modalItem" tabindex="-1" data-bs-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title"><i class="fas fa-box me-2"></i><span id="modalItemTitulo">Adicionar Item</span></h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="formItem" data-form-mode="new" class="form-no-lock">
                    <input type="hidden" id="item_id" value="">
                    <input type="hidden" id="item_produto_id">
                    
                    <!-- Produto/Descrição -->
                    <div class="row">
                        <div class="col-md-8 mb-3 position-relative">
                            <label class="form-label">Descrição do Produto <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="item_descricao" required
                                   placeholder="Digite para buscar ou descrever..." autocomplete="off"
                                   onkeyup="buscarProdutoPorDescricao(this.value)">
                            <div id="listaDescricaoBusca" class="list-group position-absolute shadow" 
                                 style="z-index: 1050; max-height: 250px; overflow-y: auto; display: none; width: 100%;"></div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Produto Vinculado</label>
                            <div class="input-group">
                                <input type="text" class="form-control" id="item_produto_busca" 
                                       placeholder="Nenhum produto vinculado" readonly
                                       style="background-color: #f8f9fa;">
                                <button class="btn btn-outline-danger" type="button" onclick="limparProduto()" title="Desvincular produto">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                            <small class="text-muted">Será preenchido automaticamente ao selecionar um produto</small>
                        </div>
                    </div>

                    <!-- Códigos Fiscais -->
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <label class="form-label">Código de Barras (EAN)</label>
                            <input type="text" class="form-control" id="item_ean" maxlength="14">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">NCM <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="item_ncm" maxlength="8" required
                                   placeholder="00000000">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">CFOP <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="item_cfop" maxlength="4" required
                                   value="1102" placeholder="1102">
                        </div>
                        <div class="col-md-3 mb-3">
                            <label class="form-label">CEST</label>
                            <input type="text" class="form-control" id="item_cest" maxlength="7">
                        </div>
                    </div>

                    <!-- Quantidades e Valores -->
                    <div class="row">
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Unidade</label>
                            <select class="form-select" id="item_unidade">
                                <option value="UN">UN</option>
                                <option value="KG">KG</option>
                                <option value="CX">CX</option>
                                <option value="PC">PC</option>
                                <option value="LT">LT</option>
                                <option value="MT">MT</option>
                                <option value="M2">M2</option>
                                <option value="M3">M3</option>
                            </select>
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Quantidade <span class="text-danger">*</span></label>
                            <input type="number" step="0.001" min="0.001" class="form-control" id="item_quantidade" 
                                   value="1" required onchange="calcularTotalItem()">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Valor Unitário <span class="text-danger">*</span></label>
                            <input type="number" step="0.0001" min="0" class="form-control" id="item_valor_unitario" 
                                   value="0.0000" required onchange="calcularTotalItem()">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Desconto</label>
                            <input type="number" step="0.0001" min="0" class="form-control" id="item_desconto" 
                                   value="0.0000" onchange="calcularTotalItem()">
                        </div>
                        <div class="col-md-2 mb-3">
                            <label class="form-label">Total Item</label>
                            <input type="text" class="form-control fw-bold text-end" id="item_total" readonly>
                        </div>
                    </div>

                    <!-- Tributos Resumidos -->
                    <div class="card mb-3">
                        <div class="card-header py-2">
                            <a class="text-decoration-none" data-bs-toggle="collapse" href="#collapseTributos">
                                <i class="fas fa-calculator me-1"></i> Tributos (clique para expandir)
                            </a>
                        </div>
                        <div class="collapse" id="collapseTributos">
                            <div class="card-body">
                                <div class="row">
                                    <!-- ICMS -->
                                    <div class="col-md-4">
                                        <h6>ICMS</h6>
                                        <div class="row">
                                            <div class="col-3 mb-2">
                                                <label class="form-label small">CST</label>
                                                <input type="text" class="form-control form-control-sm" id="item_cst_icms" value="00" maxlength="3" placeholder="00">
                                            </div>
                                            <div class="col-3 mb-2">
                                                <label class="form-label small">CSOSN</label>
                                                <input type="text" class="form-control form-control-sm" id="item_csosn" value="" maxlength="3" placeholder="101">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Origem</label>
                                                <select class="form-select form-select-sm" id="item_origem_icms">
                                                    <option value="0">0 - Nacional</option>
                                                    <option value="1">1 - Estrangeira Import. Direta</option>
                                                    <option value="2">2 - Estrangeira Mercado Interno</option>
                                                </select>
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Base ICMS</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_base_icms" value="0">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Alíq. ICMS %</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_icms" value="0">
                                            </div>
                                            <div class="col-12 mb-2">
                                                <small class="text-muted">Use <strong>CST</strong> para regime normal e <strong>CSOSN</strong> quando o emitente da nota for do Simples Nacional.</small>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- IPI -->
                                    <div class="col-md-4">
                                        <h6>IPI</h6>
                                        <div class="row">
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">CST</label>
                                                <input type="text" class="form-control form-control-sm" id="item_cst_ipi" value="99">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Base IPI</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_base_ipi" value="0">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Alíq. IPI %</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_ipi" value="0">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Valor IPI</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_valor_ipi" value="0">
                                            </div>
                                        </div>
                                    </div>
                                    <!-- PIS/COFINS -->
                                    <div class="col-md-4">
                                        <h6>PIS / COFINS</h6>
                                        <div class="row">
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">CST PIS</label>
                                                <input type="text" class="form-control form-control-sm" id="item_cst_pis" value="01">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Alíq. PIS %</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_pis" value="1.65">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">CST COFINS</label>
                                                <input type="text" class="form-control form-control-sm" id="item_cst_cofins" value="01">
                                            </div>
                                            <div class="col-6 mb-2">
                                                <label class="form-label small">Alíq. COFINS %</label>
                                                <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_cofins" value="7.60">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Reforma Tributária CBS/IBS/IS -->
                                <hr class="my-3">
                                <h6 class="text-success"><i class="fas fa-leaf me-1"></i> Reforma Tributária (CBS / IBS / IS) - Vigência a partir de 2026</h6>
                                <div class="row">
                                    <!-- CBS -->
                                    <div class="col-md-4">
                                        <div class="card border-success mb-2">
                                            <div class="card-header bg-success text-white py-1">
                                                <small><strong>CBS - Contribuição sobre Bens e Serviços</strong></small>
                                            </div>
                                            <div class="card-body py-2">
                                                <div class="row">
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">CST CBS</label>
                                                        <input type="text" class="form-control form-control-sm" id="item_cst_cbs" value="000" maxlength="3">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">cClassTrib</label>
                                                        <input type="text" class="form-control form-control-sm" id="item_cclass_trib" maxlength="6" placeholder="000000">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Base CBS</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_base_cbs" value="0">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Alíq. CBS %</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_cbs" value="0.90">
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <label class="form-label small">Valor CBS</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_valor_cbs" value="0" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- IBS -->
                                    <div class="col-md-4">
                                        <div class="card border-primary mb-2">
                                            <div class="card-header bg-primary text-white py-1">
                                                <small><strong>IBS - Imposto sobre Bens e Serviços</strong></small>
                                            </div>
                                            <div class="card-body py-2">
                                                <div class="row">
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">CST IBS</label>
                                                        <input type="text" class="form-control form-control-sm" id="item_cst_ibs" value="000" maxlength="3">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Base IBS</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_base_ibs" value="0">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Alíq. IBS UF %</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_ibs_uf" value="0.10">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Alíq. IBS Mun %</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_ibs_mun" value="0">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Valor IBS UF</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_valor_ibs_uf" value="0" readonly>
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Valor IBS Mun</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_valor_ibs_mun" value="0" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- IS -->
                                    <div class="col-md-4">
                                        <div class="card border-danger mb-2">
                                            <div class="card-header bg-danger text-white py-1">
                                                <small><strong>IS - Imposto Seletivo</strong></small>
                                            </div>
                                            <div class="card-body py-2">
                                                <div class="row">
                                                    <div class="col-12 mb-2">
                                                        <label class="form-label small">Produto sujeito a IS?</label>
                                                        <select class="form-select form-select-sm" id="item_is_sujeito">
                                                            <option value="N" selected>Não</option>
                                                            <option value="S">Sim</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Base IS</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_base_is" value="0">
                                                    </div>
                                                    <div class="col-6 mb-2">
                                                        <label class="form-label small">Alíq. IS %</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_aliq_is" value="0">
                                                    </div>
                                                    <div class="col-12 mb-2">
                                                        <label class="form-label small">Valor IS</label>
                                                        <input type="number" step="0.01" class="form-control form-control-sm" id="item_valor_is" value="0" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <!-- Créditos RT -->
                                <div class="row mt-2">
                                    <div class="col-md-4">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="item_gera_credito_cbs" checked>
                                            <label class="form-check-label small" for="item_gera_credito_cbs">
                                                Gera crédito de CBS
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="item_gera_credito_ibs" checked>
                                            <label class="form-check-label small" for="item_gera_credito_ibs">
                                                Gera crédito de IBS
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label small">Regime de Apuração</label>
                                        <select class="form-select form-select-sm" id="item_regime_apuracao">
                                            <option value="0">0 - Normal</option>
                                            <option value="1">1 - Específico</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" onclick="salvarItem()">
                    <i class="fas fa-save me-1"></i> Salvar Item
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
// Variáveis globais
const entradaId = {{ entrada.id if entrada else 'null' }};
let modalItem = null;
const CSOSN_VALIDOS_ENTRADA = new Set(['101', '102', '103', '201', '202', '203', '300', '400', '500', '900']);

function normalizarIcmsEntrada(item) {
    const codigo = String(item?.cst_icms || '').trim();
    const csosn = String(item?.csosn || '').trim();
    return {
        cstIcms: CSOSN_VALIDOS_ENTRADA.has(codigo) ? '' : (codigo || '00'),
        csosn: csosn || (CSOSN_VALIDOS_ENTRADA.has(codigo) ? codigo : '')
    };
}

function montarPayloadIcmsEntrada() {
    const cstIcms = document.getElementById('item_cst_icms').value.trim();
    const csosn = document.getElementById('item_csosn').value.trim();
    return {
        cst_icms: cstIcms || csosn || '00',
        csosn: csosn || ''
    };
}

document.addEventListener('DOMContentLoaded', function() {
    modalItem = new bootstrap.Modal(document.getElementById('modalItem'));
    
    // Toggle financeiro
    document.getElementById('gerar_financeiro').addEventListener('change', function() {
        document.getElementById('divFinanceiro').style.display = this.checked ? 'block' : 'none';
    });
    
    // Calcular total inicial
    calcularTotais();
});

// ========== DOCUMENTO ==========
function salvarDocumento() {
    const dados = {
        tipo_entrada: document.getElementById('tipo_entrada').value,
        origem_entrada: document.getElementById('origem_entrada').value,
        numero_nota: document.getElementById('numero_nota').value,
        serie: document.getElementById('serie').value,
        data_emissao: document.getElementById('data_emissao').value,
        chave_acesso: document.getElementById('chave_acesso').value,
        natureza_operacao: document.getElementById('natureza_operacao').value,
        cnpj_fornecedor: document.getElementById('cnpj_fornecedor').value,
        nome_fornecedor: document.getElementById('nome_fornecedor').value,
        fornecedor_id: document.getElementById('fornecedor_id').value || null,
        valor_frete: parseFloat(document.getElementById('valor_frete').value) || 0,
        valor_seguro: parseFloat(document.getElementById('valor_seguro').value) || 0,
        valor_outros: parseFloat(document.getElementById('valor_outros').value) || 0,
        valor_desconto: parseFloat(document.getElementById('valor_desconto').value) || 0
    };
    
    // Validações
    if (!dados.numero_nota || !dados.serie || !dados.data_emissao) {
        mostrarAlerta('danger', 'Preencha Número, Série e Data de Emissão');
        return;
    }
    if (!dados.cnpj_fornecedor || !dados.nome_fornecedor) {
        mostrarAlerta('danger', 'Preencha CNPJ e Nome do Fornecedor');
        return;
    }
    
    const url = entradaId 
        ? `/estoque/entrada-fiscal/${entradaId}/salvar`
        : '/estoque/entrada-fiscal/nova';
    
    fetch(url, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(dados)
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            mostrarAlerta('success', data.mensagem);
            if (!entradaId && data.entrada_id) {
                // Redirecionar para a entrada criada
                window.location.href = `/estoque/entrada-fiscal/${data.entrada_id}`;
            } else {
                // Habilitar abas
                document.querySelectorAll('#entradaTabs .nav-link').forEach(t => t.removeAttribute('disabled'));
            }
        } else {
            mostrarAlerta('danger', data.mensagem);
        }
    })
    .catch(err => mostrarAlerta('danger', 'Erro: ' + err.message));
}

// ========== ITENS ==========
function abrirModalItem(itemId = null) {
    const formItem = document.getElementById('formItem');
    formItem.reset();
    
    // Garantir que todos os campos do modal estejam desbloqueados
    const fields = formItem.querySelectorAll('input, select, textarea');
    fields.forEach(field => {
        field.disabled = false;
        field.classList.remove('field-locked');
    });
    
    // Limpar busca de produto
    document.getElementById('item_produto_id').value = '';
    document.getElementById('item_produto_busca').value = '';
    document.getElementById('item_descricao').value = '';
    document.getElementById('listaDescricaoBusca').style.display = 'none';
    
    document.getElementById('item_id').value = itemId || '';
    document.getElementById('modalItemTitulo').textContent = itemId ? 'Editar Item' : 'Adicionar Item';
    document.getElementById('item_quantidade').value = '1.000';
    document.getElementById('item_valor_unitario').value = '0.0000';
    document.getElementById('item_total').value = '0.0000';
    document.getElementById('item_cfop').value = '1102';
    document.getElementById('item_cst_icms').value = '00';
    document.getElementById('item_csosn').value = '';
    
    if (itemId) {
        // Carregar dados do item
        fetch(`/estoque/entrada-fiscal/${entradaId}/item/${itemId}`)
            .then(r => r.json())
            .then(data => {
                if (data.sucesso) {
                    const item = data.item;
                    document.getElementById('item_descricao').value = item.descricao || '';
                    document.getElementById('item_ean').value = item.ean || '';
                    document.getElementById('item_ncm').value = item.ncm || '';
                    document.getElementById('item_cfop').value = item.cfop || '1102';
                    document.getElementById('item_cest').value = item.cest || '';
                    document.getElementById('item_unidade').value = item.unidade || 'UN';
                    document.getElementById('item_quantidade').value = parseFloat(item.quantidade || 1).toFixed(3);
                    document.getElementById('item_valor_unitario').value = parseFloat(item.valor_unitario || 0).toFixed(4);
                    document.getElementById('item_desconto').value = parseFloat(item.valor_desconto || 0).toFixed(4);
                    document.getElementById('item_produto_id').value = item.produto_id || '';
                    // Mostrar nome do produto vinculado se existir
                    if (item.produto_id && item.descricao) {
                        document.getElementById('item_produto_busca').value = item.descricao;
                    }
                    // Tributos ICMS
                    const icmsNormalizado = normalizarIcmsEntrada(item);
                    document.getElementById('item_cst_icms').value = icmsNormalizado.cstIcms;
                    document.getElementById('item_csosn').value = icmsNormalizado.csosn;
                    document.getElementById('item_origem_icms').value = item.origem_icms || '0';
                    document.getElementById('item_base_icms').value = item.base_icms || 0;
                    document.getElementById('item_aliq_icms').value = item.aliq_icms || 0;
                    // Tributos IPI
                    document.getElementById('item_cst_ipi').value = item.cst_ipi || '99';
                    document.getElementById('item_base_ipi').value = item.base_ipi || 0;
                    document.getElementById('item_aliq_ipi').value = item.aliq_ipi || 0;
                    document.getElementById('item_valor_ipi').value = item.valor_ipi || 0;
                    // Tributos PIS/COFINS
                    document.getElementById('item_cst_pis').value = item.cst_pis || '01';
                    document.getElementById('item_aliq_pis').value = item.aliq_pis || 0;
                    document.getElementById('item_cst_cofins').value = item.cst_cofins || '01';
                    document.getElementById('item_aliq_cofins').value = item.aliq_cofins || 0;
                    // Reforma Tributária - CBS
                    document.getElementById('item_cst_cbs').value = item.cst_cbs || '';
                    document.getElementById('item_cclass_trib').value = item.cclass_trib || '';
                    document.getElementById('item_base_cbs').value = item.base_cbs || 0;
                    document.getElementById('item_aliq_cbs').value = item.aliq_cbs || 0;
                    document.getElementById('item_valor_cbs').value = item.valor_cbs || 0;
                    document.getElementById('item_gera_credito_cbs').checked = item.gera_credito_cbs || false;
                    // Reforma Tributária - IBS
                    document.getElementById('item_base_ibs').value = item.base_ibs || 0;
                    document.getElementById('item_aliq_ibs_uf').value = item.aliq_ibs_uf || 0;
                    document.getElementById('item_aliq_ibs_mun').value = item.aliq_ibs_mun || 0;
                    document.getElementById('item_valor_ibs_uf').value = item.valor_ibs_uf || 0;
                    document.getElementById('item_valor_ibs_mun').value = item.valor_ibs_mun || 0;
                    document.getElementById('item_gera_credito_ibs').checked = item.gera_credito_ibs || false;
                    // Reforma Tributária - IS
                    document.getElementById('item_is_sujeito').value = item.is_sujeito ? 'S' : 'N';
                    document.getElementById('item_base_is').value = item.base_is || 0;
                    document.getElementById('item_aliq_is').value = item.aliq_is || 0;
                    document.getElementById('item_valor_is').value = item.valor_is || 0;
                    // Regime
                    document.getElementById('item_regime_apuracao').value = item.regime_apuracao || '';
                    
                    calcularTotalItem();
                }
            });
    }
    
    modalItem.show();
}

function editarItem(itemId) {
    abrirModalItem(itemId);
}

// ========== BUSCA DE PRODUTO POR DESCRIÇÃO ==========
let timeoutBuscaDescricao = null;

function buscarProdutoPorDescricao(termo) {
    const lista = document.getElementById('listaDescricaoBusca');
    
    if (termo.length < 2) {
        lista.style.display = 'none';
        return;
    }
    
    // Debounce - aguardar 300ms após digitação
    clearTimeout(timeoutBuscaDescricao);
    timeoutBuscaDescricao = setTimeout(() => {
        fetch(`/api/produtos/buscar?q=${encodeURIComponent(termo)}&empresa_id={{ entrada.empresa_id if entrada else current_user.empresa_id }}&limite=15`)
            .then(r => r.json())
            .then(produtos => {
                if (produtos && produtos.length > 0) {
                    lista.innerHTML = produtos.map(p => `
                        <a href="#" class="list-group-item list-group-item-action py-2" 
                           onclick="selecionarProdutoDescricao(${p.id}, '${(p.nome || '').replace(/'/g, "\\'")}', '${p.ncm || ''}', '${p.unidade || 'UN'}', ${p.custo || 0}, '${p.ean || ''}'); return false;">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <strong>${p.codigo || ''}</strong> - ${p.nome}
                                    <small class="text-muted d-block">NCM: ${p.ncm || '-'} | ${p.unidade || 'UN'}${p.ean ? ' | EAN: ' + p.ean : ''}</small>
                                </div>
                                <span class="badge bg-success">R$ ${(p.custo || 0).toFixed(4)}</span>
                            </div>
                        </a>
                    `).join('');
                    lista.style.display = 'block';
                } else {
                    lista.innerHTML = `
                        <div class="list-group-item text-muted py-2">
                            <i class="fas fa-info-circle me-1"></i> Nenhum produto encontrado
                            <small class="d-block">O item será adicionado sem vínculo com cadastro</small>
                        </div>`;
                    lista.style.display = 'block';
                }
            })
            .catch(err => {
                console.error('Erro na busca:', err);
                lista.style.display = 'none';
            });
    }, 300);
}

function selecionarProdutoDescricao(id, nome, ncm, unidade, custo, ean) {
    // Preencher descrição
    document.getElementById('item_descricao').value = nome;
    
    // Vincular produto
    document.getElementById('item_produto_id').value = id;
    document.getElementById('item_produto_busca').value = nome;
    
    // Preencher dados fiscais do produto
    document.getElementById('item_ncm').value = ncm || '';
    document.getElementById('item_unidade').value = (unidade || 'UN').toUpperCase();
    document.getElementById('item_ean').value = ean || '';
    
    // Sugerir valor unitário baseado no custo
    if (custo > 0) {
        document.getElementById('item_valor_unitario').value = custo.toFixed(4);
        calcularTotalItem();
    }
    
    // Fechar lista
    document.getElementById('listaDescricaoBusca').style.display = 'none';
    
    // Focar no campo quantidade
    document.getElementById('item_quantidade').focus();
    document.getElementById('item_quantidade').select();
}

function limparProduto() {
    document.getElementById('item_produto_id').value = '';
    document.getElementById('item_produto_busca').value = '';
}

// Fechar lista ao clicar fora
document.addEventListener('click', function(e) {
    const listaDescricao = document.getElementById('listaDescricaoBusca');
    const inputDescricao = document.getElementById('item_descricao');
    if (listaDescricao && !listaDescricao.contains(e.target) && e.target !== inputDescricao) {
        listaDescricao.style.display = 'none';
    }
});

function calcularTotalItem() {
    const qtd = parseFloat(document.getElementById('item_quantidade').value) || 0;
    const vlr = parseFloat(document.getElementById('item_valor_unitario').value) || 0;
    const desc = parseFloat(document.getElementById('item_desconto').value) || 0;
    const total = (qtd * vlr) - desc;
    document.getElementById('item_total').value = total.toFixed(4);
}

// Sincroniza frete da aba Transporte com o painel de totais
function sincronizarFrete() {
    const valor = parseFloat(document.getElementById('valor_frete_transp').value) || 0;
    document.getElementById('valor_frete').value = valor;
    calcularTotais();
}

// Sincroniza frete do painel de totais com a aba Transporte
function sincronizarFreteReverso() {
    const valor = parseFloat(document.getElementById('valor_frete').value) || 0;
    document.getElementById('valor_frete_transp').value = valor;
    calcularTotais();
}

// Sincroniza outras despesas da aba Financeiro com o painel de totais
function sincronizarDespesas() {
    const valor = parseFloat(document.getElementById('valor_outras_despesas').value) || 0;
    document.getElementById('valor_outros').value = valor;
    calcularTotais();
}

// Sincroniza outras despesas do painel de totais com a aba Financeiro
function sincronizarDespesasReverso() {
    const valor = parseFloat(document.getElementById('valor_outros').value) || 0;
    document.getElementById('valor_outras_despesas').value = valor;
    calcularTotais();
}

// Sincroniza seguro da aba Financeiro com o painel de totais
function sincronizarSeguro() {
    const valor = parseFloat(document.getElementById('valor_seguro_fin').value) || 0;
    document.getElementById('valor_seguro').value = valor;
    calcularTotais();
}

// Sincroniza seguro do painel de totais com a aba Financeiro
function sincronizarSeguroReverso() {
    const valor = parseFloat(document.getElementById('valor_seguro').value) || 0;
    document.getElementById('valor_seguro_fin').value = valor;
    calcularTotais();
}

// Sincroniza desconto da aba Financeiro com o painel de totais
function sincronizarDesconto() {
    const valor = parseFloat(document.getElementById('valor_desconto_fin').value) || 0;
    document.getElementById('valor_desconto').value = valor;
    calcularTotais();
}

// Sincroniza desconto do painel de totais com a aba Financeiro
function sincronizarDescontoReverso() {
    const valor = parseFloat(document.getElementById('valor_desconto').value) || 0;
    document.getElementById('valor_desconto_fin').value = valor;
    calcularTotais();
}

function salvarItem() {
    const icmsPayload = montarPayloadIcmsEntrada();
    const dados = {
        item_id: document.getElementById('item_id').value || null,
        descricao: document.getElementById('item_descricao').value.trim(),
        ean: document.getElementById('item_ean').value.trim(),
        ncm: document.getElementById('item_ncm').value.trim(),
        cfop: document.getElementById('item_cfop').value.trim(),
        cest: document.getElementById('item_cest').value.trim(),
        unidade: document.getElementById('item_unidade').value,
        quantidade: parseFloat(document.getElementById('item_quantidade').value) || 0,
        valor_unitario: parseFloat(document.getElementById('item_valor_unitario').value) || 0,
        valor_desconto: parseFloat(document.getElementById('item_desconto').value) || 0,
        valor_frete: 0, // Frete agora é do documento, não do item
        produto_id: document.getElementById('item_produto_id').value || null,
        // Tributos ICMS
        cst_icms: icmsPayload.cst_icms,
        csosn: icmsPayload.csosn,
        origem_icms: document.getElementById('item_origem_icms').value,
        base_icms: parseFloat(document.getElementById('item_base_icms').value) || 0,
        aliq_icms: parseFloat(document.getElementById('item_aliq_icms').value) || 0,
        // Tributos IPI
        cst_ipi: document.getElementById('item_cst_ipi').value,
        base_ipi: parseFloat(document.getElementById('item_base_ipi').value) || 0,
        aliq_ipi: parseFloat(document.getElementById('item_aliq_ipi').value) || 0,
        valor_ipi: parseFloat(document.getElementById('item_valor_ipi').value) || 0,
        // Tributos PIS/COFINS
        cst_pis: document.getElementById('item_cst_pis').value,
        aliq_pis: parseFloat(document.getElementById('item_aliq_pis').value) || 0,
        cst_cofins: document.getElementById('item_cst_cofins').value,
        aliq_cofins: parseFloat(document.getElementById('item_aliq_cofins').value) || 0,
        // Reforma Tributária - CBS
        cst_cbs: document.getElementById('item_cst_cbs').value,
        cclass_trib: document.getElementById('item_cclass_trib').value.trim(),
        base_cbs: parseFloat(document.getElementById('item_base_cbs').value) || 0,
        aliq_cbs: parseFloat(document.getElementById('item_aliq_cbs').value) || 0,
        valor_cbs: parseFloat(document.getElementById('item_valor_cbs').value) || 0,
        // Reforma Tributária - IBS
        cst_ibs: document.getElementById('item_cst_ibs').value,
        base_ibs: parseFloat(document.getElementById('item_base_ibs').value) || 0,
        aliq_ibs_uf: parseFloat(document.getElementById('item_aliq_ibs_uf').value) || 0,
        aliq_ibs_mun: parseFloat(document.getElementById('item_aliq_ibs_mun').value) || 0,
        valor_ibs_uf: parseFloat(document.getElementById('item_valor_ibs_uf').value) || 0,
        valor_ibs_mun: parseFloat(document.getElementById('item_valor_ibs_mun').value) || 0,
        // Reforma Tributária - IS
        is_sujeito: document.getElementById('item_is_sujeito').value === 'S',
        base_is: parseFloat(document.getElementById('item_base_is').value) || 0,
        aliq_is: parseFloat(document.getElementById('item_aliq_is').value) || 0,
        valor_is: parseFloat(document.getElementById('item_valor_is').value) || 0,
        // Créditos RT
        gera_credito_cbs: document.getElementById('item_gera_credito_cbs').checked,
        gera_credito_ibs: document.getElementById('item_gera_credito_ibs').checked,
        regime_apuracao: document.getElementById('item_regime_apuracao').value
    };
    
    // Validações
    if (!dados.descricao) {
        alert('Descrição é obrigatória');
        return;
    }
    if (dados.quantidade <= 0) {
        alert('Quantidade deve ser maior que zero');
        return;
    }
    
    fetch(`/estoque/entrada-fiscal/${entradaId}/item/salvar`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(dados)
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            const eraEdicao = dados.item_id;
            
            // Mostrar mensagem de sucesso
            mostrarAlerta('success', data.mensagem);
            
            // Atualizar lista de itens via AJAX
            atualizarListaItens();
            
            if (eraEdicao) {
                // Se era edição, fecha o modal
                modalItem.hide();
            } else {
                // Se era novo item, limpa o formulário para adicionar outro
                limparFormularioItem();
                document.getElementById('item_descricao').focus();
            }
        } else {
            alert('Erro: ' + data.mensagem);
        }
    })
    .catch(err => alert('Erro: ' + err.message));
}

// Limpa o formulário do item para adicionar novo
function limparFormularioItem() {
    document.getElementById('formItem').reset();
    document.getElementById('item_id').value = '';
    document.getElementById('item_produto_id').value = '';
    document.getElementById('item_produto_busca').value = '';
    document.getElementById('item_descricao').value = '';
    document.getElementById('item_quantidade').value = '1.000';
    document.getElementById('item_valor_unitario').value = '0.0000';
    document.getElementById('item_total').value = '0.0000';
    document.getElementById('item_cfop').value = '1102';
    document.getElementById('item_cst_icms').value = '00';
    document.getElementById('item_csosn').value = '';
    document.getElementById('listaDescricaoBusca').style.display = 'none';
}

// Atualiza a lista de itens via AJAX sem recarregar a página
function atualizarListaItens() {
    fetch(`/estoque/entrada-fiscal/${entradaId}/itens`)
        .then(r => r.json())
        .then(data => {
            if (data.sucesso) {
                const tbody = document.getElementById('tbodyItens');
                if (tbody && data.itens) {
                    if (data.itens.length > 0) {
                        tbody.innerHTML = data.itens.map((item, idx) => `
                            <tr id="item-row-${item.id}" class="${item.produto_id ? 'table-success' : ''}">
                                <td>${idx + 1}</td>
                                <td>
                                    <strong>${item.descricao || ''}</strong>
                                </td>
                                <td><small>${item.ncm || '-'}</small></td>
                                <td>${item.cfop || '-'}</td>
                                <td>${item.unidade || 'UN'}</td>
                                <td class="text-end">${parseFloat(item.quantidade || 0).toFixed(3)}</td>
                                <td class="text-end">${parseFloat(item.valor_unitario || 0).toFixed(4)}</td>
                                <td class="text-end"><strong>${parseFloat(item.valor_total || 0).toFixed(4)}</strong></td>
                                <td>
                                    ${item.produto_id 
                                        ? '<span class="badge bg-success"><i class="fas fa-link"></i> Vinculado</span>' 
                                        : '<span class="badge bg-secondary">Não vinculado</span>'}
                                </td>
                                <td class="text-center">
                                    <button type="button" class="btn btn-sm btn-outline-primary" onclick="editarItem(${item.id})" title="Editar">
                                        <i class="fas fa-edit"></i>
                                    </button>
                                    <button type="button" class="btn btn-sm btn-outline-danger" onclick="excluirItem(${item.id}, '${(item.descricao || '').replace(/'/g, "")}')" title="Excluir">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                        `).join('');
                    } else {
                        tbody.innerHTML = `
                            <tr id="tr-sem-itens">
                                <td colspan="10" class="text-center text-muted py-4">
                                    <i class="fas fa-inbox fa-3x mb-3 d-block"></i>
                                    Nenhum item adicionado. Clique em "Adicionar Item" para começar.
                                </td>
                            </tr>
                        `;
                    }
                }
                // Atualizar totais
                if (data.totais) {
                    document.getElementById('totalProdutos').textContent = 'R$ ' + parseFloat(data.totais.produtos || 0).toFixed(2);
                    document.getElementById('totalIPI').textContent = 'R$ ' + parseFloat(data.totais.ipi || 0).toFixed(2);
                    document.getElementById('totalST').textContent = 'R$ ' + parseFloat(data.totais.st || 0).toFixed(2);
                    document.getElementById('totalGeral').textContent = 'R$ ' + parseFloat(data.totais.total || 0).toFixed(2);
                }
                // Atualizar badge de quantidade
                atualizarBadgeItens();
            }
        })
        .catch(err => console.error('Erro ao atualizar itens:', err));
}

function excluirItem(itemId, descricao) {
    if (!confirm(`Excluir item "${descricao}"?`)) return;
    
    fetch(`/estoque/entrada-fiscal/${entradaId}/item/${itemId}/excluir`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'}
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            document.getElementById(`item-row-${itemId}`)?.remove();
            calcularTotais();
            atualizarBadgeItens();
        } else {
            alert('Erro: ' + data.mensagem);
        }
    })
    .catch(err => alert('Erro: ' + err.message));
}

// ========== TRANSPORTE ==========
function salvarTransporte() {
    const dados = {
        mod_frete: document.getElementById('mod_frete').value,
        cnpj_transportadora: document.getElementById('cnpj_transportadora').value,
        nome_transportadora: document.getElementById('nome_transportadora').value,
        placa_veiculo: document.getElementById('placa_veiculo').value,
        uf_veiculo: document.getElementById('uf_veiculo').value,
        qtd_volumes: parseInt(document.getElementById('qtd_volumes').value) || null,
        peso_bruto: parseFloat(document.getElementById('peso_bruto').value) || null,
        peso_liquido: parseFloat(document.getElementById('peso_liquido').value) || null,
        valor_frete: parseFloat(document.getElementById('valor_frete_transp').value) || 0
    };
    
    fetch(`/estoque/entrada-fiscal/${entradaId}/transporte`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(dados)
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            mostrarAlerta('success', 'Transporte salvo com sucesso');
        } else {
            mostrarAlerta('danger', data.mensagem);
        }
    })
    .catch(err => mostrarAlerta('danger', 'Erro: ' + err.message));
}

// ========== FINANCEIRO ==========
function salvarFinanceiro() {
    const dados = {
        valor_outros: parseFloat(document.getElementById('valor_outras_despesas').value) || 0,
        valor_seguro: parseFloat(document.getElementById('valor_seguro_fin').value) || 0,
        valor_desconto: parseFloat(document.getElementById('valor_desconto_fin').value) || 0,
        forma_pagamento: document.getElementById('forma_pagamento').value,
        condicao_pagamento: document.getElementById('condicao_pagamento').value
    };
    
    fetch(`/estoque/entrada-fiscal/${entradaId}/financeiro`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify(dados)
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            mostrarAlerta('success', 'Dados financeiros salvos com sucesso');
            calcularTotais();
        } else {
            mostrarAlerta('danger', data.mensagem);
        }
    })
    .catch(err => mostrarAlerta('danger', 'Erro: ' + err.message));
}

// ========== TOTAIS ==========
function calcularTotais() {
    // Somar itens da tabela
    let totalProdutos = 0;
    let totalIPI = 0;
    let totalST = 0;
    
    document.querySelectorAll('#tbodyItens tr[id^="item-row-"]').forEach(row => {
        const tdTotal = row.querySelector('td:nth-child(8)');
        if (tdTotal) {
            totalProdutos += parseFloat(tdTotal.textContent.replace('R$', '').replace('.', '').replace(',', '.').trim()) || 0;
        }
    });
    
    const frete = parseFloat(document.getElementById('valor_frete').value) || 0;
    const seguro = parseFloat(document.getElementById('valor_seguro').value) || 0;
    const outros = parseFloat(document.getElementById('valor_outros').value) || 0;
    const desconto = parseFloat(document.getElementById('valor_desconto').value) || 0;
    
    const totalGeral = totalProdutos + frete + seguro + outros + totalIPI + totalST - desconto;
    
    document.getElementById('totalProdutos').textContent = `R$ ${totalProdutos.toFixed(2)}`;
    document.getElementById('totalIPI').textContent = `R$ ${totalIPI.toFixed(2)}`;
    document.getElementById('totalST').textContent = `R$ ${totalST.toFixed(2)}`;
    document.getElementById('totalGeral').textContent = `R$ ${totalGeral.toFixed(2)}`;
}

function atualizarBadgeItens() {
    const qtd = document.querySelectorAll('#tbodyItens tr[id^="item-row-"]').length;
    document.getElementById('badgeQtdItens').textContent = qtd;
}

// ========== FORNECEDOR ==========
function buscarFornecedor() {
    const documento = document.getElementById('cnpj_fornecedor').value.replace(/\D/g, '');
    
    if (documento.length !== 11 && documento.length !== 14) {
        alert('Informe um CPF (11 dígitos) ou CNPJ (14 dígitos) válido');
        return;
    }
    
    const isCPF = documento.length === 11;
    
    // Primeiro buscar no cadastro local
    const select = document.getElementById('fornecedor_id');
    for (let i = 0; i < select.options.length; i++) {
        const opt = select.options[i];
        if (opt.dataset.cnpj && opt.dataset.cnpj.replace(/\D/g, '') === documento) {
            select.value = opt.value;
            document.getElementById('nome_fornecedor').value = opt.dataset.nome;
            alert('Fornecedor encontrado no cadastro!');
            return;
        }
    }
    
    // Se for CPF, não tem API externa - pedir para preencher manualmente
    if (isCPF) {
        alert('CPF não encontrado no cadastro.\nPreencha o nome do fornecedor manualmente.');
        document.getElementById('nome_fornecedor').focus();
        return;
    }
    
    // Se for CNPJ, buscar na API
    fetch(`/api/consultar-cnpj/${documento}`)
        .then(r => r.json())
        .then(data => {
            if (data.razao_social) {
                document.getElementById('nome_fornecedor').value = data.razao_social;
                alert('Dados do CNPJ carregados!');
            } else if (data.erro) {
                alert('CNPJ não encontrado: ' + data.erro + '\nPreencha os dados manualmente.');
                document.getElementById('nome_fornecedor').focus();
            }
        })
        .catch(() => {
            alert('Erro ao consultar CNPJ. Preencha os dados manualmente.');
            document.getElementById('nome_fornecedor').focus();
        });
}

// ========== FINALIZAR / CANCELAR ==========
function finalizarEntrada() {
    if (!confirm('Deseja FINALIZAR esta entrada?\n\nIsso irá:\n- Atualizar estoque dos produtos vinculados\n- Atualizar custo médio\n- Gerar movimentos de entrada\n- Gerar contas a pagar (se habilitado)\n\nA entrada não poderá mais ser editada.')) return;
    
    const gerarFinanceiro = document.getElementById('gerar_financeiro').checked;
    
    fetch(`/estoque/entrada-fiscal/${entradaId}/finalizar`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({
            gerar_financeiro: gerarFinanceiro,
            forma_pagamento: document.getElementById('forma_pagamento').value,
            condicao_pagamento: document.getElementById('condicao_pagamento').value,
            plano_contas_id: document.getElementById('plano_contas_id').value
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            alert(data.mensagem);
            location.reload();
        } else {
            alert('Erro: ' + data.mensagem);
        }
    })
    .catch(err => alert('Erro: ' + err.message));
}

function cancelarEntrada() {
    if (!confirm('Deseja CANCELAR esta entrada?\n\nEsta ação não poderá ser desfeita.')) return;
    
    fetch(`/estoque/entrada-fiscal/${entradaId}/cancelar`, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'}
    })
    .then(r => r.json())
    .then(data => {
        if (data.sucesso) {
            alert(data.mensagem);
            location.reload();
        } else {
            alert('Erro: ' + data.mensagem);
        }
    })
    .catch(err => alert('Erro: ' + err.message));
}

// ========== UTILS ==========
function mostrarAlerta(tipo, mensagem) {
    const container = document.getElementById('alertContainer');
    container.innerHTML = `
        <div class="alert alert-${tipo} alert-dismissible fade show" role="alert">
            ${mensagem}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    `;
    setTimeout(() => container.innerHTML = '', 5000);
}
</script>
{% endblock %}