{% extends "base.html" %}

{% block title %}PDV - Ponto de Venda{% endblock %}

{% block content %}
<style>
    /* ========================================
       PDV FULLSCREEN - Sem rolagem
       ======================================== */
    html, body {
        height: 100%;
        overflow: hidden !important;
    }
    body {
        background-color: #f8f9fa;
    }
    .cape-main-area {
        min-height: 0;
        overflow: hidden;
    }
    .cape-page-container {
        flex: 1;
        min-height: 0;
        padding: 0 !important;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    /* Esconder elementos do base.html no PDV */
    footer.bg-light,
    .cape-app-footer,
    .navbar {
        display: none !important;
    }
    /* Container principal do PDV */
    .pdv-container {
        position: relative;
        flex: 1;
        min-height: 0;
        width: 100%;
        height: 100%;
        padding: 5px 10px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        font-size: 1.15rem; /* Base maior para todo o PDV */
    }
    /* Header compacto */
    .pdv-header {
        flex-shrink: 0;
    }
    /* Área principal com scroll interno */
    .pdv-main {
        flex: 1;
        display: flex;
        overflow: hidden;
        gap: 10px;
    }
    /* Coluna esquerda - Lista de itens */
    .pdv-left {
        flex: 2;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    /* Coluna direita - Totais e operações */
    .pdv-right {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        max-width: 400px;
    }
    .total-display {
        font-size: 3rem;
        font-weight: bold;
        color: #28a745;
    }
    .btn-pdv {
        font-size: 1.1rem;
        padding: 10px 16px;
    }
    #codigo_barras {
        font-size: 1.3rem;
        height: 48px;
        border: 2px solid #0d6efd;
    }
    .tabela-itens {
        font-size: 1.1rem;
    }
    .tabela-itens th {
        background-color: #e9ecef;
        padding: 6px 10px !important;
        position: sticky;
        top: 0;
        z-index: 10;
        font-size: 1.05rem;
    }
    .tabela-itens td {
        padding: 6px 10px !important;
        vertical-align: middle;
    }
    .card-pdv {
        margin-bottom: 0.15rem !important;
    }
    .card-pdv .card-header {
        padding: 0.3rem 0.6rem;
        font-size: 1.1rem;
    }
    .card-pdv .card-body {
        padding: 0.4rem;
    }
    .btn-operacao {
        padding: 5px 8px;
        font-size: 0.9rem;
    }
    /* Lista de itens com scroll */
    .lista-itens-container {
        flex: 1;
        overflow-y: auto;
        min-height: 0;
        height: 100%;
    }
    /* Total display mais compacto */
    .total-display {
        font-size: 3.2rem !important;
    }
    /* Esconder container do base.html */
    .container.mt-4, .content-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Animação para destacar número do pedido */
    .pulse-animation {
        animation: pulse 0.5s ease-in-out;
    }
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.15); }
        100% { transform: scale(1); }
    }
    #numeroControleBadge {
        font-size: 1.2rem !important;
        padding: 8px 16px !important;
        gap: 5px;
        align-items: center;
    }
    /* Estilos do Autocomplete de Produtos */
    .busca-container {
        position: relative;
    }
    #resultados-busca {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        border: 2px solid #0d6efd;
        border-top: none;
        border-radius: 0 0 8px 8px;
        max-height: 350px;
        overflow-y: auto;
        z-index: 1000;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .item-resultado {
        padding: 10px 15px;
        cursor: pointer;
        border-bottom: 1px solid #e9ecef;
        transition: background 0.2s;
    }
    .item-resultado:last-child {
        border-bottom: none;
    }
    .item-resultado:hover,
    .item-resultado.selecionado {
        background: #e7f1ff;
    }
    .item-resultado-nome {
        font-weight: 600;
        color: #333;
        font-size: 1.1rem;
    }
    .item-resultado-info {
        display: flex;
        gap: 15px;
        font-size: 1rem;
        color: #666;
        margin-top: 2px;
    }
    .item-resultado-codigo {
        color: #888;
    }
    .item-resultado-preco {
        color: #28a745;
        font-weight: 600;
    }
    .item-resultado-estoque {
        color: #0d6efd;
    }
    .item-resultado-estoque.sem-estoque {
        color: #dc3545;
    }
    /* Rotina Reimpressão */
    #reimpressaoResultados .table thead th {
        font-size: 0.95rem;
        letter-spacing: 0.2px;
    }
    #reimpressaoResultados .table td {
        vertical-align: middle;
        font-size: 0.95rem;
    }
    #reimpressaoResultados .linha-reimp-nao-faturada {
        background: #fff8e1;
    }
    #reimpressaoResultados .linha-reimp-faturada {
        background: #f6ffed;
    }
    #reimpressaoResultados .btn-group .btn {
        min-width: 118px;
        font-weight: 600;
    }
    .reimp-kpis {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 8px;
    }
    .reimp-kpis .badge {
        font-size: 0.85rem;
        padding: 8px 10px;
    }
    /* Devolução / Troca */
    #devolucaoModal .modal-body {
        background: #fbfcff;
    }
    .devolucao-card-btn {
        border-width: 2px;
        font-weight: 600;
        transition: all 0.15s ease-in-out;
    }
    .devolucao-card-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
    }
    .devolucao-etapa-title {
        font-size: 0.95rem;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        color: #6c757d;
    }
    .devolucao-venda-info {
        border-left: 4px solid #0d6efd;
        background: #eef5ff;
    }
    #devolucaoItensTabela tbody td {
        vertical-align: middle;
    }
    #devolucaoResultadoCPF .list-group-item,
    #devolucaoResultadoNF .list-group-item {
        border-left: 3px solid transparent;
    }
    #devolucaoResultadoCPF .list-group-item:hover,
    #devolucaoResultadoNF .list-group-item:hover {
        border-left-color: #0d6efd;
        background: #f4f8ff;
    }

    @media (max-width: 991.98px) {
        .cape-page-container {
            padding: 0 !important;
        }

        .pdv-container {
            padding: 4px;
        }

        .pdv-main {
            flex-direction: column;
        }

        .pdv-right {
            max-width: none;
        }
    }

    .pagamento-online-stack-modal {
        z-index: 3070 !important;
    }

    .pagamento-online-stack-backdrop {
        z-index: 3065 !important;
    }

    .pagamento-online-stack-modal .modal-dialog {
        width: min(960px, calc(100vw - 1rem));
        max-width: min(960px, calc(100vw - 1rem));
        margin: 0.5rem auto;
    }

    .pagamento-online-stack-modal .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .pagamento-online-stack-modal .modal-body {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .pagamento-online-stack-modal textarea,
    .pagamento-online-stack-modal input[readonly] {
        font-size: 0.95rem;
    }

    .pagamento-online-comprovante-linha {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 0.35rem 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .pagamento-online-comprovante-linha:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .pagamento-online-comprovante-linha .valor {
        font-weight: 600;
        text-align: right;
        word-break: break-word;
    }

    @media (max-width: 767.98px) {
        .pagamento-online-stack-modal .modal-dialog {
            width: calc(100vw - 0.5rem);
            max-width: calc(100vw - 0.5rem);
            margin: 0.25rem auto;
        }

        .pagamento-online-stack-modal .modal-content {
            max-height: calc(100vh - 0.5rem);
        }

        .pagamento-online-comprovante-linha {
            flex-direction: column;
            gap: 2px;
        }

        .pagamento-online-comprovante-linha .valor {
            text-align: left;
        }
    }
</style>

{% import 'macros/empresa.html' as empresa_ui %}
<div class="pdv-container">
    <div id="pdvJsStatus" class="alert alert-info py-1 mb-1" style="display:none;"></div>
    {% if not produtos_json or (produtos_json|length) == 0 %}
    <div class="alert alert-warning py-1 d-flex align-items-center justify-content-between mb-1" role="alert">
        <div>
            <strong>⚠️ Nenhum produto carregado no PDV.</strong>
            <small class="ms-2">Empresa: {{ empresa_ui.nome(caixa.empresa, 'Sem Empresa') }}</small>
        </div>
        <small>Produtos: {{ produtos_json|length if produtos_json else 0 }}</small>
    </div>
    {% endif %}
    <!-- Header do Caixa - Compacto -->
    <div class="pdv-header bg-primary text-white py-2 px-3 rounded mb-1">
        <div class="d-flex justify-content-between align-items-center">
            <div class="d-flex align-items-center gap-2 flex-wrap">
                <span class="fw-bold" style="font-size: 1.15rem;">
                    <i class="bi bi-cash-register"></i> 
                    Caixa {{ caixa.numero_caixa }} - {{ current_user.username }}
                </span>
                <span class="badge bg-warning text-dark py-1" style="font-size: 1rem;">
                    {{ empresa_ui.nome(caixa.empresa, 'Sem Empresa') }}
                </span>
                <span class="badge bg-light text-dark py-1" style="font-size: 0.95rem;">
                    <i class="bi bi-clock"></i> {{ formatar_datetime_operacional(caixa.data_abertura, '%H:%M', caixa.empresa) }}
                </span>
                <span class="badge bg-info text-dark py-1" style="font-size: 0.95rem;">
                    {{ produtos_json|length if produtos_json else 0 }} produtos
                </span>
                <!-- Status da Venda: CAIXA LIVRE | VENDA EM ANDAMENTO | VENDA Nº XX -->
                <span id="statusVendaBadge" class="badge bg-success py-2" style="font-size: 1.2rem;">
                    <i class="bi bi-check-circle"></i> CAIXA LIVRE
                </span>
            </div>
            <div class="d-flex align-items-center gap-2">
                <button id="btnVoltarFoodHeader" type="button" class="btn btn-warning py-1" style="font-size: 1.1rem; display: none;" onclick="retornarAoFood()">
                    <i class="bi bi-arrow-left-circle"></i> Voltar ao Controle de Mesas
                </button>
                <a href="{{ url_for('pdv_fechar_caixa', caixa_id=caixa.id) }}" class="btn btn-danger py-1" style="font-size: 1.1rem;">
                    <i class="bi bi-box-arrow-right"></i> Fechar
                </a>
            </div>
        </div>
    </div>

    <div class="pdv-main">
        <!-- Coluna Esquerda: Itens da Venda -->
        <div class="pdv-left">
            <!-- Campo de Busca/Código de Barras - Com Autocomplete -->
            <div class="busca-container mb-1">
                <div class="input-group">
                    <span class="input-group-text bg-primary text-white" style="font-size: 1.2rem;"><i class="bi bi-upc-scan"></i></span>
                    <input type="text" id="codigo_barras" class="form-control" 
                           placeholder="Qtd*Produto ou Código*Qtd (ex: 2*7890123 ou 7890123*2)" 
                           autocomplete="off"
                           autofocus
                           style="font-size: 1.3rem; height: 50px;">
                    <button type="button" class="btn btn-primary" style="width: 120px; font-size: 1.15rem;" onclick="buscarProduto()">
                        <i class="bi bi-search"></i> Buscar
                    </button>
                </div>
                <!-- Dropdown de resultados da busca dinâmica -->
                <div id="resultados-busca" style="display: none;"></div>
            </div>
            
            <!-- Identificação do Cliente - Na tela de lançamento -->
            <div class="card card-pdv mb-1">
                <div class="card-body py-1">
                    <div class="d-flex gap-2 align-items-center">
                        <div class="flex-grow-1">
                            <div class="input-group input-group-sm">
                                <span class="input-group-text bg-info text-white"><i class="bi bi-person-check"></i></span>
                                <select id="cliente-select" class="form-select form-select-sm">
                                    <option value="">-- Consumidor Final --</option>
                                    {% for cliente in clientes %}
                                    <option value="{{ cliente.id }}">{{ cliente.nome }}{% if cliente.cnpj_cpf %} ({{ cliente.cnpj_cpf }}){% endif %}</option>
                                    {% endfor %}
                                </select>
                                <button type="button" class="btn btn-success btn-sm" onclick="abrirCadastroClienteRapido()" title="Cadastrar Novo Cliente">
                                    <i class="bi bi-person-plus"></i>
                                </button>
                            </div>
                        </div>
                        <span id="clienteSelecionadoInfo" class="badge bg-secondary py-1">Consumidor Final</span>
                        <span id="vendedorInfo" class="badge bg-primary py-1" style="display:none;"></span>
                    </div>
                </div>
            </div>

            <!-- Lista de Itens da Venda - Flex para ocupar espaço restante -->
            <div class="card card-pdv" style="flex: 1; display: flex; flex-direction: column; overflow: hidden;">
                <div class="card-header bg-primary text-white py-1">
                    <small class="fw-bold"><i class="bi bi-cart-check"></i> Itens da Venda</small>
                </div>
                <div class="card-body p-0" style="flex: 1; overflow: hidden;">
                    <div class="lista-itens-container">
                        <table class="table table-hover table-sm tabela-itens mb-0">
                            <thead class="sticky-top">
                                <tr>
                                    <th width="5%">#</th>
                                    <th width="12%">Código</th>
                                    <th width="35%">Produto</th>
                                    <th width="10%">Qtd</th>
                                    <th width="13%">Preço Un.</th>
                                    <th width="13%">Total</th>
                                    <th width="8%">Ações</th>
                                </tr>
                            </thead>
                            <tbody id="itens-venda">
                                <tr id="vazio-msg">
                                    <td colspan="7" class="text-center text-muted py-3">
                                        <i class="bi bi-cart-x" style="font-size: 2rem;"></i>
                                        <p class="mt-1 mb-0 small">Nenhum item adicionado</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Coluna Direita: Totalizadores e Ações -->
        <div class="pdv-right">
            <!-- Número de Controle da Venda - Visível -->
            <div id="controleVendaCard" class="card card-pdv mb-1" style="display: none;">
                <div class="card-body py-2 bg-dark text-white text-center">
                    <div class="d-flex justify-content-between align-items-center">
                        <span class="text-light" style="font-size: 1.1rem;">Nº Venda:</span>
                        <span id="numeroControleDisplay" class="fw-bold text-warning" style="font-size: 1.8rem;"></span>
                    </div>
                </div>
            </div>
            
            <!-- Total da Venda - Destaque -->
            <div class="card card-pdv bg-success text-white mb-1">
                <div class="card-body text-center py-3">
                    <span class="text-uppercase" style="font-size: 1.2rem;">Total da Venda</span>
                    <div class="total-display text-white" id="total">R$ 0,00</div>
                    <span style="font-size: 1.1rem;">Subtotal: <span id="subtotal">R$ 0,00</span></span>
                    <!-- Campos ocultos para desconto/acréscimo (usados no recebimento) -->
                    <input type="hidden" id="descontoValor" value="0">
                    <input type="hidden" id="descontoTipo" value="valor">
                    <input type="hidden" id="acrescimoValor" value="0">
                    <input type="hidden" id="acrescimoTipo" value="valor">
                </div>
            </div>

            <!-- Operações Rápidas -->
            <div class="card card-pdv mb-1">
                <div class="card-header bg-dark text-white py-1">
                    <span class="fw-bold" style="font-size: 1.1rem;"><i class="bi bi-lightning"></i> Operações</span>
                </div>
                <div class="card-body py-2">
                    <div class="row g-1">
                        <div class="col-6">
                            <button class="btn btn-outline-danger btn-operacao w-100" type="button" onclick="cancelarUltimoItem()">
                                <i class="bi bi-x-circle"></i> Canc.Item
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-danger btn-operacao w-100" type="button" onclick="cancelarVenda()">
                                <i class="bi bi-trash"></i> Canc.Venda
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-warning btn-operacao w-100" type="button" onclick="guardarVendaServidor()">
                                <i class="bi bi-bookmark"></i> Guardar
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-info btn-operacao w-100" type="button" onclick="listarVendasGuardadas()">
                                <i class="bi bi-archive"></i> Recuperar
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-primary btn-operacao w-100" type="button" onclick="importarVendaDigitada()">
                                <i class="bi bi-box-arrow-in-down"></i> Importar
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-success btn-operacao w-100" type="button" onclick="importarComandaFood()">
                                <i class="bi bi-receipt"></i> Comanda
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-secondary btn-operacao w-100" type="button" onclick="selecionarVendedor()">
                                <i class="bi bi-person-badge"></i> Vendedor
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-primary btn-operacao w-100" type="button" onclick="pesquisarItemOuVenda()">
                                <i class="bi bi-search"></i> Pesquisar
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-dark btn-operacao w-100" type="button" onclick="abrirLocalizarVendaReimpressao()">
                                <i class="bi bi-printer"></i> Reimprimir
                            </button>
                        </div>
                        <div class="col-6">
                            <button class="btn btn-outline-primary btn-operacao w-100" type="button" onclick="listarVendasOperacao()">
                                <i class="bi bi-card-list"></i> Listar Vendas
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Caixa - Suprimento/Sangria -->
            <div class="card card-pdv mb-1">
                <div class="card-header bg-secondary text-white py-1">
                    <span class="fw-bold" style="font-size: 1.1rem;"><i class="bi bi-cash-stack"></i> Movimentações</span>
                </div>
                <div class="card-body py-2">
                    <div class="row g-1">
                        <div class="col-4">
                            <button class="btn btn-outline-dark btn-operacao w-100" type="button" onclick="abrirModalSuprimento()">
                                <i class="bi bi-plus-circle"></i> Suprimento
                            </button>
                        </div>
                        <div class="col-4">
                            <button class="btn btn-outline-danger btn-operacao w-100" type="button" onclick="abrirModalSangria()">
                                <i class="bi bi-arrow-down-circle"></i> Sangria
                            </button>
                        </div>
                        <div class="col-4">
                            <button class="btn btn-outline-warning btn-operacao w-100" type="button" onclick="abrirDevolucao()">
                                <i class="bi bi-arrow-return-left"></i> Devolução
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Botão de Recebimento - Destaque -->
            <div class="card card-pdv">
                <div class="card-body p-2">
                    <button class="btn btn-success w-100 py-3" id="btnAbrirRecebimento" type="button" onclick="abrirRecebimento()" style="font-size: 1.5rem;" disabled>
                        <i class="bi bi-wallet2"></i>
                        <strong> RECEBER (F8)</strong>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal de Recebimento -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="recebimentoModal" tabindex="-1" aria-labelledby="recebimentoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-success text-white py-2">
                <h5 class="modal-title mb-0" id="recebimentoModalLabel" style="font-size: 1.3rem;"><i class="bi bi-wallet2"></i> Recebimento da Venda</h5>
                <div class="d-flex align-items-center gap-3 ms-auto me-2">
                    <span style="font-size: 1.1rem;"><i class="bi bi-person"></i> <span id="clienteResumoModal">Consumidor</span></span>
                    <span class="fw-bold" id="modalTotal" style="font-size: 1.5rem;">R$ 0,00</span>
                </div>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body py-3">
                <!-- Resumo Superior - Destacando FALTA -->
                <div class="row g-2 mb-3">
                    <div class="col-4">
                        <div class="text-center">
                            <div class="text-muted" style="font-size: 1rem;">Venda</div>
                            <strong id="pagamentoTotalEsperado" style="font-size: 1.4rem;">R$ 0,00</strong>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="text-center">
                            <div class="text-muted" style="font-size: 1rem;">Cliente Paga</div>
                            <strong class="text-success" id="pagamentoDistribuido" style="font-size: 1.4rem;">R$ 0,00</strong>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="text-center bg-danger text-white rounded py-2">
                            <div style="font-size: 1rem;">FALTA</div>
                            <strong id="pagamentoRestante" style="font-size: 1.6rem;">R$ 0,00</strong>
                        </div>
                    </div>
                </div>

                <!-- Formas de Pagamento -->
                <div class="border rounded p-3 mb-2">
                    <!-- Botões de Forma de Pagamento -->
                    <div id="botoesFormasPagamento" class="d-flex flex-wrap gap-2 mb-3">
                        <!-- Preenchido via JavaScript -->
                    </div>
                    
                    <!-- CAMPO RECEBIDO PRIMEIRO - Grande e Destacado -->
                    <div class="row g-2 align-items-center mb-3" id="divValorRecebido" style="display: none;">
                        <div class="col-auto">
                            <label class="col-form-label fw-bold text-success" style="font-size: 1.2rem;">Recebido:</label>
                        </div>
                        <div class="col">
                            <div class="input-group">
                                <span class="input-group-text bg-success text-white" style="font-size: 1.4rem; padding: 12px 16px;">R$</span>
                                <input type="number" id="valorRecebidoInput" class="form-control text-end fw-bold" step="0.01" min="0" placeholder="0,00" oninput="calcularTrocoPreview()" style="font-size: 1.8rem; height: 60px;">
                            </div>
                        </div>
                    </div>
                    
                    <!-- Troco Preview (tempo real) - Grande -->
                    <div class="row g-2 align-items-center mb-3" id="divTrocoPreview" style="display: none;">
                        <div class="col text-center">
                            <span class="badge bg-warning text-dark px-4 py-3" id="trocoPreviewBadge" style="font-size: 1.5rem;">
                                <i class="bi bi-arrow-return-left"></i> TROCO: R$ 0,00
                            </span>
                        </div>
                    </div>
                    
                    <!-- Linha: Valor a Abater da Venda -->
                    <div class="row g-2 align-items-center mb-2">
                        <div class="col-auto">
                            <label class="col-form-label text-muted" style="font-size: 1.1rem;">Abater:</label>
                        </div>
                        <div class="col">
                            <div class="input-group">
                                <span class="input-group-text" style="font-size: 1.2rem;">R$</span>
                                <input type="number" id="novaFormaValor" class="form-control text-end fw-bold" step="0.01" min="0" placeholder="0,00" oninput="calcularTrocoPreview()" style="font-size: 1.4rem; height: 50px;">
                            </div>
                        </div>
                    </div>

                    <!-- Detalhes de Cartão (crédito/débito) -->
                    <div class="row g-2 align-items-end mb-2" id="divDetalhesCartao" style="display: none;">
                        <div class="col-md-4">
                            <label class="form-label mb-1"><strong>Parcelas</strong></label>
                            <select id="cartaoParcelas" class="form-select">
                                <option value="1">1x</option>
                            </select>
                        </div>
                        <div class="col-md-8">
                            <label class="form-label mb-1"><strong>Bandeira</strong></label>
                            <select id="cartaoBandeira" class="form-select">
                                <option value="">Selecione...</option>
                            </select>
                        </div>
                    </div>
                    
                    <!-- Botão Confirmar - Maior -->
                    <div class="d-grid mt-3">
                        <button class="btn btn-primary py-3" type="button" onclick="confirmarPagamentoAtual()" style="font-size: 1.2rem;">
                            <i class="bi bi-plus-lg"></i> Adicionar Pagamento (F12)
                        </button>
                    </div>
                    
                    <div class="mt-2">
                        <span id="infoTrocoRestante" class="fw-bold text-primary" style="font-size: 1.1rem;"></span>
                    </div>
                    
                    <!-- Select oculto para compatibilidade -->
                    <select id="novaFormaPagamento" class="form-select d-none">
                        <option value="">Selecione...</option>
                    </select>
                </div>

                <!-- Lista de Pagamentos -->
                <div id="listaPagamentos" class="mb-2" style="max-height: 120px; overflow-y: auto; font-size: 1.1rem;"></div>

                <!-- Observações do Pedido -->
                <div class="mb-3">
                    <div class="input-group">
                        <span class="input-group-text" style="font-size: 1.1rem;"><i class="bi bi-chat-left-text"></i></span>
                        <input type="text" id="obsVenda" class="form-control" placeholder="Observações do pedido (opcional)" maxlength="500" style="font-size: 1.1rem; height: 45px;">
                    </div>
                </div>

                <!-- Botões de Ação - Maiores -->
                <div class="d-flex gap-2 align-items-center flex-wrap">
                    <button class="btn btn-success py-2 px-4" id="btnFecharPedido" type="button" onclick="finalizarVenda()" disabled style="font-size: 1.2rem;">
                        <i class="bi bi-check-circle"></i> Fechar
                    </button>
                    <button class="btn btn-outline-secondary py-2 px-3" type="button" onclick="fecharRecebimento()" style="font-size: 1.1rem;">
                        <i class="bi bi-arrow-left"></i> Voltar
                    </button>
                    <div class="vr mx-2"></div>
                    <button class="btn btn-outline-primary py-2 px-3" type="button" id="btnMiniImpressao" onclick="imprimirMiniCupom()" disabled title="Mini Impressora" style="font-size: 1.1rem;">
                        <i class="bi bi-printer"></i> Mini IMP
                    </button>
                    <button class="btn btn-outline-warning py-2 px-3" type="button" id="btnEmitirNFCe" onclick="emitirNFCe()" disabled title="NFC-e" style="font-size: 1.1rem;">
                        <i class="bi bi-receipt"></i> NFC-e
                    </button>
                    <button class="btn btn-outline-info py-2 px-3" type="button" id="btnEmitirNFe" onclick="emitirNFe()" disabled title="NF-e" style="font-size: 1.1rem;">
                        <i class="bi bi-file-earmark-text"></i> NF-e
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal CPF na Nota (NFC-e) -->
<div class="modal fade cape-modal-standard" id="cpfNotaModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="bi bi-person-badge"></i> CPF na Nota</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">Cliente deseja informar CPF?</label>
                    <p class="text-muted small mb-2">Campo opcional. Deixe em branco para emitir sem CPF.</p>
                    <input type="text" class="form-control form-control-lg text-center" 
                           id="cpfNotaInput" placeholder="000.000.000-00" maxlength="14"
                           oninput="formatarCpfInput(this)">
                    <div class="invalid-feedback" id="cpfNotaErro">CPF inválido</div>
                </div>
            </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="confirmarEmissaoNFCe()">
                    <i class="bi bi-check-lg"></i> Emitir NFC-e
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Promissória/Crediário -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="promissoriaModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-warning text-dark">
                <h5 class="modal-title"><i class="bi bi-cash-coin"></i> Venda a Prazo (Promissória/Crediário)</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info mb-3">
                    <i class="bi bi-info-circle"></i> 
                    <strong>Atenção:</strong> Esta forma de pagamento exige um cliente identificado e gera conta(s) a receber.
                </div>
                
                <!-- Seleção de Cliente -->
                <div class="mb-3">
                    <label class="form-label"><strong>Cliente *</strong></label>
                    <div class="input-group">
                        <select class="form-select" id="promissoriaCliente" required>
                            <option value="">-- Selecione um cliente --</option>
                            {% for cliente in clientes %}
                            <option value="{{ cliente.id }}" 
                                    data-nome="{{ cliente.nome }}"
                                    data-cpf="{{ cliente.cnpj_cpf or '' }}">
                                {{ cliente.nome }} {% if cliente.cnpj_cpf %}({{ cliente.cnpj_cpf }}){% endif %}
                            </option>
                            {% endfor %}
                        </select>
                        <a href="{{ url_for('nova_pessoa') }}?tipo=cliente" target="_blank" class="btn btn-outline-primary">
                            <i class="bi bi-plus"></i> Novo
                        </a>
                    </div>
                    <small class="text-muted">O cliente selecionado será o devedor da conta a receber</small>
                </div>
                
                <!-- Forma de Parcelamento -->
                <div class="mb-3">
                    <label class="form-label"><strong>Forma de Parcelamento</strong></label>
                    <div class="row">
                        <div class="col-md-6">
                            <select class="form-select" id="promissoriaTipoPrazo" onchange="atualizarParcelamento()">
                                <option value="avista">À Vista (prazo único)</option>
                                <option value="parcelado">Parcelado</option>
                            </select>
                        </div>
                        <div class="col-md-6" id="divPrazos">
                            <select class="form-select" id="promissoriaPrazo">
                                <!-- Preenchido dinamicamente -->
                            </select>
                        </div>
                    </div>
                </div>
                
                <!-- Parcelas (quando parcelado) -->
                <div id="divParcelas" style="display:none;">
                    <label class="form-label"><strong>Parcelas</strong></label>
                    <div class="table-responsive">
                        <table class="table table-sm table-bordered">
                            <thead class="table-light">
                                <tr>
                                    <th>Parcela</th>
                                    <th>Vencimento</th>
                                    <th>Valor</th>
                                </tr>
                            </thead>
                            <tbody id="promissoriaParcelasBody">
                                <!-- Preenchido dinamicamente -->
                            </tbody>
                            <tfoot>
                                <tr class="table-warning">
                                    <th colspan="2">Total</th>
                                    <th id="promissoriaTotalParcelas">R$ 0,00</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
                
                <!-- Resumo -->
                <div class="card bg-light mt-3">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <strong>Valor Total:</strong>
                                <span id="promissoriaValorTotal" class="text-primary fs-5">R$ 0,00</span>
                            </div>
                            <div class="col-6 text-end">
                                <strong>Forma:</strong>
                                <span id="promissoriaFormaSelecionada">-</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="bi bi-x-circle"></i> Cancelar
                </button>
                <button type="button" class="btn btn-warning" onclick="confirmarPromissoria()">
                    <i class="bi bi-check-circle"></i> Confirmar e Gerar Conta a Receber
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Crédito Loja -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="creditoLojaModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title"><i class="bi bi-wallet2"></i> Crédito Loja (Troca/Devolução)</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info mb-3">
                    <i class="bi bi-info-circle"></i> 
                    <strong>Crédito Loja:</strong> Valor disponível para uso do cliente, gerado por devoluções de produtos.
                    <br><small><strong>Importante:</strong> Crédito Loja não gera troco. O valor excedente permanece no saldo.</small>
                </div>
                
                <!-- Dados do Cliente -->
                <div class="card mb-3">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <strong>Cliente:</strong>
                                <span id="creditoLojaCliente" class="text-primary fs-5">-</span>
                            </div>
                            <div class="col-md-6 text-end">
                                <strong>Saldo Disponível:</strong>
                                <span id="creditoLojaSaldo" class="text-success fs-4 fw-bold">R$ 0,00</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- Alerta de saldo insuficiente -->
                <div id="creditoLojaAlerta" style="display:none;"></div>
                
                <!-- Valor a Usar -->
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label"><strong>Valor Solicitado:</strong></label>
                        <div id="creditoLojaValorSolicitado" class="fs-5 text-primary">R$ 0,00</div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label" for="creditoLojaValorUsar"><strong>Valor a Utilizar:</strong></label>
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input type="number" class="form-control form-control-lg text-end" 
                                   id="creditoLojaValorUsar" step="0.01" min="0">
                        </div>
                    </div>
                </div>
                
                <!-- Lista de Créditos -->
                <div id="creditoLojaLista" style="display:none;">
                    <label class="form-label"><strong>Créditos Disponíveis:</strong></label>
                    <!-- Preenchido via JavaScript -->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="bi bi-x-circle"></i> Cancelar
                </button>
                <button type="button" class="btn btn-info text-white" onclick="confirmarCreditoLoja()">
                    <i class="bi bi-check-circle"></i> Confirmar Uso do Crédito
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Seleção de Maquininha/Adquirente -->
<div class="modal fade cape-modal-standard" id="adquirenteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="bi bi-credit-card"></i> Selecione a Maquininha</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div id="listaAdquirentes" class="d-grid gap-2">
                    <!-- Preenchido via JavaScript -->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="bi bi-x-circle"></i> Cancelar
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Suprimento -->
<div class="modal fade cape-modal-standard" id="suprimentoModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-secondary text-white">
                <h5 class="modal-title"><i class="bi bi-plus-circle"></i> Registrar Suprimento</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">Valor (R$)</label>
                    <input type="number" class="form-control" id="suprimentoValor" step="0.01" min="0.01" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Forma de pagamento</label>
                    <select class="form-select" id="suprimentoForma">
                        <option value="dinheiro">Dinheiro</option>
                        <option value="pix">PIX</option>
                        <option value="transferencia">Transferência</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">Origem do recurso</label>
                    <input type="text" class="form-control" id="suprimentoOrigem" placeholder="Ex: Cofre, Banco, Financeiro">
                </div>
                <div class="mb-3">
                    <label class="form-label">Responsável</label>
                    <input type="text" class="form-control" id="suprimentoResponsavel" value="{{ current_user.username }}">
                </div>
                <div class="mb-3">
                    <label class="form-label">Observações</label>
                    <textarea class="form-control" id="suprimentoObservacoes" rows="3" placeholder="Detalhes adicionais"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-secondary" onclick="enviarSuprimento()">Registrar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Sangria -->
<div class="modal fade cape-modal-standard" id="sangriaModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title"><i class="bi bi-arrow-down-circle"></i> Registrar Sangria</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">Valor (R$)</label>
                    <input type="number" class="form-control" id="sangriaValor" step="0.01" min="0.01" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Forma de pagamento</label>
                    <select class="form-select" id="sangriaForma">
                        <option value="dinheiro">Dinheiro</option>
                        <option value="pix">PIX</option>
                        <option value="transferencia">Transferência</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">Destino</label>
                    <input type="text" class="form-control" id="sangriaDestino" placeholder="Ex: Cofre, Depósito, Pagamento de despesas" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Responsável</label>
                    <input type="text" class="form-control" id="sangriaResponsavel" value="{{ current_user.username }}">
                </div>
                <div class="mb-3">
                    <label class="form-label">Observações (obrigatório)</label>
                    <textarea class="form-control" id="sangriaObservacoes" rows="3" placeholder="Informe o motivo da sangria" required></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-danger" onclick="enviarSangria()">Confirmar Sangria</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Devolução / Troca -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="devolucaoModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-warning text-dark">
                <h5 class="modal-title"><i class="bi bi-arrow-return-left"></i> Devolução / Troca</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- Etapa 1: Escolher tipo de devolução -->
                <div id="devolucaoEtapa1">
                    <div class="text-center mb-4">
                        <div class="devolucao-etapa-title mb-1">Etapa 1 de 3</div>
                        <h6>Como deseja iniciar a devolução?</h6>
                    </div>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <button class="btn btn-outline-primary btn-lg w-100 py-4 devolucao-card-btn" onclick="iniciarDevolucaoComNF()">
                                <i class="bi bi-receipt fs-1 d-block mb-2"></i>
                                <strong>Com Nota Fiscal</strong>
                                <small class="d-block text-muted mt-1">Buscar venda pela NF-e/NFC-e</small>
                            </button>
                        </div>
                        <div class="col-md-6">
                            <button class="btn btn-outline-secondary btn-lg w-100 py-4 devolucao-card-btn" onclick="iniciarDevolucaoSemNF()">
                                <i class="bi bi-person-badge fs-1 d-block mb-2"></i>
                                <strong>Sem Nota Fiscal</strong>
                                <small class="d-block text-muted mt-1">Buscar por CPF/CNPJ do cliente</small>
                            </button>
                        </div>
                    </div>
                </div>
                
                <!-- Etapa 2: Buscar Nota Fiscal -->
                <div id="devolucaoEtapa2NF" class="d-none">
                    <div class="devolucao-etapa-title mb-2">Etapa 2 de 3</div>
                    <div class="mb-3">
                        <label class="form-label"><i class="bi bi-search"></i> Número da Nota Fiscal</label>
                        <div class="input-group">
                            <input type="text" class="form-control form-control-lg" id="devolucaoNumeroNF" 
                                   placeholder="Digite o número da NF-e ou NFC-e...">
                            <button class="btn btn-primary" type="button" onclick="buscarVendaPorNF()">
                                <i class="bi bi-search"></i> Buscar
                            </button>
                        </div>
                    </div>
                    <div id="devolucaoResultadoNF"></div>
                </div>
                
                <!-- Etapa 2: Buscar por CPF/CNPJ -->
                <div id="devolucaoEtapa2CPF" class="d-none">
                    <div class="devolucao-etapa-title mb-2">Etapa 2 de 3</div>
                    <div class="mb-3">
                        <label class="form-label"><i class="bi bi-person"></i> CPF/CNPJ do Cliente</label>
                        <div class="input-group">
                            <input type="text" class="form-control form-control-lg" id="devolucaoCPFCNPJ" 
                                   placeholder="Digite o CPF ou CNPJ...">
                            <button class="btn btn-primary" type="button" onclick="buscarVendasPorCPF()">
                                <i class="bi bi-search"></i> Buscar
                            </button>
                        </div>
                    </div>
                    <div id="devolucaoResultadoCPF"></div>
                </div>
                
                <!-- Etapa 3: Selecionar itens para devolução -->
                <div id="devolucaoEtapa3" class="d-none">
                    <div class="devolucao-etapa-title mb-2">Etapa 3 de 3</div>
                    <div class="alert devolucao-venda-info mb-3" id="devolucaoVendaInfo"></div>
                    
                    <h6 class="mb-3"><i class="bi bi-box"></i> Selecione os itens para devolução:</h6>
                    <div class="table-responsive">
                        <table class="table table-sm table-striped" id="devolucaoItensTabela">
                            <thead class="table-dark">
                                <tr>
                                    <th width="40"><input type="checkbox" id="devolucaoSelecionarTodos" onclick="toggleSelecionarTodosDevolucao()"></th>
                                    <th>Produto</th>
                                    <th class="text-center">Qtd. Original</th>
                                    <th class="text-center">Qtd. Devolver</th>
                                    <th class="text-end">Valor Unit.</th>
                                    <th class="text-end">Subtotal</th>
                                </tr>
                            </thead>
                            <tbody id="devolucaoItensBody"></tbody>
                            <tfoot>
                                <tr class="table-warning">
                                    <th colspan="5" class="text-end">Total a Devolver:</th>
                                    <th class="text-end fs-5" id="devolucaoTotalDevolver">R$ 0,00</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    
                    <div class="row mt-3">
                        <div class="col-md-6">
                            <label class="form-label">Motivo da Devolução</label>
                            <select class="form-select" id="devolucaoMotivo" required>
                                <option value="">Selecione o motivo...</option>
                                <option value="defeito">Produto com defeito</option>
                                <option value="arrependimento">Arrependimento de compra</option>
                                <option value="tamanho">Tamanho/medida incorreto</option>
                                <option value="divergente">Produto divergente do pedido</option>
                                <option value="validade">Produto fora da validade</option>
                                <option value="outro">Outro</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Destino do Valor</label>
                            <select class="form-select" id="devolucaoDestino" required>
                                <option value="credito_loja">Crédito na Loja</option>
                                <option value="dinheiro">Devolução em Dinheiro</option>
                                <option value="troca">Troca por outro produto</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="mb-3 mt-3">
                        <label class="form-label">Observações</label>
                        <textarea class="form-control" id="devolucaoObservacoes" rows="2" 
                                  placeholder="Detalhes adicionais sobre a devolução..."></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" id="devolucaoVoltar" onclick="voltarEtapaDevolucao()" style="display:none;">
                    <i class="bi bi-arrow-left"></i> Voltar
                </button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-warning" id="devolucaoConfirmar" onclick="confirmarDevolucao()" style="display:none;">
                    <i class="bi bi-check-circle"></i> Confirmar Devolução
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Localizar Venda / Reimpressão -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="reimpressaoModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-dark text-white">
                <h5 class="modal-title"><i class="bi bi-printer"></i> Localizar venda para reimpressão</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row g-2 mb-3 align-items-end">
                    <div class="col-md-2">
                        <label class="form-label mb-1"><strong>Buscar por</strong></label>
                        <select id="reimpressaoTipoBusca" class="form-select">
                            <option value="numero">Nº Venda</option>
                            <option value="nf">NF/NFC-e</option>
                            <option value="cpf">CPF/CNPJ</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label mb-1"><strong>Escopo</strong></label>
                        <select id="reimpressaoEscopo" class="form-select">
                            <option value="operador">Meu operador</option>
                            <option value="pdv">Meu PDV</option>
                            <option value="outro_pdv_operador">Meu operador em outro PDV</option>
                            <option value="todas">Todas (gerente/admin)</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label mb-1"><strong>Termo</strong></label>
                        <input type="text" id="reimpressaoTermo" class="form-control" placeholder="Opcional com filtro de data">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label mb-1"><strong>Data — de</strong></label>
                        <input type="date" id="reimpressaoDataInicio" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label mb-1"><strong>até</strong></label>
                        <input type="date" id="reimpressaoDataFim" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label mb-1"><strong>Impressora preferencial</strong></label>
                        <select id="reimpressaoImpressora" class="form-select">
                            <option value="">Carregando impressoras...</option>
                        </select>
                    </div>
                    <div class="col-md-2 d-grid gap-1">
                        <button class="btn btn-primary" type="button" onclick="buscarVendasReimpressao()">
                            <i class="bi bi-search"></i> Localizar
                        </button>
                        <button class="btn btn-outline-primary" type="button" onclick="listarVendasReimpressao()">
                            <i class="bi bi-card-list"></i> Listar
                        </button>
                    </div>
                </div>

                <div class="alert alert-info py-2 mb-2">
                    <small>
                        <i class="bi bi-info-circle"></i>
                        Se a venda <strong>não estiver faturada</strong>, a ação NFC-e irá <strong>emitir + imprimir</strong> automaticamente.
                    </small>
                </div>

                <div id="reimpressaoResultados" class="table-responsive" style="max-height: 430px; overflow-y: auto;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Pesquisa de Item -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="pesquisaItemModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="bi bi-search"></i> Pesquisar Produto</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <div class="input-group">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" class="form-control form-control-lg" id="pesquisaItemInput" 
                               placeholder="Digite o nome, código ou código de barras..." 
                               oninput="filtrarProdutosPesquisa()">
                    </div>
                </div>
                <div class="table-responsive" style="max-height: 400px; overflow-y: auto;">
                    <table class="table table-hover table-striped" id="tabelaPesquisaItem">
                        <thead class="table-dark sticky-top">
                            <tr>
                                <th>Código</th>
                                <th>Nome do Produto</th>
                                <th>Código de Barras</th>
                                <th class="text-end">Preço</th>
                                <th class="text-center">Ação</th>
                            </tr>
                        </thead>
                        <tbody id="resultadosPesquisaItem">
                            <!-- Resultados serão preenchidos via JavaScript -->
                        </tbody>
                    </table>
                </div>
                <div class="alert alert-info mt-2 mb-0" id="pesquisaItemInfo">
                    <i class="bi bi-info-circle"></i> Digite ao menos 2 caracteres para pesquisar
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Seleção de Vendedor -->
<div class="modal fade cape-modal-standard" id="vendedorModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-secondary text-white">
                <h5 class="modal-title"><i class="bi bi-person-badge"></i> Selecionar Vendedor</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <div class="input-group">
                        <span class="input-group-text"><i class="bi bi-search"></i></span>
                        <input type="text" class="form-control" id="pesquisaVendedorInput" 
                               placeholder="Buscar por código, nome ou CPF..." 
                               oninput="filtrarVendedores()">
                    </div>
                </div>
                
                <!-- Vendedor selecionado -->
                <div class="alert alert-success d-none mb-3" id="vendedorSelecionadoInfo">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <strong><i class="bi bi-person-check"></i> Vendedor:</strong>
                            <span id="vendedorSelecionadoNome"></span>
                        </div>
                        <button type="button" class="btn btn-sm btn-outline-danger" onclick="limparVendedor()">
                            <i class="bi bi-x"></i> Remover
                        </button>
                    </div>
                </div>
                
                <div class="list-group" id="listaVendedores" style="max-height: 300px; overflow-y: auto;">
                    <!-- Lista de vendedores será preenchida via JavaScript -->
                </div>
                
                {% if not vendedores %}
                <div class="alert alert-warning">
                    <i class="bi bi-exclamation-triangle"></i> Nenhum vendedor cadastrado. 
                    <a href="{{ url_for('pessoas') }}">Cadastre vendedores</a> marcando a opção "É Vendedor" no cadastro de pessoas.
                </div>
                {% endif %}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Cadastro Rápido de Cliente -->
<div class="modal fade cape-modal-standard cape-modal-detail" id="cadastroClienteModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title"><i class="bi bi-person-plus"></i> Cadastro Rápido de Cliente</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="formCadastroClienteRapido">
                    <!-- Dados Básicos -->
                    <div class="row mb-3">
                        <div class="col-12">
                            <label class="form-label">Nome do Cliente <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="novoClienteNome" required 
                                   placeholder="Nome completo ou Razão Social">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <label class="form-label">CPF</label>
                            <input type="text" class="form-control" id="novoClienteCpf" 
                                   placeholder="000.000.000-00" maxlength="14"
                                   oninput="formatarCpfCnpj(this)">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">CNPJ</label>
                            <input type="text" class="form-control" id="novoClienteCnpj" 
                                   placeholder="00.000.000/0000-00" maxlength="18"
                                   oninput="formatarCpfCnpj(this)">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Inscrição Estadual</label>
                            <input type="text" class="form-control" id="novoClienteIE" 
                                   placeholder="Inscrição Estadual">
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Telefone / Celular</label>
                            <input type="text" class="form-control" id="novoClienteTelefone" 
                                   placeholder="(00) 00000-0000" maxlength="15">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">E-mail</label>
                            <input type="email" class="form-control" id="novoClienteEmail" 
                                   placeholder="email@exemplo.com">
                        </div>
                    </div>
                    
                    <!-- Endereço (colapsável) -->
                    <div class="card mb-3">
                        <div class="card-header py-2" style="cursor: pointer;" data-bs-toggle="collapse" data-bs-target="#enderecoCollapse">
                            <i class="bi bi-geo-alt"></i> Endereço (para NF-e)
                            <i class="bi bi-chevron-down float-end"></i>
                        </div>
                        <div id="enderecoCollapse" class="collapse">
                            <div class="card-body">
                                <div class="row mb-2">
                                    <div class="col-md-4">
                                        <label class="form-label">CEP</label>
                                        <input type="text" class="form-control" id="novoClienteCep" 
                                               placeholder="00000-000" maxlength="9"
                                               onblur="buscarCepCliente(this.value)">
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">Logradouro</label>
                                        <input type="text" class="form-control" id="novoClienteLogradouro" 
                                               placeholder="Rua, Avenida...">
                                    </div>
                                    <div class="col-md-2">
                                        <label class="form-label">Número</label>
                                        <input type="text" class="form-control" id="novoClienteNumero" 
                                               placeholder="Nº">
                                    </div>
                                </div>
                                <div class="row mb-2">
                                    <div class="col-md-4">
                                        <label class="form-label">Complemento</label>
                                        <input type="text" class="form-control" id="novoClienteComplemento" 
                                               placeholder="Apto, Sala...">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Bairro</label>
                                        <input type="text" class="form-control" id="novoClienteBairro" 
                                               placeholder="Bairro">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Cidade</label>
                                        <input type="text" class="form-control" id="novoClienteCidade" 
                                               placeholder="Cidade">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">
                                        <label class="form-label">UF</label>
                                        <input type="text" class="form-control" id="novoClienteUF" 
                                               placeholder="UF" maxlength="2" style="text-transform: uppercase;">
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Código Município (IBGE)</label>
                                        <input type="text" class="form-control" id="novoClienteCodigoMunicipio" 
                                               placeholder="0000000" maxlength="7">
                                    </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-success" onclick="salvarClienteRapido()">
                    <i class="bi bi-check-lg"></i> Salvar Cliente
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Dados dos produtos para busca -->
<script>
// Dados dos vendedores
const vendedoresData = {{ vendedores|tojson|safe }};
let vendedorSelecionadoId = null;

// Dados dos produtos - gerados no servidor para evitar erros de sintaxe
const produtosData = {{ (produtos_json or [])|tojson|safe }};

// Mapa de códigos de barras de embalagens para busca rápida
const embalagensPorCodigo = {{ (embalagens_codigo_barras or {})|tojson|safe }};

// Configuração de controle de estoque
const permitirEstoqueNegativo = {{ permitir_estoque_negativo|tojson|safe if permitir_estoque_negativo is defined else 'false' }};

// Diagnóstico rápido (DEV): facilita ver se os produtos foram carregados
window.__PDV_DEBUG = {
    produtosData,
    embalagensPorCodigo
};
if (!Array.isArray(produtosData)) {
    console.error('[PDV] produtosData inválido:', produtosData);
} else {
    console.log('[PDV] Produtos carregados:', produtosData.length);
}

// Status visível na tela (ajuda quando o console não está aberto)
document.addEventListener('DOMContentLoaded', () => {
    const el = document.getElementById('pdvJsStatus');
    if (!el) return;

    const problemas = [];
    if (typeof buscarProduto !== 'function') problemas.push('Função buscarProduto não carregou');
    if (!Array.isArray(produtosData)) problemas.push('produtosData inválido');

    // Mostrar sempre em DEV MODE (banner já existe no topo), mas não atrapalhar em produção
    el.style.display = 'block';
    if (problemas.length) {
        el.className = 'alert alert-danger py-2 mb-2';
        el.innerHTML = '<strong>Erro no PDV:</strong> ' + problemas.join(' | ') +
            '<div class="small mt-1">Dica: aperte Ctrl+Shift+F5 e confira o Console (F12).</div>';
    } else {
        el.className = 'alert alert-success py-2 mb-2';
        el.innerHTML = 'PDV OK — JS carregado. Produtos: <strong>' + (Array.isArray(produtosData) ? produtosData.length : 0) + '</strong>.';
    }
});
</script>

<script>
const formasPagamentoDisponiveis = {{ (formas_pagamento_json or [])|tojson|safe }};
const rotaImpressaoCupomPDV = {{ url_for('pdv_impressao_cupom', venda_id=0)|tojson|safe }};
const rotaImpressaoNFCePDV = {{ url_for('pdv_impressao_nfce', venda_id=0)|tojson|safe }};
const rotaSuprimento = {{ (rota_suprimento or '')|tojson|safe }};
const rotaSangria = {{ (rota_sangria or '')|tojson|safe }};
let carrinho = [];
let pagamentos = [];
let ultimaVendaFinalizada = null;
let vendaFinalizadaPendenteLimpeza = false;
let finalizacaoEmAndamento = false;
let ultimaVendaTemPagamentoOnlinePendente = false;
let ultimaVendaPagamentoOnlineConfirmado = false;
let vendaRegistradaAntecipadaOnline = false;
let pagamentoOnlineEscolhaPendente = null;
let pagamentoOnlineEscolhaModalInstance = null;
let pagamentoOnlineResultadoModalInstance = null;
let ultimoResultadoPagamentoOnline = null;
let pagamentoOnlineResultadoMonitorTimer = null;
let pagamentoOnlineResultadoAutoCloseTimer = null;
let pagamentoOnlineResultadoAutoClosed = false;
let pagamentoOnlineResultadoMonitorTentativas = 0;
const pagamentoOnlineResultadoMonitorIntervalMs = 5000;
const pagamentoOnlineResultadoMonitorMaxTentativas = 24;
const pagamentoOnlineResultadoAutoCloseDelayMs = 6500;
const pdvOperadorMonitoramentoId = {{ current_user.id|tojson }};
const pdvEmpresaMonitoramentoId = {{ (caixa.empresa_id if caixa else None)|tojson }};
let parametrosPDV = {
    solicitar_vendedor: false,
    recuperar_venda_automatico: true,
    impressao_automatica: true,
    permitir_venda_sem_cliente: true,
    cliente_padrao_id: null
};
let clienteSelecionadoId = null;  // ID do cliente selecionado (usado quando importa venda)
let clienteSelecionadoNome = null;  // Nome do cliente selecionado
let clienteSelecionadoTipo = null;  // Tipo: 'pessoa' ou 'cliente' (para saber qual tabela usar)
let observacoesVendaAtual = '';

// === CONTROLE DE VENDA PDV ===
let vendaAtual = {
    id: null,
    numero_controle: null,
    status: null,
    salvando: false
};

function vendedorObrigatorioPDV() {
    return Boolean(parametrosPDV && parametrosPDV.solicitar_vendedor);
}

function localizarVendedorPorId(vendedorId) {
    return vendedoresData.find(v => String(v.id) === String(vendedorId) || String(v.codigo || v.id) === String(vendedorId)) || null;
}

function aplicarVendedorSelecionado(vendedorId, nomeFallback = null) {
    if (!vendedorId) {
        vendedorSelecionadoId = null;
        atualizarIndicadorVendedor();
        return;
    }

    const vendedor = localizarVendedorPorId(vendedorId);
    vendedorSelecionadoId = vendedor ? vendedor.id : vendedorId;
    atualizarIndicadorVendedor(nomeFallback || vendedor?.nome || `Vendedor #${vendedorId}`);
}

async function carregarParametrosPDV() {
    try {
        const response = await fetch('/pdv/parametros');
        const data = await response.json();
        if (data.success && data.parametros) {
            parametrosPDV = {
                ...parametrosPDV,
                ...data.parametros
            };
        }
    } catch (error) {
        console.error('Erro ao carregar parâmetros do PDV:', error);
    }
}

function garantirVendedorSelecionado(mensagem = 'Selecione um vendedor para continuar.') {
    if (!vendedorObrigatorioPDV()) {
        return true;
    }
    if (vendedorSelecionadoId) {
        return true;
    }

    mostrarToast(mensagem, 'warning');
    selecionarVendedor();
    return false;
}

// Permissões do usuário (carregadas do perfil)
const permissoesPDV = {
    pode_alterar_quantidade: {{ perfilPDV.pode_alterar_quantidade|default(true)|tojson }},
    pode_alterar_valor_item: {{ perfilPDV.pode_alterar_valor_item|default(false)|tojson }},
    limite_alteracao_preco: {{ perfilPDV.limite_alteracao_preco|default(0)|tojson }},
    pode_dar_desconto: {{ perfilPDV.pode_dar_desconto|default(false)|tojson }},
    desconto_maximo: {{ perfilPDV.desconto_maximo|default(0)|tojson }},
    pode_dar_desconto_percentual: {{ perfilPDV.pode_dar_desconto_percentual|default(false)|tojson }},
    limite_desconto_percentual: {{ perfilPDV.limite_desconto_percentual|default(0)|tojson }},
    pode_dar_desconto_valor: {{ perfilPDV.pode_dar_desconto_valor|default(false)|tojson }},
    limite_desconto_valor: {{ perfilPDV.limite_desconto_valor|default(0)|tojson }},
    requer_autorizacao_desconto: {{ perfilPDV.requer_autorizacao_desconto|default(true)|tojson }}
};

// Exibir número de controle na tela
function exibirNumeroControle() {
    const badge = document.getElementById('numeroControleBadge');
    const textoSpan = document.getElementById('numeroPedidoTexto');
    const cardControle = document.getElementById('controleVendaCard');
    const displayControle = document.getElementById('numeroControleDisplay');
    
    if (vendaAtual.numero_controle) {
        // Badge no header
        if (badge) {
            if (textoSpan) {
                textoSpan.textContent = vendaAtual.numero_controle;
            } else {
                badge.innerHTML = '<i class="bi bi-receipt"></i> ' + vendaAtual.numero_controle;
            }
            badge.style.display = 'inline-flex';
            badge.classList.add('pulse-animation');
        }
        
        // Card na coluna direita (mais visível)
        if (cardControle && displayControle) {
            displayControle.textContent = vendaAtual.numero_controle;
            cardControle.style.display = 'block';
        }
    } else {
        // Ocultar quando não há venda
        if (badge) badge.style.display = 'none';
        if (cardControle) cardControle.style.display = 'none';
    }
}

// Ocultar número de controle (quando limpa a venda)
function ocultarNumeroControle() {
    const badge = document.getElementById('numeroControleBadge');
    const cardControle = document.getElementById('controleVendaCard');
    
    if (badge) badge.style.display = 'none';
    if (cardControle) cardControle.style.display = 'none';
}

// Iniciar nova venda no servidor
async function iniciarVendaServidor() {
    if (vendaAtual.id || vendaAtual.salvando) return vendaAtual;

    if (!garantirVendedorSelecionado('Selecione um vendedor para iniciar a venda.')) {
        return vendaAtual;
    }
    
    vendaAtual.salvando = true;
    try {
        const clienteId = document.getElementById('cliente-select')?.value || '';
        const response = await fetch('/pdv/iniciar-venda', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
                cliente_id: clienteId || null,
                vendedor_id: vendedorSelecionadoId || null,
                itens: carrinho.map(item => ({
                    produto_id: item.id,
                    nome: item.nome,
                    quantidade: item.quantidade,
                    preco_unitario: item.preco
                }))
            })
        });
        
        const data = await response.json();
        if (data.success) {
            vendaAtual.id = data.venda_id;
            vendaAtual.numero_controle = data.numero_controle;
            vendaAtual.status = 'em_andamento';
            exibirNumeroControle();
            console.log('✅ Venda iniciada:', vendaAtual.numero_controle);
        } else {
            console.error('Erro ao iniciar venda:', data.error);
        }
    } catch (error) {
        console.error('Erro ao iniciar venda:', error);
    } finally {
        vendaAtual.salvando = false;
    }
    return vendaAtual;
}

// Atualizar venda no servidor (debounced)
let timeoutAtualizarVenda = null;
async function atualizarVendaServidor() {
    if (!vendaAtual.id) return;
    
    // Debounce: aguardar 500ms antes de salvar
    if (timeoutAtualizarVenda) clearTimeout(timeoutAtualizarVenda);
    
    timeoutAtualizarVenda = setTimeout(async () => {
        try {
            const descontoValor = parseFloat(document.getElementById('descontoValor')?.value || 0);
            const descontoTipo = document.getElementById('descontoTipo')?.value || 'valor';
            const acrescimoValor = parseFloat(document.getElementById('acrescimoValor')?.value || 0);
            const acrescimoTipo = document.getElementById('acrescimoTipo')?.value || 'valor';
            const clienteId = document.getElementById('cliente-select')?.value || clienteSelecionadoId || '';
            const observacoes = document.getElementById('obsVenda')?.value || '';
            
            const response = await fetch(`/pdv/atualizar-venda/${vendaAtual.id}`, {
                method: 'PUT',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({
                    itens: carrinho.map(item => ({
                        produto_id: item.id,
                        nome: item.nome,
                        quantidade: item.quantidade,
                        preco_unitario: item.preco
                    })),
                    desconto: descontoValor,
                    desconto_tipo: descontoTipo,
                    acrescimo: acrescimoValor,
                    acrescimo_tipo: acrescimoTipo,
                    cliente_id: clienteId || null,
                    vendedor_id: vendedorSelecionadoId || null,
                    observacoes: observacoes,
                    pagamentos: pagamentos
                })
            });
            
            const data = await response.json();
            if (data.success) {
                console.log('✅ Venda atualizada');
            }
        } catch (error) {
            console.error('Erro ao atualizar venda:', error);
        }
    }, 500);
}

// Limpar venda atual (após finalizar/cancelar)
function limparVendaAtual() {
    vendaAtual = { id: null, numero_controle: null, status: null, salvando: false };
    vendedorSelecionadoId = null;
    vendaRegistradaAntecipadaOnline = false;
    exibirNumeroControle();
    atualizarIndicadorVendedor();
}

const codigoBarrasInput = document.getElementById('codigo_barras');
const resultadosBusca = document.getElementById('resultados-busca');

if (codigoBarrasInput) {
    codigoBarrasInput.addEventListener('keypress', event => {
        if (event.key === 'Enter') {
            // Fechar dropdown e buscar produto
            if (resultadosBusca) resultadosBusca.style.display = 'none';
            buscarProduto();
        }
    });
    
    // Busca dinâmica ao digitar (autocomplete)
    let timeoutBusca = null;
    codigoBarrasInput.addEventListener('input', function() {
        const termo = this.value.trim().toLowerCase();
        
        // Limpar timeout anterior (debounce)
        if (timeoutBusca) clearTimeout(timeoutBusca);
        
        // Se campo vazio ou muito curto, esconder resultados
        if (termo.length < 2) {
            if (resultadosBusca) resultadosBusca.style.display = 'none';
            return;
        }
        
        // Aguardar 200ms antes de buscar (evita buscar a cada tecla)
        timeoutBusca = setTimeout(() => {
            // Filtrar produtos
            const resultados = produtosData.filter(p => {
                const nome = (p.nome || '').toLowerCase();
                const codigoProduto = (p.codigo_produto || '').toLowerCase();
                const codigo = (p.codigo_barras || '').toLowerCase();
                const referencia = (p.referencia || '').toLowerCase();
                return nome.includes(termo) || codigoProduto.includes(termo) || codigo.includes(termo) || referencia.includes(termo);
            }).slice(0, 10); // Limitar a 10 resultados
            
            // Exibir resultados
            if (resultados.length > 0 && resultadosBusca) {
                let html = '';
                resultados.forEach(p => {
                    const estoque = p.estoque_atual || 0;
                    const preco = parseFloat(p.valor || 0).toFixed(2);
                    const codigoExibicao = p.codigo_produto || p.codigo_barras || p.referencia || '';
                    html += `<div class="item-resultado" onclick="selecionarProdutoAutocomplete(${p.id})">
                        <div class="item-resultado-nome">${p.nome}</div>
                        <div class="item-resultado-info">
                            <span class="item-resultado-codigo">${codigoExibicao}</span>
                            <span class="item-resultado-preco">R$ ${preco}</span>
                            <span class="item-resultado-estoque ${estoque <= 0 ? 'sem-estoque' : ''}">${estoque} un</span>
                        </div>
                    </div>`;
                });
                resultadosBusca.innerHTML = html;
                resultadosBusca.style.display = 'block';
            } else if (resultadosBusca) {
                resultadosBusca.style.display = 'none';
            }
        }, 200);
    });
    
    // Fechar ao clicar fora
    document.addEventListener('click', function(e) {
        if (!codigoBarrasInput.contains(e.target) && resultadosBusca && !resultadosBusca.contains(e.target)) {
            resultadosBusca.style.display = 'none';
        }
    });
    
    // Navegar com setas do teclado
    codigoBarrasInput.addEventListener('keydown', function(e) {
        if (!resultadosBusca || resultadosBusca.style.display === 'none') return;
        
        const itens = resultadosBusca.querySelectorAll('.item-resultado');
        const atual = resultadosBusca.querySelector('.item-resultado.selecionado');
        let index = -1;
        
        if (atual) {
            itens.forEach((item, i) => { if (item === atual) index = i; });
        }
        
        if (e.key === 'ArrowDown') {
            e.preventDefault();
            if (atual) atual.classList.remove('selecionado');
            index = (index + 1) % itens.length;
            itens[index].classList.add('selecionado');
            itens[index].scrollIntoView({block: 'nearest'});
        } else if (e.key === 'ArrowUp') {
            e.preventDefault();
            if (atual) atual.classList.remove('selecionado');
            index = index <= 0 ? itens.length - 1 : index - 1;
            itens[index].classList.add('selecionado');
            itens[index].scrollIntoView({block: 'nearest'});
        } else if (e.key === 'Enter' && atual) {
            e.preventDefault();
            atual.click();
        } else if (e.key === 'Escape') {
            resultadosBusca.style.display = 'none';
        }
    });
}

// Função para selecionar produto do autocomplete
async function selecionarProdutoAutocomplete(produtoId) {
    const produto = produtosData.find(p => p.id === produtoId);
    if (!produto) return;
    
    // Fechar dropdown
    if (resultadosBusca) resultadosBusca.style.display = 'none';
    
    // Limpar campo
    if (codigoBarrasInput) codigoBarrasInput.value = '';
    
    if (produto.eh_balanca) {
        await adicionarProdutoBalanca(produto, parseFloat(produto.valor || 0));
    } else {
        // Verificar se produto tem múltiplas embalagens
        const embalagensAtivas = (produto.embalagens || []).filter(e => e.id);
        
        if (embalagensAtivas.length >= 1) {
            // Mostrar modal para selecionar embalagem (mesmo com apenas 1)
            abrirModalSelecionarEmbalagem(produto, quantidadeMultiplicador);
        } else {
            // Sem embalagens - adicionar normalmente
            adicionarItemVenda(
                produto.id,
                produto.nome,
                quantidadeMultiplicador,
                parseFloat(produto.valor || 0)
            );
        }
    }
    
    // Resetar multiplicador
    quantidadeMultiplicador = 1;
    
    // Focar no campo de busca
    if (codigoBarrasInput) codigoBarrasInput.focus();
}

function formatarMoeda(valor) {
    return 'R$ ' + Number(valor || 0).toFixed(2);
}

// Variável para armazenar quantidade do multiplicador
let quantidadeMultiplicador = 1;

// Dados dos produtos de balança (código_balanca -> produto)
const produtosBalanca = {};
produtosData.forEach(p => {
    if (p.codigo_balanca) {
        produtosBalanca[p.codigo_balanca] = p;
    }
});

// Função para interpretar etiqueta de balança Toledo/Prix
function interpretarEtiquetaBalanca(codigo) {
    // Formatos de etiqueta:
    // Peso: 2 + CCCCCC + PPPPP + D (13 dígitos) - CCCCCC=código, PPPPP=peso em gramas
    // Valor: 2 + CCCCCC + VVVVV + D (13 dígitos) - CCCCCC=código, VVVVV=valor em centavos
    
    if (!codigo || codigo.length < 12) return null;
    
    // Verificar se começa com 2 (prefixo padrão de balança)
    if (!codigo.startsWith('2')) return null;
    
    // Extrair partes do código
    const codigoProduto = codigo.substring(1, 7);  // 6 dígitos do código
    const valorOuPeso = codigo.substring(7, 12);   // 5 dígitos de peso/valor
    
    // Buscar produto pelo código de balança
    const produto = produtosBalanca[codigoProduto];
    if (!produto) return null;
    
    // Interpretar peso ou valor
    let quantidade = 1;
    let precoFinal = produto.valor;
    
    if (produto.tipo_etiqueta_balanca === 'peso' || !produto.tipo_etiqueta_balanca) {
        // Peso em gramas -> converter para kg
        const pesoGramas = parseInt(valorOuPeso);
        quantidade = pesoGramas / 1000;  // Converter para kg
    } else {
        // Valor em centavos -> usar como total, calcular quantidade reversa
        const valorCentavos = parseInt(valorOuPeso);
        const valorReais = valorCentavos / 100;
        if (produto.valor > 0) {
            quantidade = valorReais / produto.valor;
        } else {
            precoFinal = valorReais;
            quantidade = 1;
        }
    }
    
    return {
        produto: produto,
        quantidade: quantidade,
        preco: precoFinal,
        ehBalanca: true
    };
}

async function lerPesoBalanca() {
    try {
        mostrarAvisoBalanca('Lendo peso da balança...', 'info');
        const response = await fetch('/pdv/api/balanca/ler-peso', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' }
        });
        const data = await response.json();
        if (!response.ok || !data.success) {
            throw new Error(data.message || data.mensagem || data.erro || 'Não foi possível ler o peso da balança');
        }
        const peso = parseFloat(data.peso);
        if (!peso || peso <= 0) {
            throw new Error('Peso inválido. Coloque o produto na balança e aguarde estabilizar.');
        }
        mostrarAvisoBalanca(`Peso lido: ${peso.toFixed(3)} kg`, 'success', 1500);
        return peso;
    } catch (error) {
        console.error('[PDV] Erro ao ler balança:', error);
        mostrarAvisoBalanca(error.message || 'Erro ao ler peso da balança.', 'danger', 2500);
        return null;
    }
}

async function adicionarProdutoBalanca(produto, preco) {
    const peso = await lerPesoBalanca();
    if (!peso) {
        const confirmar = confirm('Falha ao ler a balança. Deseja informar o peso manualmente?');
        if (!confirmar) return;
        const pesoManualStr = prompt('Informe o peso em kg (ex: 0.350):');
        const pesoManual = parseFloat((pesoManualStr || '').replace(',', '.'));
        if (!pesoManual || pesoManual <= 0) {
            alert('Peso manual inválido.');
            return;
        }
        adicionarProdutoComQuantidade(produto.id, produto.nome, preco, pesoManual, true);
        return;
    }
    adicionarProdutoComQuantidade(produto.id, produto.nome, preco, peso, true);
}

function mostrarAvisoBalanca(mensagem, tipo = 'info', tempo = 2000) {
    const el = document.getElementById('pdvJsStatus');
    if (!el) return;

    const classes = {
        info: 'alert alert-info py-1 mb-1',
        success: 'alert alert-success py-1 mb-1',
        danger: 'alert alert-danger py-1 mb-1',
        warning: 'alert alert-warning py-1 mb-1'
    };

    el.style.display = 'block';
    el.className = classes[tipo] || classes.info;
    el.textContent = mensagem;

    if (tempo > 0) {
        setTimeout(() => {
            el.style.display = 'none';
        }, tempo);
    }
}

async function buscarProduto() {
    const campo = document.getElementById('codigo_barras');
    if (!campo) return;

    if (!Array.isArray(produtosData) || produtosData.length === 0) {
        alert('Nenhum produto foi carregado no PDV. Abra o Console (F12) e verifique a mensagem "[PDV] Produtos carregados".');
        return;
    }
    let busca = campo.value.trim();
    
    if (!busca) {
        alert('Digite um código ou nome de produto!');
        return;
    }
    
    // === VERIFICAR SE É ETIQUETA DE BALANÇA ===
    // Etiquetas de balança geralmente têm 13 dígitos e começam com 2
    if (busca.length >= 12 && busca.startsWith('2') && /^\d+$/.test(busca)) {
        const resultado = interpretarEtiquetaBalanca(busca);
        if (resultado) {
            // Produto encontrado via etiqueta de balança
            adicionarProdutoComQuantidade(
                resultado.produto.id, 
                resultado.produto.nome, 
                resultado.preco, 
                resultado.quantidade,
                true
            );
            campo.value = '';
            campo.focus();
            return;
        }
    }
    
    // Verificar se há multiplicador (aceita: 2*produto e codigo*2)
    let quantidade = 1;
    if (busca.includes('*')) {
        const partes = busca.split('*');
        if (partes.length === 2) {
            const esquerda = (partes[0] || '').trim();
            const direita = (partes[1] || '').trim();

            const qtdEsquerda = parseFloat(String(esquerda).replace(',', '.'));
            const qtdDireita = parseFloat(String(direita).replace(',', '.'));

            const esquerdaEhQtd = !isNaN(qtdEsquerda) && qtdEsquerda > 0;
            const direitaEhQtd = !isNaN(qtdDireita) && qtdDireita > 0;

            const existeProdutoPorTermo = (termo) => {
                if (!termo) return false;
                const termoLower = String(termo).toLowerCase();
                const termoNumero = parseInt(termo, 10);

                if (embalagensPorCodigo[termo]) return true;

                for (const p of produtosData) {
                    if (p.id === termoNumero) return true;
                    if (p.codigo_barras && String(p.codigo_barras).toLowerCase() === termoLower) return true;
                    if (p.codigo_produto && String(p.codigo_produto).toLowerCase() === termoLower) return true;
                    if (p.referencia && String(p.referencia).toLowerCase() === termoLower) return true;

                    if (p.embalagens && p.embalagens.length > 0) {
                        const emb = p.embalagens.find(e => e.codigo_barras === termo);
                        if (emb) return true;
                    }
                }

                return false;
            };

            // Caso clássico: qtd*produto
            if (esquerdaEhQtd && !direitaEhQtd) {
                quantidade = qtdEsquerda;
                busca = direita;
            }
            // Novo suporte: codigo*quantidade
            else if (!esquerdaEhQtd && direitaEhQtd) {
                quantidade = qtdDireita;
                busca = esquerda;
            }
            // Ambíguo (ambos numéricos): usa existência de produto para decidir
            else if (esquerdaEhQtd && direitaEhQtd) {
                const esquerdaEhProduto = existeProdutoPorTermo(esquerda);
                const direitaEhProduto = existeProdutoPorTermo(direita);

                if (esquerdaEhProduto && !direitaEhProduto) {
                    // codigo*quantidade
                    quantidade = qtdDireita;
                    busca = esquerda;
                } else {
                    // fallback compatível: qtd*produto
                    quantidade = qtdEsquerda;
                    busca = direita;
                }
            }
        }
    }
    
    // Usar quantidade do multiplicador se definida
    if (quantidadeMultiplicador > 1) {
        quantidade = quantidadeMultiplicador;
        quantidadeMultiplicador = 1; // Resetar após uso
        atualizarIndicadorMultiplicador();
    }
    
    const buscaLower = busca.toLowerCase();
    const buscaNumero = parseInt(busca);
    
    // === 1. BUSCAR POR CÓDIGO DE BARRAS DE EMBALAGEM ===
    if (embalagensPorCodigo[busca]) {
        const embInfo = embalagensPorCodigo[busca];
        const produto = produtosData.find(p => p.id === embInfo.produto_id);
        if (produto) {
            // Encontrou por código de embalagem - usar preço e multiplicador específicos
            const qtdFinal = quantidade * embInfo.multiplicador;
            adicionarProdutoComEmbalagem(produto.id, produto.nome, embInfo.preco, qtdFinal, embInfo.embalagem_id);
            campo.value = '';
            campo.focus();
            return;
        }
    }
    
    // === 2. BUSCAR POR CÓDIGO DE BARRAS NAS EMBALAGENS DO PRODUTO ===
    for (const p of produtosData) {
        if (p.embalagens && p.embalagens.length > 0) {
            const embEncontrada = p.embalagens.find(e => e.codigo_barras === busca);
            if (embEncontrada) {
                const qtdFinal = quantidade * embEncontrada.multiplicador;
                adicionarProdutoComEmbalagem(p.id, p.nome, embEncontrada.preco, qtdFinal, embEncontrada.id);
                campo.value = '';
                campo.focus();
                return;
            }
        }
    }
    
    // === 3. BUSCAR POR CÓDIGO EXATO PRIORITÁRIO ===
    const produtoPorCodigoExato = produtosData.find(p =>
        (p.codigo_produto && String(p.codigo_produto).trim().toLowerCase() === buscaLower) ||
        (p.codigo_barras && String(p.codigo_barras).trim().toLowerCase() === buscaLower) ||
        (p.referencia && String(p.referencia).trim().toLowerCase() === buscaLower)
    );

    // === 4. FALLBACK: ID interno só se não houve código exato ===
    const produtoPorId = produtoPorCodigoExato ? null : produtosData.find(p => p.id === buscaNumero);

    // === 5. FALLBACK: NOME PARCIAL ===
    const produtoPorNome = (produtoPorCodigoExato || produtoPorId)
        ? null
        : produtosData.find(p => p.nome.toLowerCase().includes(buscaLower));

    const produto = produtoPorCodigoExato || produtoPorId || produtoPorNome;
    
    if (produto) {
        if (produto.eh_balanca) {
            await adicionarProdutoBalanca(produto, parseFloat(produto.valor || 0));
            campo.value = '';
            campo.focus();
            return;
        }
        // Verificar se produto tem múltiplas embalagens ativas
        const embalagensAtivas = (produto.embalagens || []).filter(e => e.id);
        
        if (embalagensAtivas.length >= 1) {
            // Mostrar modal para selecionar embalagem (mesmo com apenas 1)
            abrirModalSelecionarEmbalagem(produto, quantidade);
        } else {
            // Sem embalagens cadastradas - usar preço padrão
            adicionarProdutoComQuantidade(produto.id, produto.nome, produto.valor, quantidade);
        }
        campo.value = '';
        campo.focus();
    } else {
        alert('Produto não encontrado!');
        campo.select();
    }
}

// Adicionar produto com quantidade específica
function adicionarProdutoComQuantidade(id, nome, preco, quantidade, forcarNovoItem = false) {
    // Validar estoque se controle estiver ativado
    if (!permitirEstoqueNegativo) {
        const produto = produtosData.find(p => p.id === id);
        if (produto && produto.controla_estoque) {
            // Calcular quantidade já no carrinho
            const qtdNoCarrinho = carrinho.filter(i => i.id === id).reduce((sum, i) => sum + i.quantidade, 0);
            const estoqueDisponivel = produto.estoque_atual - qtdNoCarrinho;
            
            if (estoqueDisponivel < quantidade) {
                alert(`Estoque insuficiente para "${produto.nome}".\n\nDisponível: ${estoqueDisponivel.toFixed(2)}\nSolicitado: ${quantidade.toFixed(2)}`);
                return;
            }
        }
    }
    
    invalidarImpressao();
    
    // Se é o primeiro item de uma nova venda, limpar cliente da venda anterior
    if (carrinho.length === 0) {
        const clienteSelect = document.getElementById('cliente-select');
        if (clienteSelect) clienteSelect.value = '';
    }
    
    const itemExistente = forcarNovoItem
        ? null
        : carrinho.find(item => item.id === id && !item.embalagem_id && !item._balanca);
    if (itemExistente) {
        itemExistente.quantidade += quantidade;
    } else {
        carrinho.push({
            id,
            nome,
            preco,
            quantidade: quantidade,
            embalagem_id: null,
            _balanca: Boolean(forcarNovoItem),
            _timestamp: forcarNovoItem ? Date.now() : undefined
        });
    }
    atualizarTabela();
    
    // === CONTROLE DE VENDA ===
    if (!vendaAtual.id && carrinho.length === 1) {
        iniciarVendaServidor();
    } else if (vendaAtual.id) {
        atualizarVendaServidor();
    }
}

// Adicionar produto com embalagem específica
function adicionarProdutoComEmbalagem(id, nome, preco, quantidade, embalagemId) {
    // Validar estoque se controle estiver ativado
    if (!permitirEstoqueNegativo) {
        const produto = produtosData.find(p => p.id === id);
        if (produto && produto.controla_estoque) {
            // Calcular quantidade já no carrinho (considerar multiplicador da embalagem)
            const qtdNoCarrinho = carrinho.filter(i => i.id === id).reduce((sum, i) => sum + i.quantidade, 0);
            const estoqueDisponivel = produto.estoque_atual - qtdNoCarrinho;
            
            if (estoqueDisponivel < quantidade) {
                alert(`Estoque insuficiente para "${produto.nome}".\n\nDisponível: ${estoqueDisponivel.toFixed(2)}\nSolicitado: ${quantidade.toFixed(2)}`);
                return;
            }
        }
    }
    
    invalidarImpressao();
    
    // Se é o primeiro item de uma nova venda, limpar cliente da venda anterior
    if (carrinho.length === 0) {
        const clienteSelect = document.getElementById('cliente-select');
        if (clienteSelect) clienteSelect.value = '';
    }
    
    // Buscar nome da embalagem para exibição
    const produto = produtosData.find(p => p.id === id);
    let nomeExibicao = nome;
    if (produto && produto.embalagens) {
        const emb = produto.embalagens.find(e => e.id === embalagemId);
        if (emb) {
            nomeExibicao = `${nome} (${emb.sigla})`;
        }
    }
    
    // Verificar se já existe item com mesmo produto E mesma embalagem
    const itemExistente = carrinho.find(item => item.id === id && item.embalagem_id === embalagemId);
    if (itemExistente) {
        itemExistente.quantidade += quantidade;
    } else {
        carrinho.push({ 
            id, 
            nome: nomeExibicao, 
            preco, 
            quantidade: quantidade,
            embalagem_id: embalagemId
        });
    }
    atualizarTabela();
    
    // === CONTROLE DE VENDA ===
    if (!vendaAtual.id && carrinho.length === 1) {
        iniciarVendaServidor();
    } else if (vendaAtual.id) {
        atualizarVendaServidor();
    }
}

// Modal para selecionar embalagem quando produto tem múltiplas opções
function abrirModalSelecionarEmbalagem(produto, quantidade) {
    const embalagens = produto.embalagens || [];
    if (embalagens.length === 0) {
        // Sem embalagens - adicionar diretamente
        adicionarProdutoComQuantidade(produto.id, produto.nome, produto.valor, quantidade);
        return;
    }
    
    // Criar modal dinamicamente
    let modal = document.getElementById('modalSelecionarEmbalagem');
    if (!modal) {
        modal = document.createElement('div');
        modal.id = 'modalSelecionarEmbalagem';
        modal.className = 'modal fade';
        modal.tabIndex = -1;
        modal.innerHTML = `
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header bg-primary text-white">
                        <h5 class="modal-title"><i class="bi bi-box-seam"></i> Selecionar Embalagem</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <h6 id="modalEmbProdutoNome" class="mb-3"></h6>
                        <div id="modalEmbOpcoes" class="d-grid gap-2"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    </div>
                </div>
            </div>
        `;
        document.body.appendChild(modal);
    }
    
    // Preencher dados do modal
    document.getElementById('modalEmbProdutoNome').textContent = produto.nome;
    const opcoesDiv = document.getElementById('modalEmbOpcoes');
    opcoesDiv.innerHTML = '';
    
    embalagens.forEach(emb => {
        const btn = document.createElement('button');
        btn.className = 'btn btn-outline-primary btn-lg text-start';
        btn.innerHTML = `
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <strong>${emb.sigla}</strong> - ${emb.nome}
                    ${emb.multiplicador > 1 ? `<span class="badge bg-info ms-2">x${emb.multiplicador}</span>` : ''}
                    ${emb.padrao ? '<span class="badge bg-success ms-2">Padrão</span>' : ''}
                </div>
                <div class="text-success fw-bold">R$ ${emb.preco.toFixed(2)}</div>
            </div>
        `;
        btn.onclick = function() {
            const qtdFinal = quantidade * emb.multiplicador;
            adicionarProdutoComEmbalagem(produto.id, produto.nome, emb.preco, qtdFinal, emb.id);
            bootstrap.Modal.getInstance(modal).hide();
            document.getElementById('codigo_barras').focus();
        };
        opcoesDiv.appendChild(btn);
    });
    
    // Adicionar opção de usar preço padrão (sem embalagem específica)
    const btnPadrao = document.createElement('button');
    btnPadrao.className = 'btn btn-outline-secondary';
    btnPadrao.innerHTML = `
        <div class="d-flex justify-content-between align-items-center">
            <div><strong>UN</strong> - Unidade (preço base)</div>
            <div class="text-success fw-bold">R$ ${produto.valor.toFixed(2)}</div>
        </div>
    `;
    btnPadrao.onclick = function() {
        adicionarProdutoComQuantidade(produto.id, produto.nome, produto.valor, quantidade);
        bootstrap.Modal.getInstance(modal).hide();
        document.getElementById('codigo_barras').focus();
    };
    opcoesDiv.appendChild(btnPadrao);
    
    // Mostrar modal
    const bsModal = new bootstrap.Modal(modal);
    bsModal.show();
}

// Atualizar indicador visual do multiplicador
function atualizarIndicadorMultiplicador() {
    let badge = document.getElementById('multiplicadorBadge');
    if (quantidadeMultiplicador > 1) {
        if (!badge) {
            const inputGroup = document.querySelector('#codigo_barras').parentElement;
            badge = document.createElement('span');
            badge.id = 'multiplicadorBadge';
            badge.className = 'input-group-text bg-warning text-dark fw-bold';
            inputGroup.insertBefore(badge, inputGroup.firstChild);
        }
        badge.textContent = quantidadeMultiplicador + 'x';
        badge.style.display = 'flex';
    } else if (badge) {
        badge.style.display = 'none';
    }
}

// Capturar teclas numéricas para multiplicador rápido
document.addEventListener('keydown', function(e) {
    const campo = document.getElementById('codigo_barras');
    // Só funciona se o campo de código de barras estiver focado e vazio
    if (document.activeElement === campo && campo.value === '') {
        // Se pressionar número seguido de * no teclado numérico
        if (e.key === '*' || e.key === 'x' || e.key === 'X') {
            // Verificar se já tem quantidade digitada
            const qtd = parseInt(quantidadeMultiplicador);
            if (qtd > 0) {
                e.preventDefault();
                atualizarIndicadorMultiplicador();
            }
        }
    }
});

// Permitir digitar quantidade antes do produto
function setMultiplicador(qtd) {
    quantidadeMultiplicador = qtd;
    atualizarIndicadorMultiplicador();
    document.getElementById('codigo_barras')?.focus();
}

function adicionarProduto(id, nome, preco) {
    invalidarImpressao();
    
    // Se é o primeiro item de uma nova venda, limpar cliente da venda anterior
    if (carrinho.length === 0) {
        const clienteSelect = document.getElementById('cliente-select');
        if (clienteSelect) clienteSelect.value = '';
    }
    
    const itemExistente = carrinho.find(item => item.id === id);
    if (itemExistente) {
        itemExistente.quantidade++;
    } else {
        carrinho.push({ id, nome, preco, quantidade: 1 });
    }
    atualizarTabela();
    
    // === CONTROLE DE VENDA ===
    // Se é o primeiro item, iniciar nova venda no servidor
    if (!vendaAtual.id && carrinho.length === 1) {
        iniciarVendaServidor();
    } else if (vendaAtual.id) {
        // Se já tem venda, apenas atualizar
        atualizarVendaServidor();
    }
}

// ===============================================
// ATUALIZAÇÃO DO STATUS DA VENDA (como CapePDV)
// ===============================================
function atualizarStatusVenda(vendaFinalizadaNumero = null) {
    const badge = document.getElementById('statusVendaBadge');
    if (!badge) return;
    
    if (vendaFinalizadaNumero) {
        // Venda finalizada - mostrar número real da venda
        badge.innerHTML = `<i class="bi bi-check-circle-fill"></i> VENDA Nº ${vendaFinalizadaNumero}`;
        badge.className = 'badge fs-6';
        badge.style.cssText = 'background-color: #2ed573 !important; color: white;';
    } else if (carrinho.length > 0) {
        // Venda em andamento - tem itens no carrinho
        let texto = 'VENDA EM ANDAMENTO';
        if (vendaAtual.numero_controle) {
            // Número de controle agora é sequencial simples (ex: "127")
            texto = `VENDA #${vendaAtual.numero_controle}`;
        } else if (vendaAtual.id) {
            texto = `VENDA EM ANDAMENTO`;
        }
        badge.innerHTML = `<i class="bi bi-cart-fill"></i> ${texto}`;
        badge.className = 'badge fs-6';
        badge.style.cssText = 'background-color: #0d6efd !important; color: white;';
    } else {
        // Caixa livre - sem itens
        badge.innerHTML = '<i class="bi bi-check-circle"></i> CAIXA LIVRE';
        badge.className = 'badge bg-success fs-6';
        badge.style.cssText = '';
    }
}

function atualizarTabela() {
    const tbody = document.getElementById('itens-venda');
    if (!tbody) return;

    atualizarBotaoReceber();
    
    // Atualizar status da venda
    atualizarStatusVenda();
    
    if (carrinho.length === 0) {
        tbody.innerHTML = `
            <tr id="vazio-msg">
                <td colspan="7" class="text-center text-muted py-5">
                    <i class="bi bi-cart-x" style="font-size: 3rem;"></i>
                    <p class="mt-2">Nenhum item adicionado</p>
                </td>
            </tr>
        `;
    } else {
        tbody.innerHTML = carrinho.map((item, index) => {
            const total = item.preco * item.quantidade;
            // Buscar código de barras do produto
            const produtoInfo = produtosData.find(p => p.id === item.id);
            const codigo = produtoInfo ? (produtoInfo.codigo_barras || item.id) : item.id;
            return `
                <tr>
                    <td class="text-center">${index + 1}</td>
                    <td><code class="text-primary" style="cursor: pointer;" onclick="copiarCodigo('${codigo}')" title="Clique para copiar">${codigo}</code></td>
                    <td><strong>${item.nome}</strong></td>
                    <td>
                        <div class="btn-group btn-group-sm">
                            <button class="btn btn-outline-danger" onclick="alterarQuantidade(${index}, -1)">
                                <i class="bi bi-dash"></i>
                            </button>
                            <button class="btn btn-outline-secondary" disabled style="min-width: 50px;">
                                ${item.quantidade}
                            </button>
                            <button class="btn btn-outline-success" onclick="alterarQuantidade(${index}, 1)">
                                <i class="bi bi-plus"></i>
                            </button>
                        </div>
                    </td>
                    <td>${formatarMoeda(item.preco)}</td>
                    <td><strong>${formatarMoeda(total)}</strong></td>
                    <td>
                        <button class="btn btn-danger btn-sm" onclick="removerItem(${index})">
                            <i class="bi bi-trash"></i>
                        </button>
                    </td>
                </tr>
            `;
        }).join('');
    }
    atualizarTotal();
}

// Função para copiar código ao clicar
function copiarCodigo(codigo) {
    navigator.clipboard.writeText(codigo).then(() => {
        mostrarToast('Código copiado: ' + codigo, 'info');
    }).catch(() => {
        // Fallback para navegadores antigos
        const input = document.getElementById('codigo_barras');
        if (input) {
            input.value = codigo;
            input.focus();
            input.select();
        }
    });
}

function alterarQuantidade(index, delta) {
    // Verificar permissão de alterar quantidade
    if (!permissoesPDV.pode_alterar_quantidade) {
        alert('Você não tem permissão para alterar a quantidade dos itens.');
        return;
    }
    
    invalidarImpressao();
    carrinho[index].quantidade += delta;
    if (carrinho[index].quantidade <= 0) {
        carrinho.splice(index, 1);
    }
    atualizarTabela();
    
    // Sincronizar com servidor
    if (vendaAtual.id) {
        atualizarVendaServidor();
    }
}

function removerItem(index) {
    if (confirm('Remover este item?')) {
        invalidarImpressao();
        carrinho.splice(index, 1);
        atualizarTabela();
        
        // Sincronizar com servidor
        if (vendaAtual.id) {
            atualizarVendaServidor();
        }
    }
}

function calcularSubtotal() {
    return carrinho.reduce((sum, item) => sum + (item.preco * item.quantidade), 0);
}

function calcularAjustes(subtotal) {
    const descontoValorCampo = document.getElementById('descontoValor');
    const descontoTipoCampo = document.getElementById('descontoTipo');
    const acrescimoValorCampo = document.getElementById('acrescimoValor');
    const acrescimoTipoCampo = document.getElementById('acrescimoTipo');
    const descontoInput = descontoValorCampo ? parseFloat(descontoValorCampo.value) || 0 : 0;
    const descontoTipo = descontoTipoCampo ? descontoTipoCampo.value : 'valor';
    const acrescimoInput = acrescimoValorCampo ? parseFloat(acrescimoValorCampo.value) || 0 : 0;
    const acrescimoTipo = acrescimoTipoCampo ? acrescimoTipoCampo.value : 'valor';
    let descontoValor = 0;
    if (descontoInput > 0) {
        descontoValor = descontoTipo === 'percent' ? subtotal * (descontoInput / 100) : descontoInput;
        descontoValor = Math.min(descontoValor, subtotal);
    }
    const baseAposDesconto = Math.max(0, subtotal - descontoValor);
    let acrescimoValor = 0;
    if (acrescimoInput > 0) {
        acrescimoValor = acrescimoTipo === 'percent' ? baseAposDesconto * (acrescimoInput / 100) : acrescimoInput;
    }
    return { descontoValor, acrescimoValor };
}

function calcularTotalComAjustes() {
    const subtotal = calcularSubtotal();
    const ajustes = calcularAjustes(subtotal);
    const total = Math.max(0, subtotal - ajustes.descontoValor + ajustes.acrescimoValor);
    const subtotalEl = document.getElementById('subtotal');
    const totalEl = document.getElementById('total');
    if (subtotalEl) subtotalEl.textContent = formatarMoeda(subtotal);
    if (totalEl) totalEl.textContent = formatarMoeda(total);
    return { subtotal, total, ajustes };
}

function obterTotalVendaParaPagamento() {
    const info = calcularTotalComAjustes();
    return info.total;
}

function atualizarTotal() {
    const info = calcularTotalComAjustes();
    atualizarPagamentosResumo(info);
    atualizarResumoModal(info);
    return info;
}

function obterFormaPorId(id) {
    const numericId = Number(id);
    return formasPagamentoDisponiveis.find(fp => fp.id === numericId);
}

function formaPermiteTroco(id) {
    const forma = obterFormaPorId(id);
    return Boolean(forma && forma.permite_troco);
}

function obterOpcoesForma(selecionado) {
    const selectedId = Number(selecionado);
    const options = ['<option value="">Selecione...</option>'];
    formasPagamentoDisponiveis.forEach(forma => {
        const isSelected = forma.id === selectedId ? 'selected' : '';
        options.push(`<option value="${forma.id}" ${isSelected}>${forma.nome}</option>`);
    });
    return options.join('');
}

// Variável para armazenar forma selecionada
let formaSelecionadaId = null;
let tipoSelecionado = null;

// Ícones e cores por tipo
const TIPOS_PAGAMENTO = {
    'dinheiro': { icone: 'bi-cash', cor: 'success', label: 'Dinheiro' },
    'pix': { icone: 'bi-qr-code', cor: 'info', label: 'PIX' },
    'debito': { icone: 'bi-credit-card-2-front', cor: 'warning', label: 'Débito' },
    'credito': { icone: 'bi-credit-card', cor: 'primary', label: 'Crédito' },
    'promissoria': { icone: 'bi-receipt', cor: 'danger', label: 'Promissória' },
    'outro': { icone: 'bi-wallet2', cor: 'secondary', label: 'Outros' }
};

const BANDEIRA_POR_CODIGO = {
    '01': 'Visa',
    '02': 'Mastercard',
    '03': 'American Express',
    '04': 'Sorocred',
    '05': 'Diners Club',
    '06': 'Elo',
    '07': 'Hipercard',
    '08': 'Aura',
    '09': 'Cabal',
    '99': 'Outros'
};

function obterNomeBandeiraForma(forma) {
    if (!forma) return '';
    const codigo = String(forma.bandeira_cartao || '').trim();
    return BANDEIRA_POR_CODIGO[codigo] || '';
}

function obterBandeirasConfiguradasForma(forma) {
    if (!forma) return [];
    const lista = Array.isArray(forma.bandeiras_configuradas) ? forma.bandeiras_configuradas : [];
    const normalizadas = [];
    lista.forEach(nome => {
        const limpo = String(nome || '').trim();
        if (!limpo) return;
        if (!normalizadas.some(x => x.toLowerCase() === limpo.toLowerCase())) {
            normalizadas.push(limpo);
        }
    });
    if (normalizadas.length > 0) return normalizadas;
    const fallback = obterNomeBandeiraForma(forma);
    return fallback ? [fallback] : [];
}

function atualizarCamposCartaoForma(forma) {
    const divDetalhes = document.getElementById('divDetalhesCartao');
    const selectParcelas = document.getElementById('cartaoParcelas');
    const selectBandeira = document.getElementById('cartaoBandeira');
    if (!divDetalhes || !selectParcelas || !selectBandeira) return;

    const tipo = (forma?.tipo_agrupamento || '').toLowerCase();
    const ehCartao = tipo === 'credito' || tipo === 'debito';

    if (!ehCartao) {
        divDetalhes.style.display = 'none';
        return;
    }

    divDetalhes.style.display = 'flex';

    const maxParcelas = Math.max(1, parseInt(forma?.max_parcelas || 1, 10) || 1);
    const permiteParcelamento = Boolean(forma?.permite_parcelamento) && tipo === 'credito';
    const limiteParcelas = permiteParcelamento ? maxParcelas : 1;

    const parcelasAtual = parseInt(selectParcelas.value || '1', 10) || 1;
    let options = '';
    for (let i = 1; i <= limiteParcelas; i++) {
        options += `<option value="${i}">${i}x</option>`;
    }
    selectParcelas.innerHTML = options;
    selectParcelas.value = String(Math.min(parcelasAtual, limiteParcelas));
    selectParcelas.disabled = !permiteParcelamento;

    const bandeiras = obterBandeirasConfiguradasForma(forma);
    const bandeiraAtual = (selectBandeira.value || '').trim();
    let optionsBandeira = '<option value="">Selecione...</option>';
    bandeiras.forEach(nome => {
        optionsBandeira += `<option value="${nome}">${nome}</option>`;
    });
    selectBandeira.innerHTML = optionsBandeira;

    if (bandeiraAtual && bandeiras.some(b => b.toLowerCase() === bandeiraAtual.toLowerCase())) {
        selectBandeira.value = bandeiraAtual;
    } else if (bandeiras.length === 1) {
        selectBandeira.value = bandeiras[0];
    }
}

function obterClienteSelecionadoAtual() {
    const clienteSelect = document.getElementById('cliente-select');
    if (clienteSelecionadoId && clienteSelecionadoNome) {
        return {
            id: clienteSelecionadoId,
            nome: clienteSelecionadoNome,
            tipo: clienteSelecionadoTipo || 'pessoa'
        };
    }

    if (clienteSelect && clienteSelect.selectedIndex > 0) {
        const valor = clienteSelect.value || '';
        const texto = clienteSelect.options[clienteSelect.selectedIndex]?.text || 'Consumidor Final';
        return {
            id: valor,
            nome: texto.split('(')[0].trim() || texto,
            tipo: String(valor).startsWith('pessoa_') ? 'pessoa' : 'cliente'
        };
    }

    return { id: '', nome: 'Consumidor Final', tipo: null };
}

function obterConfiguracaoPagamentoOnline(forma, override = null) {
    const ativo = Boolean(forma && forma.pagamento_online_ativo);
    if (!ativo || !forma) {
        return {
            ativo: false,
            gateway: '',
            modalidade: '',
            meio: '',
            label: '',
            precisaEscolha: false
        };
    }

    const tipoForma = String(forma.tipo_agrupamento || '').trim().toLowerCase();
    const nomeForma = String(forma.nome || '').trim().toLowerCase();
    const gateway = String(override?.gateway || forma.pagamento_online_gateway || 'efi').trim().toLowerCase() || 'efi';

    let modalidade = String(override?.modalidade || forma.pagamento_online_modalidade || '').trim().toLowerCase();
    let meio = String(override?.meio || '').trim().toLowerCase();

    if (!modalidade) {
        modalidade = tipoForma === 'pix' ? 'pix_qrcode' : 'link_pagamento';
    }
    if (!meio) {
        if (modalidade === 'pix_qrcode') {
            meio = 'pix';
        } else if (tipoForma === 'debito') {
            meio = 'cartao_debito';
        } else {
            meio = 'cartao_credito';
        }
    }

    const precisaEscolha = !override && (
        !['pix', 'credito', 'debito'].includes(tipoForma)
        || tipoForma === 'outro'
        || nomeForma.includes('pagamento online')
    );

    let label = String(override?.label || '').trim();
    if (!label) {
        if (meio === 'pix') {
            label = 'PIX';
        } else if (meio === 'cartao_debito') {
            label = 'Cartão Débito';
        } else {
            label = 'Cartão Crédito';
        }
    }

    return {
        ativo: true,
        gateway,
        modalidade,
        meio,
        label,
        precisaEscolha
    };
}

function garantirModalEscolhaPagamentoOnline() {
    const modalId = 'pagamentoOnlineEscolhaModal';
    let modalElement = document.getElementById(modalId);
    if (!modalElement) {
        document.body.insertAdjacentHTML('beforeend', `
            <div class="modal fade cape-modal-standard pagamento-online-stack-modal" id="${modalId}" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title"><i class="bi bi-credit-card-2-front me-2"></i>Pagamento online</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                        </div>
                        <div class="modal-body">
                            <p class="mb-2">Como você quer cobrar este pagamento online?</p>
                            <div class="alert alert-info py-2 small mb-3" id="pagamentoOnlineEscolhaResumo"></div>
                            <div class="d-grid gap-2">
                                <button type="button" class="btn btn-outline-info btn-lg" onclick="escolherModalidadePagamentoOnline('pix')">
                                    <i class="bi bi-qr-code me-2"></i>Gerar PIX
                                </button>
                                <button type="button" class="btn btn-outline-primary btn-lg" onclick="escolherModalidadePagamentoOnline('credito')">
                                    <i class="bi bi-link-45deg me-2"></i>Gerar link de cartão / crédito
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        `);
        modalElement = document.getElementById(modalId);
    }

    prepararEmpilhamentoModalPagamentoOnline(modalElement);

    if (!pagamentoOnlineEscolhaModalInstance && modalElement && window.bootstrap?.Modal) {
        pagamentoOnlineEscolhaModalInstance = new bootstrap.Modal(modalElement, {
            backdrop: 'static',
            keyboard: true
        });
    }

    return pagamentoOnlineEscolhaModalInstance;
}

function abrirEscolhaPagamentoOnline(formaId, valorInformado) {
    const forma = obterFormaPorId(formaId);
    if (!forma) return;

    pagamentoOnlineEscolhaPendente = {
        formaId,
        valorInformado: Number(valorInformado || 0)
    };

    const modal = garantirModalEscolhaPagamentoOnline();
    const cliente = obterClienteSelecionadoAtual();
    const resumo = document.getElementById('pagamentoOnlineEscolhaResumo');
    if (resumo) {
        resumo.innerHTML = `
            <div><strong>Forma:</strong> ${forma.nome}</div>
            <div><strong>Cliente:</strong> ${cliente.nome || 'Consumidor Final'}</div>
            <div><strong>Valor:</strong> ${formatarMoeda(valorInformado || 0)}</div>
        `;
    }

    if (modal) {
        modal.show();
    }
}

function escolherModalidadePagamentoOnline(tipo) {
    if (pagamentoOnlineEscolhaModalInstance) {
        pagamentoOnlineEscolhaModalInstance.hide();
    }
    const escolha = tipo === 'pix'
        ? { gateway: 'efi', modalidade: 'pix_qrcode', meio: 'pix', label: 'PIX' }
        : { gateway: 'efi', modalidade: 'link_pagamento', meio: 'cartao_credito', label: 'Cartão Crédito' };
    pagamentoOnlineEscolhaPendente = null;
    confirmarPagamentoAtual(escolha);
}

function garantirModalResultadoPagamentoOnline() {
    const modalId = 'pagamentoOnlineResultadoModal';
    let modalElement = document.getElementById(modalId);
    if (!modalElement) {
        document.body.insertAdjacentHTML('beforeend', `
            <div class="modal fade cape-modal-standard pagamento-online-stack-modal" id="${modalId}" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="pagamentoOnlineResultadoTitulo"><i class="bi bi-send-check me-2"></i>Pagamento online</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                        </div>
                        <div class="modal-body" id="pagamentoOnlineResultadoConteudo"></div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
                        </div>
                    </div>
                </div>
            </div>
        `);
        modalElement = document.getElementById(modalId);
    }

    prepararEmpilhamentoModalPagamentoOnline(modalElement);

    if (!pagamentoOnlineResultadoModalInstance && modalElement && window.bootstrap?.Modal) {
        pagamentoOnlineResultadoModalInstance = new bootstrap.Modal(modalElement);
    }

    if (modalElement && modalElement.dataset.pagamentoOnlineMonitorReady !== '1') {
        modalElement.dataset.pagamentoOnlineMonitorReady = '1';
        modalElement.addEventListener('hidden.bs.modal', () => {
            pararMonitoramentoResultadoPagamentoOnline();
            cancelarFechamentoAutomaticoPagamentoOnline();
        });
    }

    return pagamentoOnlineResultadoModalInstance;
}

function prepararEmpilhamentoModalPagamentoOnline(modalElement) {
    if (!modalElement || modalElement.dataset.pagamentoOnlineStackReady === '1') {
        return;
    }

    modalElement.dataset.pagamentoOnlineStackReady = '1';

    modalElement.addEventListener('shown.bs.modal', () => {
        const backdrops = document.querySelectorAll('.modal-backdrop');
        const backdrop = backdrops[backdrops.length - 1];
        if (backdrop) {
            backdrop.classList.add('pagamento-online-stack-backdrop');
        }
    });

    modalElement.addEventListener('hidden.bs.modal', () => {
        const modalRecebimento = document.getElementById('recebimentoModal');
        if (modalRecebimento && modalRecebimento.classList.contains('show')) {
            document.body.classList.add('modal-open');
        }
    });
}

function obterOperacaoOnlineAtualPayload(payload) {
    if (!payload || typeof payload !== 'object') return null;
    if (payload.operacao_online_atual && typeof payload.operacao_online_atual === 'object') {
        return payload.operacao_online_atual;
    }
    if (Array.isArray(payload.operacoes_online) && payload.operacoes_online.length > 0) {
        return payload.operacoes_online[0];
    }
    return null;
}

function normalizarTelefoneWhatsApp(telefone) {
    let digits = String(telefone || '').replace(/\D/g, '');
    if (!digits) return '';
    if (digits.length <= 11) {
        digits = `55${digits}`;
    }
    if (digits.length > 11 && !digits.startsWith('55')) {
        digits = `55${digits}`;
    }
    return digits;
}

function montarMensagemPagamentoOnline(payload, operacao) {
    const cliente = String(payload?.cliente_nome || payload?.resumo_operacao_online?.cliente_nome || 'cliente').trim();
    const numeroPedido = payload?.numero_pedido || payload?.venda_id || '';
    const valorTotal = Number(payload?.valor_total || payload?.resumo_operacao_online?.valor_total || 0);
    const modalidade = operacao?.meio_pagamento === 'pix' ? 'PIX' : 'link de pagamento';
    const linhas = [
        `Olá, ${cliente}!`,
        `Segue o ${modalidade} do pedido #${numeroPedido}.`,
        valorTotal > 0 ? `Valor: ${formatarMoeda(valorTotal)}.` : '',
        operacao?.link_pagamento_url ? `Link: ${operacao.link_pagamento_url}` : '',
        operacao?.pix_copia_cola ? `PIX copia e cola: ${operacao.pix_copia_cola}` : '',
        'Qualquer dúvida, me chama por aqui.'
    ];
    return linhas.filter(Boolean).join('\n');
}

async function copiarPixPagamentoOnline() {
    const operacao = obterOperacaoOnlineAtualPayload(ultimoResultadoPagamentoOnline);
    const pix = String(operacao?.pix_copia_cola || '').trim();
    if (!pix) {
        alert('Nenhum código PIX disponível para copiar.');
        return;
    }
    try {
        await navigator.clipboard.writeText(pix);
        alert('PIX copia e cola copiado com sucesso.');
    } catch (error) {
        alert('Não foi possível copiar o PIX automaticamente.');
    }
}

function abrirCheckoutPagamentoOnline() {
    const operacao = obterOperacaoOnlineAtualPayload(ultimoResultadoPagamentoOnline);
    const link = String(operacao?.link_pagamento_url || '').trim();
    if (!link) {
        alert('Esta operação não possui link de checkout.');
        return;
    }
    window.open(link, '_blank');
}

function compartilharPagamentoOnlineWhatsApp() {
    const operacao = obterOperacaoOnlineAtualPayload(ultimoResultadoPagamentoOnline);
    if (!operacao) {
        alert('Nenhuma operação online disponível para compartilhar.');
        return;
    }

    const mensagem = montarMensagemPagamentoOnline(ultimoResultadoPagamentoOnline, operacao);
    const telefone = normalizarTelefoneWhatsApp(ultimoResultadoPagamentoOnline?.cliente_telefone || '');
    const texto = encodeURIComponent(mensagem);
    const destino = telefone
        ? `https://wa.me/${telefone}?text=${texto}`
        : `https://web.whatsapp.com/send?text=${texto}`;
    window.open(destino, '_blank');
}

function operacaoOnlineResultadoFinalizada(operacao) {
    const status = String(operacao?.status || operacao?.gateway_status || '').trim().toLowerCase();
    const financeiroStatus = String(operacao?.financeiro_status || '').trim().toLowerCase();
    if (financeiroStatus === 'recebido') return true;
    return [
        'pago',
        'paid',
        'cancelado',
        'cancelada',
        'estornado',
        'chargeback',
        'erro',
        'erro_gateway',
        'falha',
        'sem_regra',
        'sem_configuracao',
        'empresa_nao_encontrada'
    ].includes(status);
}

function operacaoOnlineResultadoPago(operacao) {
    const status = String(operacao?.status || operacao?.gateway_status || '').trim().toLowerCase();
    const financeiroStatus = String(operacao?.financeiro_status || '').trim().toLowerCase();
    if (financeiroStatus === 'recebido') return true;
    return ['pago', 'paid'].includes(status);
}

function obterApresentacaoResultadoPagamentoOnline(operacao) {
    const status = String(operacao?.status || operacao?.gateway_status || '').trim().toLowerCase();
    const financeiroStatus = String(operacao?.financeiro_status || '').trim().toLowerCase();
    const financeiroLabel = String(operacao?.financeiro_status_label || '').trim();
    const mensagemOperacao = String(operacao?.message || operacao?.mensagem || '').trim();
    const statusLegivel = String(operacao?.status || operacao?.gateway_status || 'pendente').replace(/_/g, ' ').trim();
    const expiradoOuErro = [
        'cancelado',
        'cancelada',
        'expired',
        'expirada',
        'removida_pelo_usuario_recebedor',
        'removida_pelo_psp',
        'removida',
        'erro',
        'erro_gateway',
        'falha',
        'chargeback',
        'estornado',
        'sem_regra',
        'sem_configuracao',
        'empresa_nao_encontrada'
    ].includes(status);
    const expirado = ['expired', 'expirada', 'removida_pelo_usuario_recebedor', 'removida_pelo_psp', 'removida', 'cancelado', 'cancelada'].includes(status);

    if (operacaoOnlineResultadoPago(operacao)) {
        return {
            titulo: financeiroLabel || 'Pagamento aprovado!',
            subtitulo: 'Pagamento confirmado. Confira o comprovante abaixo antes de voltar.',
            descricao: mensagemOperacao || 'O mini cupom já está liberado com o comprovante PIX e a tela volta sozinha em alguns segundos.',
            cardClass: 'bg-success text-white border-success',
            badgeClass: 'bg-light text-success',
            badgeLabel: financeiroStatus === 'recebido' ? 'RECEBIDO' : 'PAGO',
            icon: 'bi-check-circle-fill',
            autoClose: true,
            statusLegivel: financeiroLabel || statusLegivel
        };
    }

    if (expiradoOuErro) {
        return {
            titulo: expirado ? 'Pagamento expirado' : 'Pagamento com erro',
            subtitulo: financeiroLabel || (expirado ? 'A cobrança não está mais válida.' : 'Não foi possível concluir a cobrança.'),
            descricao: mensagemOperacao || 'Revise a operação e gere uma nova cobrança, se necessário.',
            cardClass: 'bg-danger text-white border-danger',
            badgeClass: 'bg-light text-danger',
            badgeLabel: expirado ? 'EXPIRADO' : 'ERRO',
            icon: expirado ? 'bi-x-octagon-fill' : 'bi-exclamation-triangle-fill',
            autoClose: false,
            statusLegivel: financeiroLabel || statusLegivel
        };
    }

    return {
        titulo: 'Aguardando pagamento',
        subtitulo: 'Assim que o cliente pagar, esta tela fecha sozinha.',
        descricao: mensagemOperacao || 'Mantenha o QR Code aberto ou compartilhe o pagamento com o cliente.',
        cardClass: 'bg-warning text-dark border-warning',
        badgeClass: 'bg-dark text-warning',
        badgeLabel: 'AGUARDANDO',
        icon: 'bi-hourglass-split',
        autoClose: false,
        statusLegivel: financeiroLabel || statusLegivel
    };
}

function cancelarFechamentoAutomaticoPagamentoOnline() {
    if (pagamentoOnlineResultadoAutoCloseTimer) {
        clearTimeout(pagamentoOnlineResultadoAutoCloseTimer);
        pagamentoOnlineResultadoAutoCloseTimer = null;
    }
}

function retornarTelaAnteriorPagamentoOnline() {
    cancelarFechamentoAutomaticoPagamentoOnline();
    pagamentoOnlineResultadoAutoClosed = true;

    if (pagamentoOnlineResultadoModalInstance) {
        pagamentoOnlineResultadoModalInstance.hide();
    } else {
        const modalElement = document.getElementById('pagamentoOnlineResultadoModal');
        if (modalElement) {
            modalElement.classList.remove('show');
            modalElement.style.display = 'none';
        }
    }

    const focoPreferencial = document.getElementById('btnMiniImpressao')
        || document.getElementById('btnEmitirNFCe')
        || document.getElementById('btnEmitirNFe')
        || document.getElementById('btnFecharPedido');
    if (focoPreferencial && !focoPreferencial.disabled && typeof focoPreferencial.focus === 'function') {
        setTimeout(() => focoPreferencial.focus(), 150);
    }
}

function imprimirComprovantePagamentoOnline() {
    if (!ultimaVendaFinalizada) {
        alert('Finalize a venda para liberar a impressão do comprovante PIX.');
        return;
    }

    cancelarFechamentoAutomaticoPagamentoOnline();
    abrirJanelaImpressao(rotaImpressaoCupomPDV);
    setTimeout(() => retornarTelaAnteriorPagamentoOnline(), 150);
}

function agendarFechamentoAutomaticoPagamentoOnline() {
    if (pagamentoOnlineResultadoAutoClosed || pagamentoOnlineResultadoAutoCloseTimer) {
        return;
    }
    pagamentoOnlineResultadoAutoCloseTimer = setTimeout(() => {
        retornarTelaAnteriorPagamentoOnline();
    }, pagamentoOnlineResultadoAutoCloseDelayMs);
}

function pararMonitoramentoResultadoPagamentoOnline() {
    if (pagamentoOnlineResultadoMonitorTimer) {
        clearTimeout(pagamentoOnlineResultadoMonitorTimer);
        pagamentoOnlineResultadoMonitorTimer = null;
    }
    pagamentoOnlineResultadoMonitorTentativas = 0;
}

async function consultarStatusResultadoPagamentoOnline() {
    const vendaId = Number(ultimoResultadoPagamentoOnline?.venda_id || 0);
    if (!vendaId || !pdvOperadorMonitoramentoId) {
        pararMonitoramentoResultadoPagamentoOnline();
        return;
    }

    try {
        const url = new URL(`/api/pdv-desktop/venda/${vendaId}/operacoes-online`, window.location.origin);
        url.searchParams.set('operador_id', String(pdvOperadorMonitoramentoId));
        if (pdvEmpresaMonitoramentoId) {
            url.searchParams.set('empresa_id', String(pdvEmpresaMonitoramentoId));
        }
        url.searchParams.set('refresh_gateway', '1');

        const response = await fetch(url.toString(), {
            method: 'GET',
            headers: {
                'Accept': 'application/json'
            }
        });
        const data = await response.json();
        if (!data || !data.success) {
            throw new Error(data?.message || 'Falha ao consultar status do pagamento online.');
        }

        ultimoResultadoPagamentoOnline = {
            ...ultimoResultadoPagamentoOnline,
            ...data,
            cliente_nome: data?.cliente_nome || ultimoResultadoPagamentoOnline?.cliente_nome,
            cliente_telefone: data?.cliente_telefone || ultimoResultadoPagamentoOnline?.cliente_telefone,
        };
        renderizarResultadoPagamentoOnline(ultimoResultadoPagamentoOnline);

        const operacaoAtual = obterOperacaoOnlineAtualPayload(ultimoResultadoPagamentoOnline);
        if (operacaoOnlineResultadoPago(operacaoAtual)) {
            ultimaVendaPagamentoOnlineConfirmado = true;
            ultimaVendaTemPagamentoOnlinePendente = false;
            atualizarBotoesImpressao();
        }
        if (operacaoOnlineResultadoFinalizada(operacaoAtual)) {
            pararMonitoramentoResultadoPagamentoOnline();
        }
    } catch (error) {
        console.warn('[PDV] Falha ao atualizar status do pagamento online:', error);
    }
}

function agendarMonitoramentoResultadoPagamentoOnline() {
    if (pagamentoOnlineResultadoMonitorTentativas >= pagamentoOnlineResultadoMonitorMaxTentativas) {
        pararMonitoramentoResultadoPagamentoOnline();
        return;
    }

    pagamentoOnlineResultadoMonitorTimer = setTimeout(async () => {
        pagamentoOnlineResultadoMonitorTentativas += 1;
        await consultarStatusResultadoPagamentoOnline();

        const operacaoAtual = obterOperacaoOnlineAtualPayload(ultimoResultadoPagamentoOnline);
        if (!operacaoOnlineResultadoFinalizada(operacaoAtual) && pagamentoOnlineResultadoMonitorTentativas < pagamentoOnlineResultadoMonitorMaxTentativas) {
            agendarMonitoramentoResultadoPagamentoOnline();
        }
    }, pagamentoOnlineResultadoMonitorIntervalMs);
}

function iniciarMonitoramentoResultadoPagamentoOnline(payload) {
    pararMonitoramentoResultadoPagamentoOnline();
    cancelarFechamentoAutomaticoPagamentoOnline();
    pagamentoOnlineResultadoAutoClosed = false;
    ultimoResultadoPagamentoOnline = payload;

    const operacaoAtual = obterOperacaoOnlineAtualPayload(payload);
    if (operacaoOnlineResultadoFinalizada(operacaoAtual)) {
        return;
    }

    agendarMonitoramentoResultadoPagamentoOnline();
}

function renderizarResultadoPagamentoOnline(payload) {
    const operacao = obterOperacaoOnlineAtualPayload(payload);
    if (!operacao) {
        alert('Venda realizada com sucesso, mas não foi encontrado retorno da operação online.');
        return;
    }

    const modal = garantirModalResultadoPagamentoOnline();
    const conteudo = document.getElementById('pagamentoOnlineResultadoConteudo');
    const cliente = String(payload?.cliente_nome || payload?.resumo_operacao_online?.cliente_nome || 'Cliente').trim();
    const numeroPedido = payload?.numero_pedido || payload?.venda_id || '-';
    const valorTotal = Number(payload?.valor_total || payload?.resumo_operacao_online?.valor_total || 0);
    const ehPix = operacao.meio_pagamento === 'pix';
    const temWhats = Boolean(normalizarTelefoneWhatsApp(payload?.cliente_telefone || ''));
    const apresentacao = obterApresentacaoResultadoPagamentoOnline(operacao);
    const tituloModal = document.getElementById('pagamentoOnlineResultadoTitulo');
    const pagamentoConfirmado = operacaoOnlineResultadoPago(operacao);
    const pagoEm = String(operacao?.financeiro_data_pagamento_fmt || operacao?.data_pagamento_fmt || '').trim();
    const comprovanteLinhas = pagamentoConfirmado ? [
        ['Status financeiro', operacao?.financeiro_status_label || apresentacao.badgeLabel],
        ['Valor pago', formatarMoeda(valorTotal)],
        ['Data do pagamento', pagoEm || '-'],
        ['TXID', operacao?.pix_txid || '-'],
        ['ID transação', operacao?.gateway_transacao_id || '-'],
        ['ID cobrança', operacao?.gateway_cobranca_id || '-'],
        ['Pedido', `#${numeroPedido}`]
    ] : [];
    const comprovanteHtml = comprovanteLinhas.length ? `
        <div class="card border-success shadow-sm mt-3">
            <div class="card-header bg-success text-white fw-semibold">
                <i class="bi bi-receipt-cutoff me-2"></i>Comprovante PIX
            </div>
            <div class="card-body">
                ${comprovanteLinhas.map(([label, valor]) => `
                    <div class="pagamento-online-comprovante-linha">
                        <span class="text-muted">${label}</span>
                        <span class="valor">${valor}</span>
                    </div>
                `).join('')}
                <div class="d-grid d-md-flex gap-2 mt-3">
                    <button type="button" class="btn btn-dark" onclick="imprimirComprovantePagamentoOnline()">
                        <i class="bi bi-printer me-2"></i>Imprimir comprovante PIX
                    </button>
                    <button type="button" class="btn btn-outline-secondary" onclick="retornarTelaAnteriorPagamentoOnline()">
                        <i class="bi bi-arrow-left me-2"></i>Voltar agora
                    </button>
                </div>
                <div class="small text-muted mt-2">O mini cupom será impresso com os dados do pagamento PIX.</div>
            </div>
        </div>
    ` : '';
    const avisoAutoCloseHtml = pagamentoConfirmado ? `
        <div class="alert alert-success small mt-3 mb-0">
            <i class="bi bi-check-circle me-1"></i>
            Pagamento confirmado. Esta tela volta automaticamente em alguns segundos, mas você pode imprimir o comprovante antes.
        </div>
    ` : '';

    if (tituloModal) {
        tituloModal.innerHTML = `<i class="bi bi-send-check me-2"></i>${ehPix ? 'PIX online' : 'Pagamento online'}`;
    }

    if (conteudo) {
        conteudo.innerHTML = `
            <div class="card shadow-sm border-2 mb-3 ${apresentacao.cardClass}">
                <div class="card-body p-3 p-lg-4">
                    <div class="d-flex flex-column flex-lg-row align-items-lg-center gap-3">
                        <div class="d-flex align-items-center gap-3 flex-grow-1">
                            <div class="rounded-circle d-flex align-items-center justify-content-center bg-white bg-opacity-25" style="width: 64px; height: 64px; min-width: 64px;">
                                <i class="bi ${apresentacao.icon} fs-2"></i>
                            </div>
                            <div>
                                <div class="text-uppercase fw-semibold small mb-1 opacity-75">Status do pagamento</div>
                                <div class="fw-bold lh-sm" style="font-size: 1.9rem;">${apresentacao.titulo}</div>
                                <div class="fw-semibold mt-2">${apresentacao.subtitulo}</div>
                                <div class="small mt-2">${apresentacao.descricao}</div>
                            </div>
                        </div>
                        <div class="text-lg-end">
                            <span class="badge ${apresentacao.badgeClass} px-3 py-2 fs-6">${apresentacao.badgeLabel}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="border rounded p-3 h-100 bg-light">
                        <div class="small text-muted mb-1">Pedido</div>
                        <div class="fw-bold mb-2">#${numeroPedido}</div>
                        <div class="small text-muted mb-1">Cliente</div>
                        <div class="mb-2">${cliente}</div>
                        <div class="small text-muted mb-1">Valor</div>
                        <div class="fw-semibold">${formatarMoeda(valorTotal)}</div>
                        <div class="mt-3 d-flex flex-wrap gap-2 small">
                            <span class="badge ${ehPix ? 'bg-info text-dark' : 'bg-primary'}">${ehPix ? 'PIX' : 'Link Cartão'}</span>
                            <span class="badge ${apresentacao.badgeClass}">${apresentacao.statusLegivel}</span>
                            ${operacao?.financeiro_status_label ? `<span class="badge bg-success text-white">${operacao.financeiro_status_label}</span>` : ''}
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="border rounded p-3 h-100">
                        ${ehPix && operacao.pix_qrcode_url ? `
                            <div class="text-center mb-3">
                                <img src="${operacao.pix_qrcode_url}" alt="QR Code PIX" class="img-fluid rounded border" style="max-height: 220px;" />
                            </div>` : ''}
                        ${operacao.pix_copia_cola ? `
                            <label class="form-label small text-muted">PIX copia e cola</label>
                            <textarea class="form-control form-control-sm mb-2" rows="4" readonly>${operacao.pix_copia_cola}</textarea>
                        ` : ''}
                        ${operacao.link_pagamento_url ? `
                            <label class="form-label small text-muted">Link de pagamento</label>
                            <input type="text" class="form-control form-control-sm mb-2" readonly value="${operacao.link_pagamento_url}">
                        ` : ''}
                        <div class="d-grid gap-2 mt-3">
                            ${operacao.link_pagamento_url ? '<button type="button" class="btn btn-primary" onclick="abrirCheckoutPagamentoOnline()"><i class="bi bi-box-arrow-up-right me-2"></i>Abrir checkout</button>' : ''}
                            ${operacao.pix_copia_cola ? '<button type="button" class="btn btn-outline-info" onclick="copiarPixPagamentoOnline()"><i class="bi bi-clipboard me-2"></i>Copiar PIX</button>' : ''}
                            <button type="button" class="btn btn-success" onclick="compartilharPagamentoOnlineWhatsApp()"><i class="bi bi-whatsapp me-2"></i>${temWhats ? 'Enviar ao cliente via WhatsApp' : 'Compartilhar via WhatsApp Web'}</button>
                        </div>
                    </div>
                </div>
            </div>
            ${comprovanteHtml}
            ${avisoAutoCloseHtml}
        `;
    }

    if (apresentacao.autoClose) {
        agendarFechamentoAutomaticoPagamentoOnline();
    } else {
        cancelarFechamentoAutomaticoPagamentoOnline();
    }

    return modal;
}

function exibirResultadoPagamentoOnline(payload) {
    ultimoResultadoPagamentoOnline = payload;
    const modal = renderizarResultadoPagamentoOnline(payload);

    if (modal) {
        modal.show();
    }

    iniciarMonitoramentoResultadoPagamentoOnline(payload);
}

function preencherSelectFormasPagamento() {
    const select = document.getElementById('novaFormaPagamento');
    if (select) {
        const options = ['<option value="">Selecione...</option>'];
        formasPagamentoDisponiveis.forEach(forma => {
            options.push(`<option value="${forma.id}">${forma.nome}</option>`);
        });
        select.innerHTML = options.join('');
    }
    
    // Criar botões agrupados por tipo
    criarBotoesFormasPagamento();
}

function criarBotoesFormasPagamento() {
    const container = document.getElementById('botoesFormasPagamento');
    if (!container) return;
    
    // Agrupar formas por tipo
    const grupos = {};
    formasPagamentoDisponiveis.forEach(forma => {
        const tipo = forma.tipo_agrupamento || 'outro';
        if (!grupos[tipo]) grupos[tipo] = [];
        grupos[tipo].push(forma);
    });
    
    // Ordem de exibição dos tipos
    const ordemTipos = ['dinheiro', 'pix', 'debito', 'credito', 'promissoria', 'outro'];
    
    let html = '';
    ordemTipos.forEach(tipo => {
        if (!grupos[tipo] || grupos[tipo].length === 0) return;
        
        const config = TIPOS_PAGAMENTO[tipo] || TIPOS_PAGAMENTO['outro'];
        const formas = grupos[tipo];
        
        // Se só tem uma forma deste tipo, criar botão direto
        // Se tem múltiplas (várias maquininhas), criar botão que abre modal
        if (formas.length === 1) {
            const forma = formas[0];
            const cor = forma.cor_botao || config.cor;
            const icone = forma.icone || config.icone;
            html += `
                <button type="button" class="btn btn-sm btn-${cor} btn-forma-pagamento" 
                        data-forma-id="${forma.id}" onclick="selecionarForma(${forma.id})">
                    <i class="bi ${icone}"></i> ${forma.nome}
                </button>
            `;
        } else {
            // Múltiplas formas - criar botão que abre modal
            html += `
                <button type="button" class="btn btn-sm btn-outline-${config.cor} btn-forma-pagamento" 
                        onclick="abrirModalAdquirente('${tipo}')">
                    <i class="bi ${config.icone}"></i> ${config.label}
                    <span class="badge bg-light text-dark ms-1">${formas.length}</span>
                </button>
            `;
        }
    });
    
    container.innerHTML = html;
    
    // Atualizar estado dos botões
    atualizarEstadoBotoes();
}

function selecionarForma(formaId) {
    console.log('[PDV] selecionarForma chamada com formaId:', formaId);
    formaSelecionadaId = formaId;
    
    // Atualizar select oculto
    const select = document.getElementById('novaFormaPagamento');
    if (select) select.value = formaId;
    
    // Atualizar visual dos botões
    atualizarEstadoBotoes();
    
    const forma = obterFormaPorId(formaId);
    atualizarCamposCartaoForma(forma);
    const valorInput = document.getElementById('novaFormaValor');
    const infoTroco = document.getElementById('infoTrocoRestante');
    
    // Calcular restante da venda
    const subtotalVenda = obterTotalVendaParaPagamento();
    const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
    const restanteVenda = Math.max(0, subtotalVenda - jaAbatido);
    
    if (valorInput && restanteVenda > 0) {
        valorInput.value = restanteVenda.toFixed(2);
    }
    
    // Mostrar info sobre desconto da forma selecionada
    if (infoTroco && forma) {
        const ehDinheiro = forma.tipo_agrupamento === 'dinheiro' || forma.nome.toLowerCase().includes('dinheiro');
        
        // Verificar desconto da forma
        let descontoInfo = '';
        if (forma.desconto_percentual && forma.desconto_percentual > 0 && !forma.desconto_pausado) {
            const descontoEstimado = restanteVenda * (forma.desconto_percentual / 100);
            descontoInfo = ` | <span class="text-success">${forma.desconto_percentual}% desc = -${formatarMoeda(descontoEstimado)}</span>`;
        }
        
        if (restanteVenda > 0) {
            let msg = `<i class="bi bi-check"></i> ${forma.nome}: ${formatarMoeda(restanteVenda)}`;
            msg += descontoInfo;
            if (ehDinheiro) msg += ' <small>(aceita troco)</small>';
            infoTroco.innerHTML = msg;
            infoTroco.className = 'fw-bold text-primary';
        } else {
            infoTroco.innerHTML = `<i class="bi bi-check-circle"></i> Pagamento completo!`;
            infoTroco.className = 'fw-bold text-success';
        }
        
        // Mostrar/ocultar campo de Valor Recebido (só para Dinheiro)
        const divValorRecebido = document.getElementById('divValorRecebido');
        const valorRecebidoInput = document.getElementById('valorRecebidoInput');
        if (divValorRecebido) {
            if (ehDinheiro && restanteVenda > 0) {
                divValorRecebido.style.display = 'flex';
                if (valorRecebidoInput) {
                    valorRecebidoInput.value = restanteVenda.toFixed(2);
                }
            } else {
                divValorRecebido.style.display = 'none';
                if (valorRecebidoInput) valorRecebidoInput.value = '';
            }
        }
        
        // Calcular preview do troco
        calcularTrocoPreview();
    }
    
    if (valorInput) {
        valorInput.focus();
        valorInput.select();
    }
}

// Função para calcular e mostrar preview do troco em tempo real
function calcularTrocoPreview() {
    const forma = obterFormaPorId(formaSelecionadaId);
    if (!forma) return;
    
    const ehDinheiro = forma.tipo_agrupamento === 'dinheiro' || forma.nome.toLowerCase().includes('dinheiro');
    const divTrocoPreview = document.getElementById('divTrocoPreview');
    const trocoPreviewBadge = document.getElementById('trocoPreviewBadge');
    
    if (!ehDinheiro) {
        if (divTrocoPreview) divTrocoPreview.style.display = 'none';
        return;
    }
    
    const valorAbater = parseFloat(document.getElementById('novaFormaValor')?.value) || 0;
    const valorRecebido = parseFloat(document.getElementById('valorRecebidoInput')?.value) || 0;
    
    // Calcular desconto da forma
    let descontoPercentual = 0;
    if (forma.desconto_percentual && forma.desconto_percentual > 0 && !forma.desconto_pausado) {
        descontoPercentual = forma.desconto_percentual;
    }
    
    // Valor que cliente deveria pagar (após desconto)
    const valorDesconto = valorAbater * (descontoPercentual / 100);
    const valorDevePagar = valorAbater - valorDesconto;
    
    // Troco = valor recebido - valor que deve pagar
    const troco = valorRecebido - valorDevePagar;
    
    if (troco > 0 && divTrocoPreview && trocoPreviewBadge) {
        divTrocoPreview.style.display = 'flex';
        trocoPreviewBadge.innerHTML = `<i class="bi bi-arrow-return-left"></i> TROCO: ${formatarMoeda(troco)}`;
    } else if (divTrocoPreview) {
        divTrocoPreview.style.display = 'none';
    }
}

// Variáveis legadas (mantidas por compatibilidade, mas não mais usadas para cálculo global)
let descontoFormaPagamentoAtual = 0;
let acrescimoFormaPagamentoAtual = 0;
let descontoTravado = false;

// Função legada - mantida vazia por compatibilidade
// O desconto agora é calculado por pagamento em confirmarPagamentoAtual()
function aplicarDescontoFormaPagamento(formaId) {
    // Não faz mais nada - desconto é calculado por pagamento
}

function atualizarEstadoBotoes() {
    console.log('[PDV] atualizarEstadoBotoes - formaSelecionadaId:', formaSelecionadaId);
    document.querySelectorAll('.btn-forma-pagamento').forEach(btn => {
        const formaId = btn.getAttribute('data-forma-id');
        const isSelected = formaId && parseInt(formaId) === formaSelecionadaId;
        
        if (isSelected) {
            btn.classList.add('active', 'btn-forma-selecionada');
            // Adicionar borda destacada
            btn.style.boxShadow = '0 0 0 3px rgba(0,0,0,0.3)';
            btn.style.transform = 'scale(1.05)';
        } else {
            btn.classList.remove('active', 'btn-forma-selecionada');
            btn.style.boxShadow = '';
            btn.style.transform = '';
        }
    });
}

function abrirModalAdquirente(tipo) {
    tipoSelecionado = tipo;
    
    const formas = formasPagamentoDisponiveis.filter(f => (f.tipo_agrupamento || 'outro') === tipo);
    const container = document.getElementById('listaAdquirentes');
    const config = TIPOS_PAGAMENTO[tipo] || TIPOS_PAGAMENTO['outro'];
    
    // Atualizar título do modal
    const modalTitle = document.querySelector('#adquirenteModal .modal-title');
    if (modalTitle) {
        modalTitle.innerHTML = `<i class="bi ${config.icone}"></i> Selecione - ${config.label}`;
    }
    
    let html = '';
    formas.forEach(forma => {
        const adquirente = forma.adquirente ? `<small class="text-muted">(${forma.adquirente})</small>` : '';
        const cor = forma.cor_botao || config.cor;
        html += `
            <button type="button" class="btn btn-${cor} btn-lg" onclick="selecionarFormaModal(${forma.id})">
                <i class="bi ${forma.icone || config.icone}"></i> 
                ${forma.nome} ${adquirente}
            </button>
        `;
    });
    
    container.innerHTML = html;
    
    // Abrir modal
    const modal = new bootstrap.Modal(document.getElementById('adquirenteModal'));
    modal.show();
}

function selecionarFormaModal(formaId) {
    // Fechar modal
    const modal = bootstrap.Modal.getInstance(document.getElementById('adquirenteModal'));
    if (modal) modal.hide();
    
    // Selecionar forma
    selecionarForma(formaId);
}

function renderPagamentos() {
    const container = document.getElementById('listaPagamentos');
    if (!container) return;
    if (!pagamentos.length) {
        container.innerHTML = '<div class="text-muted text-center small py-2"><i class="bi bi-info-circle"></i> Nenhum pagamento confirmado</div>';
        return;
    }
    
    // Calcular troco total
    const trocoTotal = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.troco) || 0), 0);
    
    const linhas = pagamentos.map((pg, index) => {
        const forma = obterFormaPorId(pg.formaId);
        const nome = forma ? forma.nome : 'Forma removida';
        const valorAbatido = pg.valorAbatido || pg.valor || 0;
        const valorPago = pg.valorPago || valorAbatido;
        const valorRecebido = pg.valorRecebido || valorPago;
        const desconto = pg.valorDesconto || 0;
        const troco = pg.troco || 0;
        
        // Info de desconto/troco compacta
        let infoExtra = '';
        if (desconto > 0) {
            infoExtra += ` <span class="badge bg-success-subtle text-success">${pg.descontoPercentual}%</span>`;
        }
        if (pg.parcelasQtd && Number(pg.parcelasQtd) > 1) {
            infoExtra += ` <span class="badge bg-info-subtle text-info-emphasis">${pg.parcelasQtd}x</span>`;
        }
        if (pg.bandeira) {
            infoExtra += ` <span class="badge bg-primary-subtle text-primary-emphasis">${pg.bandeira}</span>`;
        }
        if (pg.pagamentoOnlineAtivo) {
            infoExtra += ` <span class="badge bg-dark">Online ${pg.pagamentoOnlineLabel || (pg.pagamentoOnlineMeio === 'pix' ? 'PIX' : 'Crédito')}</span>`;
        }
        if (troco > 0) {
            infoExtra += ` <span class="badge bg-warning text-dark">Troco: ${formatarMoeda(troco)}</span>`;
        }
        
        return `
            <tr>
                <td class="text-center">${index + 1}</td>
                <td>${nome}${infoExtra}</td>
                <td class="text-end">${formatarMoeda(valorAbatido)}</td>
                <td class="text-end fw-bold text-success">${formatarMoeda(valorRecebido)}</td>
                <td class="text-center p-0">
                    <button class="btn btn-sm btn-link text-danger p-0" type="button" onclick="removerPagamento(${index})" title="Remover">
                        <i class="bi bi-x-circle"></i>
                    </button>
                </td>
            </tr>
        `;
    }).join('');
    
    // Linha de troco total se houver
    let linhaTroco = '';
    if (trocoTotal > 0) {
        linhaTroco = `
            <tr class="bg-warning-subtle border-top">
                <td colspan="3" class="text-end fw-bold"><i class="bi bi-arrow-return-left"></i> TROCO TOTAL:</td>
                <td class="text-end fw-bold text-dark fs-6">${formatarMoeda(trocoTotal)}</td>
                <td></td>
            </tr>
        `;
    }
    
    container.innerHTML = `
        <table class="table table-sm table-borderless mb-0 small">
            <thead>
                <tr class="border-bottom">
                    <th class="text-center" style="width:30px">#</th>
                    <th>Forma</th>
                    <th class="text-end">Da Venda</th>
                    <th class="text-end">Recebido</th>
                    <th style="width:30px"></th>
                </tr>
            </thead>
            <tbody>${linhas}${linhaTroco}</tbody>
        </table>
    `;
}

function adicionarPagamento(dados) {
    const pagamento = {
        formaId: dados.formaId,
        valorAbatido: Number(dados.valorAbatido || dados.valor || 0),  // Quanto abate da venda
        valorPago: Number(dados.valorPago || dados.valorAbatido || dados.valor || 0),  // Quanto cliente paga
        valorRecebido: Number(dados.valorRecebido || dados.valorPago || dados.valor || 0),  // Quanto cliente entregou
        troco: Number(dados.troco || 0),  // Troco a devolver
        descontoPercentual: Number(dados.descontoPercentual || 0),
        valorDesconto: Number(dados.valorDesconto || 0),
        acrescimoPercentual: Number(dados.acrescimoPercentual || 0),
        valorAcrescimo: Number(dados.valorAcrescimo || 0),
        parcelasQtd: Number(dados.parcelasQtd || 1),
        bandeira: (dados.bandeira || '').toString().trim()
    };

    if (dados.pagamentoOnlineAtivo || dados.pagamento_online_ativo) {
        pagamento.pagamentoOnlineAtivo = true;
        pagamento.pagamentoOnlineGateway = (dados.pagamentoOnlineGateway || dados.pagamento_online_gateway || 'efi').toString().trim().toLowerCase();
        pagamento.pagamentoOnlineModalidade = (dados.pagamentoOnlineModalidade || dados.pagamento_online_modalidade || '').toString().trim().toLowerCase();
        pagamento.pagamentoOnlineMeio = (dados.pagamentoOnlineMeio || dados.pagamento_online_meio || '').toString().trim().toLowerCase();
        pagamento.pagamentoOnlineLabel = (dados.pagamentoOnlineLabel || dados.pagamento_online_label || '').toString().trim();
    }
    if (dados.exigeCliente || dados.exige_cliente) {
        pagamento.exigeCliente = true;
    }
    
    // Campos extras para promissória/crediário
    if (dados.ehPromissoria) {
        pagamento.ehPromissoria = true;
        pagamento.clienteId = dados.clienteId;
        pagamento.parcelas = dados.parcelas || [];
    }
    
    // Não precisa mais travar desconto global - cada forma tem seu próprio desconto
    pagamentos.push(pagamento);
    renderPagamentos();
    atualizarPagamentosResumo();
}

function removerPagamento(index) {
    pagamentos.splice(index, 1);
    console.log('[PDV] Pagamento removido, restam:', pagamentos.length);
    
    renderPagamentos();
    atualizarPagamentosResumo();
}

function confirmarPagamentoAtual(opcoesOnline = null) {
    const select = document.getElementById('novaFormaPagamento');
    const valorInput = document.getElementById('novaFormaValor');
    if (!valorInput) return;
    
    // Usar formaSelecionadaId ou valor do select oculto
    const formaId = formaSelecionadaId || (select && select.value ? Number(select.value) : NaN);
    if (!formaId) {
        alert('Selecione uma forma de pagamento clicando em um dos botões.');
        return;
    }
    let valorInformado = parseFloat(valorInput.value);
    if (!valorInformado || valorInformado <= 0) {
        alert('Informe um valor válido.');
        valorInput.focus();
        return;
    }
    const forma = obterFormaPorId(formaId);
    if (!forma) {
        alert('Forma de pagamento inválida.');
        return;
    }

    const onlineConfig = obterConfiguracaoPagamentoOnline(forma, opcoesOnline);
    if (onlineConfig.ativo && !opcoesOnline && onlineConfig.precisaEscolha) {
        abrirEscolhaPagamentoOnline(formaId, valorInformado);
        return;
    }

    if (forma.exige_cliente) {
        const clienteAtual = obterClienteSelecionadoAtual();
        if (!clienteAtual.id) {
            alert('Esta forma de pagamento exige cliente identificado. Selecione o cliente antes de continuar.');
            return;
        }
    }

    const tipoForma = (forma.tipo_agrupamento || '').toLowerCase();
    const ehCartao = tipoForma === 'credito' || tipoForma === 'debito';
    const parcelasQtd = ehCartao
        ? Math.max(1, parseInt(document.getElementById('cartaoParcelas')?.value || '1', 10) || 1)
        : 1;
    const bandeiraSelecionada = (document.getElementById('cartaoBandeira')?.value || obterNomeBandeiraForma(forma) || '').trim();

    if (ehCartao && !bandeiraSelecionada) {
        alert('Selecione a bandeira do cartão para continuar.');
        document.getElementById('cartaoBandeira')?.focus();
        return;
    }
    
    // Se é promissória/crediário, abrir modal especial
    if (forma.eh_promissoria) {
        abrirModalPromissoria(forma, valorInformado);
        return;
    }
    
    // Se é crédito loja, verificar cliente e saldo
    if (forma.eh_credito_loja) {
        abrirModalCreditoLoja(forma, valorInformado);
        return;
    }
    
    // Calcular restante da venda (quanto ainda falta abater)
    const subtotalVenda = obterTotalVendaParaPagamento();
    const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || 0), 0);
    const restanteVenda = Math.max(0, subtotalVenda - jaAbatido);
    
    if (restanteVenda <= 0) {
        alert('O valor total já foi lançado.');
        return;
    }
    
    // O valor informado é quanto da VENDA o operador quer pagar com esta forma
    // Limitar ao restante da venda
    let valorAbatido = Math.min(valorInformado, restanteVenda);
    
    // Calcular desconto/acréscimo desta forma de pagamento
    let descontoPercentual = 0;
    let acrescimoPercentual = 0;
    
    // Verificar se desconto está válido
    let descontoValido = true;
    if (forma.desconto_pausado) descontoValido = false;
    if (forma.desconto_valido_ate) {
        const hoje = new Date();
        hoje.setHours(0, 0, 0, 0);
        const validade = new Date(forma.desconto_valido_ate);
        validade.setHours(0, 0, 0, 0);
        if (validade < hoje) descontoValido = false;
    }
    
    if (descontoValido && forma.desconto_percentual && forma.desconto_percentual > 0) {
        descontoPercentual = forma.desconto_percentual;
    }
    if (forma.acrescimo_percentual && forma.acrescimo_percentual > 0) {
        acrescimoPercentual = forma.acrescimo_percentual;
    }
    
    // Calcular valor que o cliente efetivamente paga (após desconto/acréscimo)
    const valorDesconto = valorAbatido * (descontoPercentual / 100);
    const valorAcrescimo = valorAbatido * (acrescimoPercentual / 100);
    const valorPago = valorAbatido - valorDesconto + valorAcrescimo;
    
    // Verificar se é Dinheiro (permite troco)
    const ehDinheiro = forma.tipo_agrupamento === 'dinheiro' || forma.nome.toLowerCase().includes('dinheiro');
    
    // Obter valor recebido do cliente (para calcular troco)
    let valorRecebido = valorPago;  // Padrão: cliente paga exatamente o devido
    let troco = 0;
    
    if (ehDinheiro) {
        const valorRecebidoInput = document.getElementById('valorRecebidoInput');
        if (valorRecebidoInput && valorRecebidoInput.value) {
            valorRecebido = parseFloat(valorRecebidoInput.value) || valorPago;
            // Troco = valor recebido - valor que deveria pagar
            troco = Math.max(0, valorRecebido - valorPago);
        }
    }
    
    console.log(`[PDV] Pagamento: ${forma.nome} | Abate R$ ${valorAbatido.toFixed(2)} da venda | Desc ${descontoPercentual}% = R$ ${valorDesconto.toFixed(2)} | Cliente paga R$ ${valorPago.toFixed(2)} | Recebido R$ ${valorRecebido.toFixed(2)} | Troco R$ ${troco.toFixed(2)}`);
    
    adicionarPagamento({
        formaId,
        valorAbatido: valorAbatido,      // Quanto abate da venda
        valorPago: valorPago,            // Quanto cliente efetivamente paga
        valorRecebido: valorRecebido,    // Quanto cliente entregou
        troco: troco,                    // Troco a devolver
        descontoPercentual: descontoPercentual,
        valorDesconto: valorDesconto,
        acrescimoPercentual: acrescimoPercentual,
        valorAcrescimo: valorAcrescimo,
        parcelasQtd: parcelasQtd,
        bandeira: bandeiraSelecionada,
        pagamentoOnlineAtivo: onlineConfig.ativo,
        pagamentoOnlineGateway: onlineConfig.gateway,
        pagamentoOnlineModalidade: onlineConfig.modalidade,
        pagamentoOnlineMeio: onlineConfig.meio,
        pagamentoOnlineLabel: onlineConfig.label,
        exigeCliente: Boolean(forma.exige_cliente)
    });

    if (onlineConfig.ativo) {
        setTimeout(() => {
            tentarRegistrarPagamentoOnlineAntecipado();
        }, 0);
    }
    
    // Limpar seleção após pagamento
    console.log('[PDV] confirmarPagamentoAtual - limpando seleção');
    pagamentoOnlineEscolhaPendente = null;
    formaSelecionadaId = null;
    if (select) select.value = '';
    valorInput.value = '';
    
    // Limpar campo de valor recebido e ocultar seção de troco
    const valorRecebidoInput = document.getElementById('valorRecebidoInput');
    const divValorRecebido = document.getElementById('divValorRecebido');
    const divTrocoPreview = document.getElementById('divTrocoPreview');
    if (valorRecebidoInput) valorRecebidoInput.value = '';
    if (divValorRecebido) divValorRecebido.style.display = 'none';
    if (divTrocoPreview) divTrocoPreview.style.display = 'none';

    const divDetalhesCartao = document.getElementById('divDetalhesCartao');
    const cartaoParcelas = document.getElementById('cartaoParcelas');
    const cartaoBandeira = document.getElementById('cartaoBandeira');
    if (divDetalhesCartao) divDetalhesCartao.style.display = 'none';
    if (cartaoParcelas) {
        cartaoParcelas.innerHTML = '<option value="1">1x</option>';
        cartaoParcelas.value = '1';
    }
    if (cartaoBandeira) cartaoBandeira.value = '';
    
    atualizarEstadoBotoes();
    invalidarImpressao();
}

// ==================== PROMISSÓRIA / CREDIÁRIO ====================
let promissoriaAtual = null;

function abrirModalPromissoria(forma, valor) {
    promissoriaAtual = { forma, valor };
    
    // Verificar se cliente está selecionado
    const clienteSelect = document.getElementById('cliente-select');
    const clienteId = clienteSelect ? clienteSelect.value : '';
    
    // Preencher valor
    document.getElementById('promissoriaValorTotal').textContent = formatarMoeda(valor);
    document.getElementById('promissoriaFormaSelecionada').textContent = forma.nome;
    
    // Preencher prazos disponíveis
    const prazosSelect = document.getElementById('promissoriaPrazo');
    prazosSelect.innerHTML = '';
    
    const prazos = (forma.prazos_pagamento || '30').replace(/\//g, ',').split(',').filter(p => p.trim());
    if (prazos.length === 1) {
        // Prazo único
        document.getElementById('promissoriaTipoPrazo').value = 'avista';
        prazosSelect.innerHTML = `<option value="${prazos[0].trim()}">${prazos[0].trim()} dias</option>`;
    } else {
        // Múltiplos prazos
        prazos.forEach((prazo, idx) => {
            prazosSelect.innerHTML += `<option value="${prazo.trim()}">${prazo.trim()} dias</option>`;
        });
    }
    
    // Se exige cliente e não tem selecionado, focar no select
    if (forma.exige_cliente && !clienteId) {
        // Focar no campo de cliente do modal
    }
    
    // Sincronizar cliente do PDV com o modal
    const promissoriaClienteSelect = document.getElementById('promissoriaCliente');
    if (clienteId && promissoriaClienteSelect) {
        promissoriaClienteSelect.value = clienteId;
    }
    
    atualizarParcelamento();
    
    // Abrir modal
    const modal = new bootstrap.Modal(document.getElementById('promissoriaModal'));
    modal.show();
}

function atualizarParcelamento() {
    if (!promissoriaAtual) return;
    
    const tipoPrazo = document.getElementById('promissoriaTipoPrazo').value;
    const divParcelas = document.getElementById('divParcelas');
    const tbody = document.getElementById('promissoriaParcelasBody');
    const prazosSelect = document.getElementById('promissoriaPrazo');
    
    if (tipoPrazo === 'avista') {
        // À vista - uma única parcela
        divParcelas.style.display = 'none';
        const prazo = parseInt(prazosSelect.value) || 30;
        const venc = new Date();
        venc.setDate(venc.getDate() + prazo);
        
        tbody.innerHTML = `
            <tr>
                <td>1/1</td>
                <td>${venc.toLocaleDateString('pt-BR')}</td>
                <td>${formatarMoeda(promissoriaAtual.valor)}</td>
            </tr>
        `;
        document.getElementById('promissoriaTotalParcelas').textContent = formatarMoeda(promissoriaAtual.valor);
    } else {
        // Parcelado
        divParcelas.style.display = 'block';
        const prazos = promissoriaAtual.forma.prazos_pagamento.replace(/\//g, ',').split(',').filter(p => p.trim());
        const numParcelas = prazos.length;
        const valorParcela = promissoriaAtual.valor / numParcelas;
        
        let html = '';
        let total = 0;
        prazos.forEach((prazo, idx) => {
            const dias = parseInt(prazo.trim()) || 30;
            const venc = new Date();
            venc.setDate(venc.getDate() + dias);
            html += `
                <tr>
                    <td>${idx + 1}/${numParcelas}</td>
                    <td>${venc.toLocaleDateString('pt-BR')}</td>
                    <td>${formatarMoeda(valorParcela)}</td>
                </tr>
            `;
            total += valorParcela;
        });
        tbody.innerHTML = html;
        document.getElementById('promissoriaTotalParcelas').textContent = formatarMoeda(total);
    }
}

function confirmarPromissoria() {
    if (!promissoriaAtual) return;
    
    const clienteId = document.getElementById('promissoriaCliente').value;
    
    // Verificar cliente se exigido
    if (promissoriaAtual.forma.exige_cliente && !clienteId) {
        alert('É obrigatório selecionar um cliente para esta forma de pagamento.');
        document.getElementById('promissoriaCliente').focus();
        return;
    }
    
    const tipoPrazo = document.getElementById('promissoriaTipoPrazo').value;
    const prazos = promissoriaAtual.forma.prazos_pagamento.replace(/\//g, ',').split(',').filter(p => p.trim());
    
    // Calcular parcelas
    let parcelas = [];
    if (tipoPrazo === 'avista') {
        const prazoSelecionado = parseInt(document.getElementById('promissoriaPrazo').value) || 30;
        parcelas.push({ dias: prazoSelecionado, valor: promissoriaAtual.valor });
    } else {
        const numParcelas = prazos.length;
        const valorParcela = promissoriaAtual.valor / numParcelas;
        prazos.forEach(prazo => {
            parcelas.push({ dias: parseInt(prazo.trim()), valor: valorParcela });
        });
    }
    
    // Atualizar cliente no PDV se foi selecionado no modal
    const clienteSelectPDV = document.getElementById('cliente-select');
    if (clienteId && clienteSelectPDV) {
        clienteSelectPDV.value = clienteId;
    }
    
    // Adicionar pagamento com informações extras (promissória não tem desconto)
    adicionarPagamento({
        formaId: promissoriaAtual.forma.id,
        valorAbatido: promissoriaAtual.valor,
        valorPago: promissoriaAtual.valor,
        valorRecebido: promissoriaAtual.valor,
        ehPromissoria: true,
        clienteId: clienteId,
        parcelas: parcelas
    });
    
    // Fechar modal
    const modal = bootstrap.Modal.getInstance(document.getElementById('promissoriaModal'));
    modal.hide();
    
    // Limpar campos
    document.getElementById('novaFormaPagamento').value = '';
    document.getElementById('novaFormaValor').value = '';
    promissoriaAtual = null;
    
    invalidarImpressao();
}

// ==================== FIM PROMISSÓRIA ====================

// ==================== CRÉDITO LOJA ====================
let creditoLojaAtual = null;
let saldoCreditoCliente = 0;

async function abrirModalCreditoLoja(forma, valor) {
    creditoLojaAtual = { forma, valor };
    
    // Verificar se cliente está selecionado
    const clienteSelect = document.getElementById('cliente-select');
    const clienteId = clienteSelect ? clienteSelect.value : '';
    
    if (!clienteId) {
        alert('É obrigatório selecionar um cliente para usar Crédito Loja.');
        if (clienteSelect) clienteSelect.focus();
        return;
    }
    
    // Buscar saldo de crédito do cliente
    try {
        const response = await fetch(`/api/cliente/${clienteId}/credito`);
        const data = await response.json();
        
        if (!data.success) {
            alert('Erro ao consultar crédito do cliente.');
            return;
        }
        
        saldoCreditoCliente = data.saldo_credito || 0;
        
        if (saldoCreditoCliente <= 0) {
            alert(`O cliente ${data.nome} não possui crédito loja disponível.`);
            return;
        }
        
        // Preencher dados no modal
        document.getElementById('creditoLojaCliente').textContent = data.nome;
        document.getElementById('creditoLojaSaldo').textContent = formatarMoeda(saldoCreditoCliente);
        document.getElementById('creditoLojaValorSolicitado').textContent = formatarMoeda(valor);
        
        // Calcular valor a usar (menor entre saldo e valor solicitado)
        const valorUsar = Math.min(saldoCreditoCliente, valor);
        document.getElementById('creditoLojaValorUsar').value = valorUsar.toFixed(2);
        
        // Se valor solicitado > saldo, mostrar aviso
        const alertaDiv = document.getElementById('creditoLojaAlerta');
        if (valor > saldoCreditoCliente) {
            const diferenca = valor - saldoCreditoCliente;
            alertaDiv.innerHTML = `
                <div class="alert alert-warning mb-0">
                    <i class="bi bi-exclamation-triangle"></i>
                    Saldo insuficiente. Será utilizado ${formatarMoeda(valorUsar)} do crédito.
                    <br>Restante de ${formatarMoeda(diferenca)} deve ser pago com outra forma.
                </div>
            `;
            alertaDiv.style.display = 'block';
        } else {
            alertaDiv.style.display = 'none';
        }
        
        // Listar créditos disponíveis
        const listaCreditosDiv = document.getElementById('creditoLojaLista');
        if (data.creditos && data.creditos.length > 0) {
            let html = '<div class="table-responsive"><table class="table table-sm table-bordered mb-0"><thead><tr><th>Origem</th><th>Data</th><th>Valor Original</th><th>Saldo</th></tr></thead><tbody>';
            data.creditos.forEach(c => {
                html += `<tr>
                    <td>${c.origem || 'Devolução'}</td>
                    <td>${c.data_criacao || '-'}</td>
                    <td>${formatarMoeda(c.valor_original)}</td>
                    <td class="text-success fw-bold">${formatarMoeda(c.valor_saldo)}</td>
                </tr>`;
            });
            html += '</tbody></table></div>';
            listaCreditosDiv.innerHTML = html;
            listaCreditosDiv.style.display = 'block';
        } else {
            listaCreditosDiv.style.display = 'none';
        }
        
        // Abrir modal
        const modal = new bootstrap.Modal(document.getElementById('creditoLojaModal'));
        modal.show();
        
    } catch (error) {
        console.error('Erro ao buscar crédito:', error);
        alert('Erro ao consultar crédito do cliente.');
    }
}

function confirmarCreditoLoja() {
    if (!creditoLojaAtual) return;
    
    const valorUsar = parseFloat(document.getElementById('creditoLojaValorUsar').value) || 0;
    
    if (valorUsar <= 0) {
        alert('Informe um valor válido.');
        return;
    }
    
    if (valorUsar > saldoCreditoCliente) {
        alert(`O valor não pode exceder o saldo disponível de ${formatarMoeda(saldoCreditoCliente)}.`);
        return;
    }
    
    // Verificar valor restante da venda
    const subtotalVenda = obterTotalVendaParaPagamento();
    const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
    const restante = Math.max(0, subtotalVenda - jaAbatido);
    
    // Crédito loja não pode exceder o restante
    const valorAplicar = Math.min(valorUsar, restante);
    
    if (valorAplicar <= 0) {
        alert('O valor total já foi lançado.');
        return;
    }
    
    // Adicionar pagamento (crédito loja não tem desconto nem gera troco)
    adicionarPagamento({
        formaId: creditoLojaAtual.forma.id,
        valorAbatido: valorAplicar,
        valorPago: valorAplicar,
        valorRecebido: valorAplicar,
        ehCreditoLoja: true,
        saldoAnterior: saldoCreditoCliente
    });
    
    // Fechar modal
    const modal = bootstrap.Modal.getInstance(document.getElementById('creditoLojaModal'));
    modal.hide();
    
    // Limpar campos
    document.getElementById('novaFormaPagamento').value = '';
    document.getElementById('novaFormaValor').value = '';
    formaSelecionadaId = null;
    atualizarEstadoBotoes();
    creditoLojaAtual = null;
    
    invalidarImpressao();
}

// ==================== FIM CRÉDITO LOJA ====================

function atualizarPagamentosResumo(info) {
    const subtotalVenda = obterTotalVendaParaPagamento();
    
    // Somar quanto já foi abatido da venda
    const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
    const restanteVenda = Math.max(0, subtotalVenda - jaAbatido);
    
    // Somar quanto cliente efetivamente paga (após descontos)
    const totalClientePaga = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorPago) || parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
    
    // Somar descontos aplicados
    const totalDescontos = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorDesconto) || 0), 0);
    
    // Somar troco total
    const totalTroco = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.troco) || 0), 0);
    
    const totalEl = document.getElementById('pagamentoTotalEsperado');
    const distribEl = document.getElementById('pagamentoDistribuido');
    const restanteEl = document.getElementById('pagamentoRestante');
    const restanteContainer = restanteEl ? restanteEl.closest('.col-4')?.querySelector('.bg-danger, .bg-success') : null;
    const infoTroco = document.getElementById('infoTrocoRestante');
    
    if (totalEl) totalEl.textContent = formatarMoeda(subtotalVenda);
    // Mostrar quanto cliente efetivamente paga (com descontos aplicados)
    if (distribEl) distribEl.textContent = formatarMoeda(totalClientePaga);
    if (restanteEl) restanteEl.textContent = formatarMoeda(restanteVenda);
    
    // Mudar cor do container FALTA (vermelho se falta, verde se completo)
    if (restanteEl && restanteEl.parentElement) {
        const labelEl = restanteEl.parentElement.querySelector('div:first-child');
        if (restanteVenda <= 0.01 && pagamentos.length > 0) {
            restanteEl.parentElement.className = 'text-center bg-success text-white rounded py-2';
            if (labelEl) labelEl.textContent = 'OK';
        } else {
            restanteEl.parentElement.className = 'text-center bg-danger text-white rounded py-2';
            if (labelEl) labelEl.textContent = 'FALTA';
        }
    }
    
    // Atualizar info de troco/restante
    if (infoTroco) {
        if (restanteVenda > 0.01) {
            let msg = `<i class="bi bi-exclamation-circle"></i> Falta: ${formatarMoeda(restanteVenda)}`;
            if (totalDescontos > 0) {
                msg += ` | Economia: ${formatarMoeda(totalDescontos)}`;
            }
            infoTroco.innerHTML = msg;
            infoTroco.className = 'fw-bold text-warning small';
        } else if (restanteVenda <= 0.01 && pagamentos.length > 0) {
            let msg = `<i class="bi bi-check-circle"></i> Completo!`;
            if (totalDescontos > 0) {
                msg += ` Economia: ${formatarMoeda(totalDescontos)}`;
            }
            if (totalTroco > 0) {
                msg += ` | <span class="text-warning">TROCO: ${formatarMoeda(totalTroco)}</span>`;
            }
            infoTroco.innerHTML = msg;
            infoTroco.className = 'fw-bold text-success small';
        } else {
            infoTroco.innerHTML = '';
        }
    }
    
    const fecharBtn = document.getElementById('btnFecharPedido');
    if (fecharBtn) {
        const possuiPagamentoOnline = pagamentos.some(pg => Boolean(pg.pagamentoOnlineAtivo));
        const onlinePendenteOuNaoRegistrado = possuiPagamentoOnline && (!vendaRegistradaAntecipadaOnline || !ultimaVendaPagamentoOnlineConfirmado);
        fecharBtn.disabled = restanteVenda > 0.009 || pagamentos.length === 0 || finalizacaoEmAndamento || onlinePendenteOuNaoRegistrado;
    }
    return { total: subtotalVenda, distribuido: jaAbatido, restante: restanteVenda, totalClientePaga, totalDescontos, totalTroco };
}

function atualizarBotoesImpressao() {
    const miniBtn = document.getElementById('btnMiniImpressao');
    const nfceBtn = document.getElementById('btnEmitirNFCe');
    const nfeBtn = document.getElementById('btnEmitirNFe');
    const habilitar = Boolean(ultimaVendaFinalizada) && (!ultimaVendaTemPagamentoOnlinePendente || ultimaVendaPagamentoOnlineConfirmado);
    if (miniBtn) miniBtn.disabled = !habilitar;
    if (nfceBtn) nfceBtn.disabled = !habilitar;
    if (nfeBtn) nfeBtn.disabled = !habilitar;
}

function invalidarImpressao() {
    ultimaVendaFinalizada = null;
    ultimaVendaTemPagamentoOnlinePendente = false;
    ultimaVendaPagamentoOnlineConfirmado = false;
    vendaRegistradaAntecipadaOnline = false;
    atualizarBotoesImpressao();
}

function _pdvResumoPagamentoAtual() {
    const subtotalVenda = obterTotalVendaParaPagamento();
    const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
    const restanteVenda = Math.max(0, subtotalVenda - jaAbatido);
    const possuiPagamentoOnline = pagamentos.some(pg => Boolean(pg.pagamentoOnlineAtivo));
    return { subtotalVenda, jaAbatido, restanteVenda, possuiPagamentoOnline };
}

function tentarRegistrarPagamentoOnlineAntecipado() {
    const resumo = _pdvResumoPagamentoAtual();
    if (!resumo.possuiPagamentoOnline) return;
    if (resumo.restanteVenda > 0.01) return;
    if (vendaRegistradaAntecipadaOnline || finalizacaoEmAndamento || ultimaVendaFinalizada) return;

    // Fluxo endurecido: para pagamento online, registrar/acionar gateway assim que o pagamento é confirmado.
    finalizarVenda();
}

function atualizarBotaoReceber() {
    const btnReceber = document.getElementById('btnAbrirRecebimento');
    if (!btnReceber) return;
    btnReceber.disabled = carrinho.length === 0 || finalizacaoEmAndamento;
}

function abrirJanelaImpressao(baseUrl) {
    if (!baseUrl || !ultimaVendaFinalizada) {
        return;
    }
    const destino = baseUrl.replace('/0/', `/${ultimaVendaFinalizada}/`);
    window.open(destino, '_blank');
}

function atualizarResumoModal(info) {
    // Atualizar total no header do modal
    const subtotalVenda = obterTotalVendaParaPagamento();
    const totalEl = document.getElementById('modalTotal');
    if (totalEl) totalEl.textContent = formatarMoeda(subtotalVenda);
}

// Funções legadas - mantidas vazias por compatibilidade
function atualizarDescontoModal() {
    // Desconto agora é por forma de pagamento
}

function atualizarAcrescimoModal() {
    // Acréscimo agora é por forma de pagamento
}

let recebimentoModalInstance = null;
let suprimentoModalInstance = null;
let sangriaModalInstance = null;
let reimpressaoModalInstance = null;

function inicializarModalRecebimento() {
    const modalElement = document.getElementById('recebimentoModal');
    if (modalElement && window.bootstrap && window.bootstrap.Modal) {
        recebimentoModalInstance = new bootstrap.Modal(modalElement, {
            backdrop: 'static',
            keyboard: false
        });

        // Garante limpeza mesmo quando fechar pelo "X" (data-bs-dismiss)
        modalElement.addEventListener('hidden.bs.modal', () => {
            limparEstadoVendaFinalizadaPendente();
        });
    }
}

function limparEstadoVendaFinalizadaPendente() {
    if (!vendaFinalizadaPendenteLimpeza) return;

    // Limpar estado somente ao sair do modal após uma finalização bem-sucedida.
    // Isso permite escolher impressão sem a tela "sumir" antes.
    window.vendaImportadaId = null;
    carrinho = [];
    resetarPagamentos();
    limparVendaAtual();
    ocultarNumeroControle();

    if (!pdvIsFoodContext()) {
        const obsVenda = document.getElementById('obsVenda');
        if (obsVenda) obsVenda.value = '';
        observacoesVendaAtual = '';
    }

    atualizarTabela();
    if (codigoBarrasInput) codigoBarrasInput.focus();
    finalizacaoEmAndamento = false;
    vendaFinalizadaPendenteLimpeza = false;
}

function abrirRecebimento() {
    if (!carrinho.length) {
        alert('Adicione ao menos um item antes de abrir o recebimento.');
        return;
    }

    // Mostrar cliente selecionado no resumo do modal
    atualizarClienteResumoModal();
    
    // Se NÃO tem pagamentos ainda, selecionar Dinheiro como padrão
    if (pagamentos.length === 0) {
        const formaDinheiro = formasPagamentoDisponiveis.find(f => 
            f.tipo_agrupamento === 'dinheiro' || f.nome.toLowerCase().includes('dinheiro')
        );
        
        if (formaDinheiro) {
            formaSelecionadaId = formaDinheiro.id;
        }
    }
    
    // Atualizar estado visual dos botões
    atualizarEstadoBotoes();
    
    // Atualizar resumo de pagamentos
    atualizarPagamentosResumo();
    
    // Preencher campo de valor com restante da venda
    const valorInput = document.getElementById('novaFormaValor');
    if (valorInput) {
        const subtotalVenda = obterTotalVendaParaPagamento();
        const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
        const restante = Math.max(0, subtotalVenda - jaAbatido);
        if (restante > 0) {
            valorInput.value = restante.toFixed(2);
        }
    }
    
    // Mostrar info do desconto da forma selecionada
    if (formaSelecionadaId) {
        selecionarForma(formaSelecionadaId);
    }
    
    if (recebimentoModalInstance) {
        recebimentoModalInstance.show();
    } else {
        const modalElement = document.getElementById('recebimentoModal');
        if (modalElement) {
            modalElement.classList.add('show');
            modalElement.style.display = 'block';
        }
    }
}

// Atualiza o resumo do cliente no modal de recebimento
function atualizarClienteResumoModal() {
    const clienteSelect = document.getElementById('cliente-select');
    const clienteResumo = document.getElementById('clienteResumoModal');
    if (clienteResumo) {
        // Priorizar variável global (usado em vendas importadas)
        if (clienteSelecionadoId && clienteSelecionadoNome) {
            clienteResumo.textContent = clienteSelecionadoNome;
        } else if (clienteSelect && clienteSelect.selectedIndex > 0) {
            clienteResumo.textContent = clienteSelect.options[clienteSelect.selectedIndex].text;
        } else {
            clienteResumo.textContent = 'Consumidor Final';
        }
    }
}

// Atualiza o badge de cliente na tela principal
function atualizarBadgeCliente() {
    const clienteSelect = document.getElementById('cliente-select');
    const badge = document.getElementById('clienteSelecionadoInfo');
    if (clienteSelect && badge) {
        if (clienteSelect.selectedIndex > 0) {
            const textoCliente = clienteSelect.options[clienteSelect.selectedIndex].text;
            // Pegar apenas o nome (antes do parênteses do CPF)
            const nome = textoCliente.split('(')[0].trim();
            badge.textContent = nome;
            badge.classList.remove('bg-secondary');
            badge.classList.add('bg-success');
        } else {
            badge.textContent = 'Consumidor Final';
            badge.classList.remove('bg-success');
            badge.classList.add('bg-secondary');
        }
    }
}

function abrirModalSuprimento() {
    const valorInput = document.getElementById('suprimentoValor');
    if (valorInput) valorInput.value = '';
    const origemInput = document.getElementById('suprimentoOrigem');
    if (origemInput) origemInput.value = '';
    const obsInput = document.getElementById('suprimentoObservacoes');
    if (obsInput) obsInput.value = '';
    const respInput = document.getElementById('suprimentoResponsavel');
    if (respInput) respInput.value = respInput.value || {{ current_user.username|tojson }};
    const modalElement = document.getElementById('suprimentoModal');
    if (suprimentoModalInstance) {
        suprimentoModalInstance.show();
    } else if (modalElement) {
        modalElement.classList.add('show');
        modalElement.style.display = 'block';
    }
}

function abrirModalSangria() {
    const valorInput = document.getElementById('sangriaValor');
    if (valorInput) valorInput.value = '';
    const destinoInput = document.getElementById('sangriaDestino');
    if (destinoInput) destinoInput.value = '';
    const obsInput = document.getElementById('sangriaObservacoes');
    if (obsInput) obsInput.value = '';
    const respInput = document.getElementById('sangriaResponsavel');
    if (respInput) respInput.value = respInput.value || {{ current_user.username|tojson }};
    const modalElement = document.getElementById('sangriaModal');
    if (sangriaModalInstance) {
        sangriaModalInstance.show();
    } else if (modalElement) {
        modalElement.classList.add('show');
        modalElement.style.display = 'block';
    }
}

function enviarMovimento(url, payload, modalInstance, fallbackMessage) {
    fetch(url, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
    }).then(async response => {
        const data = await response.json().catch(() => ({}));
        if (!response.ok || !data.success) {
            throw new Error(data.message || 'Não foi possível registrar o movimento.');
        }
        if (modalInstance) {
            modalInstance.hide();
        }
        alert(data.message || fallbackMessage);
        if (data.recibo_url) {
            window.open(data.recibo_url, '_blank');
        }
        setTimeout(() => window.location.reload(), 300);
    }).catch(error => {
        alert(error.message || 'Erro inesperado.');
    });
}

function enviarSuprimento() {
    const valor = document.getElementById('suprimentoValor')?.value;
    if (!valor || Number(valor) <= 0) {
        alert('Informe um valor válido para o suprimento.');
        return;
    }
    if (!rotaSuprimento) {
        alert('Rota de suprimento indisponível. Atualize o sistema.');
        return;
    }
    const payload = {
        valor,
        forma_pagamento: document.getElementById('suprimentoForma')?.value,
        origem: document.getElementById('suprimentoOrigem')?.value,
        responsavel: document.getElementById('suprimentoResponsavel')?.value,
        observacoes: document.getElementById('suprimentoObservacoes')?.value
    };
    enviarMovimento(rotaSuprimento, payload, suprimentoModalInstance, 'Suprimento registrado.');
}

function enviarSangria() {
    const valor = document.getElementById('sangriaValor')?.value;
    const destino = document.getElementById('sangriaDestino')?.value;
    const observacoes = document.getElementById('sangriaObservacoes')?.value;
    if (!valor || Number(valor) <= 0) {
        alert('Informe um valor válido para a sangria.');
        return;
    }
    if (!destino) {
        alert('Informe o destino da sangria.');
        return;
    }
    if (!observacoes) {
        alert('Descreva o motivo da sangria.');
        return;
    }
    if (!rotaSangria) {
        alert('Rota de sangria indisponível. Atualize o sistema.');
        return;
    }
    const payload = {
        valor,
        destino,
        forma_pagamento: document.getElementById('sangriaForma')?.value,
        responsavel: document.getElementById('sangriaResponsavel')?.value,
        observacoes
    };
    
    // Primeira tentativa sem autorização
    fetch(rotaSangria, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
    }).then(async response => {
        const data = await response.json().catch(() => ({}));
        
        // Se requer autorização
        if (response.status === 403 && data.requer_autorizacao) {
            solicitarAutorizacao('sangria', function(authorizationGrant) {
                payload.authorization_grant = authorizationGrant || '';
                
                // Tentar novamente com autorização
                fetch(rotaSangria, {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(payload)
                }).then(async response2 => {
                    const data2 = await response2.json().catch(() => ({}));
                    if (!response2.ok || !data2.success) {
                        throw new Error(data2.message || 'Não foi possível registrar a sangria.');
                    }
                    if (sangriaModalInstance) sangriaModalInstance.hide();
                    alert(data2.message || 'Sangria registrada.');
                    if (data2.recibo_url) window.open(data2.recibo_url, '_blank');
                    setTimeout(() => window.location.reload(), 300);
                }).catch(error => {
                    alert(error.message || 'Erro ao autorizar sangria.');
                });
            });
            return;
        }
        
        // Sucesso direto
        if (!response.ok || !data.success) {
            throw new Error(data.message || 'Não foi possível registrar a sangria.');
        }
        if (sangriaModalInstance) sangriaModalInstance.hide();
        alert(data.message || 'Sangria registrada.');
        if (data.recibo_url) window.open(data.recibo_url, '_blank');
        setTimeout(() => window.location.reload(), 300);
    }).catch(error => {
        alert(error.message || 'Erro inesperado.');
    });
}

// ========== FUNÇÕES DE DEVOLUÇÃO ==========
let devolucaoModalInstance = null;
let devolucaoVendaSelecionada = null;
let devolucaoItens = [];
let devolucaoEtapaAtual = 1;

function abrirDevolucao() {
    // Resetar estado
    devolucaoVendaSelecionada = null;
    devolucaoItens = [];
    devolucaoEtapaAtual = 1;
    
    // Mostrar etapa 1, esconder outras
    document.getElementById('devolucaoEtapa1').classList.remove('d-none');
    document.getElementById('devolucaoEtapa2NF').classList.add('d-none');
    document.getElementById('devolucaoEtapa2CPF').classList.add('d-none');
    document.getElementById('devolucaoEtapa3').classList.add('d-none');
    document.getElementById('devolucaoVoltar').style.display = 'none';
    document.getElementById('devolucaoConfirmar').style.display = 'none';
    
    // Limpar inputs
    document.getElementById('devolucaoNumeroNF').value = '';
    document.getElementById('devolucaoCPFCNPJ').value = '';
    document.getElementById('devolucaoResultadoNF').innerHTML = '';
    document.getElementById('devolucaoResultadoCPF').innerHTML = '';
    
    // Abrir modal
    const modalElement = document.getElementById('devolucaoModal');
    if (!devolucaoModalInstance && modalElement) {
        devolucaoModalInstance = new bootstrap.Modal(modalElement);
    }
    if (devolucaoModalInstance) {
        devolucaoModalInstance.show();
    }
}

function iniciarDevolucaoComNF() {
    devolucaoEtapaAtual = 2;
    document.getElementById('devolucaoEtapa1').classList.add('d-none');
    document.getElementById('devolucaoEtapa2NF').classList.remove('d-none');
    document.getElementById('devolucaoVoltar').style.display = 'inline-block';
    setTimeout(() => document.getElementById('devolucaoNumeroNF').focus(), 100);
}

function iniciarDevolucaoSemNF() {
    devolucaoEtapaAtual = 2;
    document.getElementById('devolucaoEtapa1').classList.add('d-none');
    document.getElementById('devolucaoEtapa2CPF').classList.remove('d-none');
    document.getElementById('devolucaoVoltar').style.display = 'inline-block';
    setTimeout(() => document.getElementById('devolucaoCPFCNPJ').focus(), 100);
}

function voltarEtapaDevolucao() {
    if (devolucaoEtapaAtual === 3) {
        // Voltar para etapa 2
        document.getElementById('devolucaoEtapa3').classList.add('d-none');
        if (devolucaoVendaSelecionada && devolucaoVendaSelecionada.buscadoPorNF) {
            document.getElementById('devolucaoEtapa2NF').classList.remove('d-none');
        } else {
            document.getElementById('devolucaoEtapa2CPF').classList.remove('d-none');
        }
        document.getElementById('devolucaoConfirmar').style.display = 'none';
        devolucaoEtapaAtual = 2;
    } else if (devolucaoEtapaAtual === 2) {
        // Voltar para etapa 1
        document.getElementById('devolucaoEtapa2NF').classList.add('d-none');
        document.getElementById('devolucaoEtapa2CPF').classList.add('d-none');
        document.getElementById('devolucaoEtapa1').classList.remove('d-none');
        document.getElementById('devolucaoVoltar').style.display = 'none';
        devolucaoEtapaAtual = 1;
    }
}

function buscarVendaPorNF() {
    const numero = document.getElementById('devolucaoNumeroNF').value.trim();
    if (!numero) {
        alert('Informe o número da nota fiscal.');
        return;
    }
    
    const resultadoDiv = document.getElementById('devolucaoResultadoNF');
    resultadoDiv.innerHTML = '<div class="text-center"><div class="spinner-border text-primary" role="status"></div><p>Buscando...</p></div>';
    
    fetch(`/pdv/buscar-venda-para-devolucao?numero_nf=${encodeURIComponent(numero)}`)
        .then(response => response.json())
        .then(data => {
            if (data.success && data.venda) {
                data.venda.buscadoPorNF = true;
                selecionarVendaParaDevolucao(data.venda);
            } else {
                resultadoDiv.innerHTML = `<div class="alert alert-warning"><i class="bi bi-exclamation-triangle"></i> ${data.message || 'Nota fiscal não encontrada.'}</div>`;
            }
        })
        .catch(error => {
            resultadoDiv.innerHTML = `<div class="alert alert-danger"><i class="bi bi-x-circle"></i> Erro ao buscar: ${error.message}</div>`;
        });
}

function buscarVendasPorCPF() {
    const cpfcnpj = document.getElementById('devolucaoCPFCNPJ').value.replace(/\D/g, '');
    if (!cpfcnpj) {
        alert('Informe o CPF ou CNPJ do cliente.');
        return;
    }
    
    const resultadoDiv = document.getElementById('devolucaoResultadoCPF');
    resultadoDiv.innerHTML = '<div class="text-center"><div class="spinner-border text-primary" role="status"></div><p>Buscando vendas...</p></div>';
    
    fetch(`/pdv/buscar-vendas-para-devolucao?cpf_cnpj=${encodeURIComponent(cpfcnpj)}`)
        .then(response => response.json())
        .then(data => {
            if (data.success && data.vendas && data.vendas.length > 0) {
                let html = '<div class="list-group">';
                data.vendas.forEach(v => {
                    html += `
                        <a href="javascript:void(0)" class="list-group-item list-group-item-action" onclick='selecionarVendaParaDevolucao(${JSON.stringify(v)})'>
                            <div class="d-flex w-100 justify-content-between">
                                <h6 class="mb-1">Venda #${v.id} ${v.numero_nf ? '- NF: ' + v.numero_nf : ''}</h6>
                                <small class="text-success fw-bold">R$ ${v.total.toFixed(2).replace('.', ',')}</small>
                            </div>
                            <small class="text-muted">${v.data} - ${v.cliente_nome || 'Consumidor'}</small>
                        </a>
                    `;
                });
                html += '</div>';
                resultadoDiv.innerHTML = html;
            } else {
                resultadoDiv.innerHTML = `<div class="alert alert-warning"><i class="bi bi-exclamation-triangle"></i> ${data.message || 'Nenhuma venda encontrada para este CPF/CNPJ.'}</div>`;
            }
        })
        .catch(error => {
            resultadoDiv.innerHTML = `<div class="alert alert-danger"><i class="bi bi-x-circle"></i> Erro ao buscar: ${error.message}</div>`;
        });
}

function selecionarVendaParaDevolucao(venda) {
    devolucaoVendaSelecionada = venda;
    devolucaoItens = venda.itens.map(item => ({
        ...item,
        selecionado: false,
        quantidade_devolver: 0
    }));
    
    // Mostrar informações da venda
    document.getElementById('devolucaoVendaInfo').innerHTML = `
        <strong>Pedido #${venda.numero_pedido || venda.id}</strong> | 
        ${venda.numero_nf ? 'NF: ' + venda.numero_nf + ' | ' : ''}
        Data: ${venda.data} | 
        Cliente: ${venda.cliente_nome || 'Consumidor'} |
        <span class="text-success fw-bold">Total: R$ ${venda.total.toFixed(2).replace('.', ',')}</span>
    `;
    
    // Preencher tabela de itens
    const tbody = document.getElementById('devolucaoItensBody');
    tbody.innerHTML = '';
    
    devolucaoItens.forEach((item, index) => {
        const tr = document.createElement('tr');
        tr.innerHTML = `
            <td><input type="checkbox" class="form-check-input" onchange="toggleItemDevolucao(${index}, this.checked)"></td>
            <td>${item.produto_nome}</td>
            <td class="text-center">${item.quantidade}</td>
            <td class="text-center">
                <input type="number" class="form-control form-control-sm text-center" style="width:70px;margin:0 auto"
                       id="devolucaoQtd_${index}" value="0" min="0" max="${item.quantidade}" step="1"
                       onchange="atualizarQuantidadeDevolucao(${index}, this.value)" disabled>
            </td>
            <td class="text-end">R$ ${item.valor_unitario.toFixed(2).replace('.', ',')}</td>
            <td class="text-end" id="devolucaoSubtotal_${index}">R$ 0,00</td>
        `;
        tbody.appendChild(tr);
    });
    
    // Mostrar etapa 3
    devolucaoEtapaAtual = 3;
    document.getElementById('devolucaoEtapa2NF').classList.add('d-none');
    document.getElementById('devolucaoEtapa2CPF').classList.add('d-none');
    document.getElementById('devolucaoEtapa3').classList.remove('d-none');
    document.getElementById('devolucaoConfirmar').style.display = 'inline-block';
    
    atualizarTotalDevolucao();
}

function toggleItemDevolucao(index, selecionado) {
    devolucaoItens[index].selecionado = selecionado;
    const inputQtd = document.getElementById(`devolucaoQtd_${index}`);
    
    if (selecionado) {
        inputQtd.disabled = false;
        inputQtd.value = devolucaoItens[index].quantidade;
        devolucaoItens[index].quantidade_devolver = devolucaoItens[index].quantidade;
    } else {
        inputQtd.disabled = true;
        inputQtd.value = 0;
        devolucaoItens[index].quantidade_devolver = 0;
    }
    
    atualizarSubtotalDevolucao(index);
    atualizarTotalDevolucao();
}

function toggleSelecionarTodosDevolucao() {
    const checkbox = document.getElementById('devolucaoSelecionarTodos');
    const checkboxes = document.querySelectorAll('#devolucaoItensBody input[type="checkbox"]');
    
    checkboxes.forEach((cb, index) => {
        cb.checked = checkbox.checked;
        toggleItemDevolucao(index, checkbox.checked);
    });
}

function atualizarQuantidadeDevolucao(index, valor) {
    const qtd = Math.min(Math.max(0, parseInt(valor) || 0), devolucaoItens[index].quantidade);
    devolucaoItens[index].quantidade_devolver = qtd;
    document.getElementById(`devolucaoQtd_${index}`).value = qtd;
    atualizarSubtotalDevolucao(index);
    atualizarTotalDevolucao();
}

function atualizarSubtotalDevolucao(index) {
    const item = devolucaoItens[index];
    const subtotal = item.quantidade_devolver * item.valor_unitario;
    document.getElementById(`devolucaoSubtotal_${index}`).textContent = `R$ ${subtotal.toFixed(2).replace('.', ',')}`;
}

function atualizarTotalDevolucao() {
    let total = 0;
    devolucaoItens.forEach(item => {
        if (item.selecionado && item.quantidade_devolver > 0) {
            total += item.quantidade_devolver * item.valor_unitario;
        }
    });
    document.getElementById('devolucaoTotalDevolver').textContent = `R$ ${total.toFixed(2).replace('.', ',')}`;
}

function confirmarDevolucao() {
    const itensSelecionados = devolucaoItens.filter(item => item.selecionado && item.quantidade_devolver > 0);
    
    if (itensSelecionados.length === 0) {
        alert('Selecione ao menos um item para devolução.');
        return;
    }
    
    const motivo = document.getElementById('devolucaoMotivo').value;
    if (!motivo) {
        alert('Selecione o motivo da devolução.');
        return;
    }
    
    const destino = document.getElementById('devolucaoDestino').value;
    const observacoes = document.getElementById('devolucaoObservacoes').value;
    
    // Calcular total
    let totalDevolver = 0;
    itensSelecionados.forEach(item => {
        totalDevolver += item.quantidade_devolver * item.valor_unitario;
    });
    
    if (!confirm(`Confirmar devolução de R$ ${totalDevolver.toFixed(2).replace('.', ',')}?\n\nDestino: ${destino === 'credito_loja' ? 'Crédito na Loja' : destino === 'dinheiro' ? 'Devolução em Dinheiro' : 'Troca por outro produto'}`)) {
        return;
    }
    
    // Enviar para o servidor
    const payload = {
        venda_id: devolucaoVendaSelecionada.id,
        itens: itensSelecionados.map(item => ({
            item_venda_id: item.id,
            produto_id: item.produto_id,
            quantidade: item.quantidade_devolver,
            valor_unitario: item.valor_unitario
        })),
        motivo: motivo,
        destino: destino,
        observacoes: observacoes
    };
    
    fetch('/pdv/processar-devolucao', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert(data.message || 'Devolução processada com sucesso!');
            if (devolucaoModalInstance) devolucaoModalInstance.hide();
            
            // Se destino for troca, adicionar crédito ao modal de recebimento
            if (destino === 'troca' && data.credito_disponivel) {
                // Atualizar crédito loja disponível se houver
                const creditoLojaSpan = document.querySelector('.credito-loja-valor');
                if (creditoLojaSpan) {
                    creditoLojaSpan.textContent = `R$ ${data.credito_disponivel.toFixed(2).replace('.', ',')}`;
                }
            }
            
            if (data.comprovante_url) {
                window.open(data.comprovante_url, '_blank');
            }
        } else {
            alert(data.message || 'Erro ao processar devolução.');
        }
    })
    .catch(error => {
        alert('Erro ao processar devolução: ' + error.message);
    });
}
// ========== FIM FUNÇÕES DE DEVOLUÇÃO ==========

function fecharRecebimento() {
    limparEstadoVendaFinalizadaPendente();

    if (recebimentoModalInstance) {
        recebimentoModalInstance.hide();
    } else {
        const modalElement = document.getElementById('recebimentoModal');
        if (modalElement) {
            modalElement.classList.remove('show');
            modalElement.style.display = 'none';
        }
    }
}

function cancelarUltimoItem() {
    if (!carrinho.length) {
        alert('Não há itens para cancelar.');
        return;
    }
    if (confirm('Deseja remover o último item lançado?')) {
        carrinho.pop();
        atualizarTabela();
    }
}

function cancelarVenda() {
    if (!carrinho.length) {
        alert('Não há venda em andamento para cancelar.');
        return;
    }
    if (confirm('Cancelar completamente a venda em andamento?')) {
        cancelarVendaServidorComAutorizacao('Cancelado pelo operador')
            .then(() => {
                carrinho = [];
                resetarPagamentos();
                atualizarTabela();
                limparVendaAtual();

                const clienteSelect = document.getElementById('cliente-select');
                if (clienteSelect) clienteSelect.value = '';
                const descontoValorCampo = document.getElementById('descontoValor');
                const acrescimoValorCampo = document.getElementById('acrescimoValor');
                if (descontoValorCampo) descontoValorCampo.value = 0;
                if (acrescimoValorCampo) acrescimoValorCampo.value = 0;
                atualizarTotal();
                invalidarImpressao();
            })
            .catch(error => {
                alert(error.message || 'Não foi possível cancelar a venda.');
            });
    }
}

function cancelarVendaServidorComAutorizacao(motivo) {
    if (!vendaAtual.id) {
        return Promise.resolve({ success: true });
    }

    const enviarCancelamento = (payload) => fetch(`/pdv/cancelar-venda/${vendaAtual.id}`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
    }).then(async (response) => {
        const data = await response.json().catch(() => ({}));

        if (response.status === 403 && data.requer_autorizacao) {
            return new Promise((resolve, reject) => {
                solicitarAutorizacao('cancelamento_venda', function(authorizationGrant) {
                    enviarCancelamento({
                        ...payload,
                        authorization_grant: authorizationGrant || ''
                    }).then(resolve).catch(reject);
                });
            });
        }

        if (!response.ok || !data.success) {
            throw new Error(data.message || 'Não foi possível cancelar a venda.');
        }

        return data;
    });

    return enviarCancelamento({ motivo });
}

function pesquisarItemOuVenda() {
    // Abrir modal de pesquisa de item
    const modal = new bootstrap.Modal(document.getElementById('pesquisaItemModal'));
    modal.show();
    
    // Focar no campo de pesquisa
    setTimeout(() => {
        document.getElementById('pesquisaItemInput').focus();
        document.getElementById('pesquisaItemInput').value = '';
        document.getElementById('resultadosPesquisaItem').innerHTML = '';
        document.getElementById('pesquisaItemInfo').classList.remove('d-none');
    }, 300);
}

function abrirLocalizarVendaReimpressao() {
    const modalEl = document.getElementById('reimpressaoModal');
    if (!modalEl) return;

    if (!reimpressaoModalInstance) {
        reimpressaoModalInstance = new bootstrap.Modal(modalEl);
    }

    const resultados = document.getElementById('reimpressaoResultados');
    if (resultados) {
        resultados.innerHTML = '<div class="text-center text-muted py-4"><i class="bi bi-search"></i> Use Localizar para filtros ou Listar para trazer as últimas vendas.</div>';
    }

    // Pré-preenche data de hoje nos dois campos
    const hoje = new Date().toISOString().split('T')[0];
    const dataInicioEl = document.getElementById('reimpressaoDataInicio');
    const dataFimEl = document.getElementById('reimpressaoDataFim');
    if (dataInicioEl && !dataInicioEl.value) dataInicioEl.value = hoje;
    if (dataFimEl && !dataFimEl.value) dataFimEl.value = hoje;

    carregarImpressorasReimpressao();
    reimpressaoModalInstance.show();

    setTimeout(() => {
        const input = document.getElementById('reimpressaoTermo');
        if (input) input.focus();
    }, 250);
}

function listarVendasReimpressao() {
    const termoEl = document.getElementById('reimpressaoTermo');
    const dataInicioEl = document.getElementById('reimpressaoDataInicio');
    const dataFimEl = document.getElementById('reimpressaoDataFim');
    if (termoEl) termoEl.value = '';
    if (dataInicioEl) dataInicioEl.value = '';
    if (dataFimEl) dataFimEl.value = '';
    buscarVendasReimpressao();
}

function listarVendasOperacao() {
    abrirLocalizarVendaReimpressao();
    setTimeout(() => {
        listarVendasReimpressao();
    }, 300);
}

async function carregarImpressorasReimpressao() {
    const select = document.getElementById('reimpressaoImpressora');
    if (!select) return;

    select.innerHTML = '<option value="">Carregando...</option>';

    try {
        const resp = await fetch('/pdv/reimpressao/impressoras');
        const contentType = resp.headers.get('content-type') || '';
        let data;
        if (contentType.includes('application/json')) {
            data = await resp.json();
        } else {
            const raw = await resp.text();
            throw new Error(`Resposta inválida do servidor (${resp.status}).`);
        }
        if (!resp.ok || !data.success) {
            throw new Error(data.message || 'Falha ao carregar impressoras');
        }

        const lista = Array.isArray(data.impressoras) ? data.impressoras : [];
        if (!lista.length) {
            select.innerHTML = '<option value="">Impressora padrão do navegador</option>';
            return;
        }

        const ultimaEscolha = localStorage.getItem('pdv_reimpressao_impressora') || '';
        select.innerHTML = lista.map(imp => {
            const valor = (imp.nome || '').trim();
            const origem = imp.origem ? ` (${imp.origem})` : '';
            return `<option value="${valor.replace(/"/g, '&quot;')}">${valor}${origem}</option>`;
        }).join('');

        if (ultimaEscolha) {
            const opcao = Array.from(select.options).find(o => o.value === ultimaEscolha);
            if (opcao) select.value = ultimaEscolha;
        }
    } catch (error) {
        select.innerHTML = '<option value="">Impressora padrão do navegador</option>';
        console.error('[PDV] Erro ao carregar impressoras de reimpressão:', error);
        mostrarToast(error.message || 'Não foi possível carregar impressoras.', 'warning');
    }
}

async function buscarVendasReimpressao() {
    const termoEl = document.getElementById('reimpressaoTermo');
    const tipoEl = document.getElementById('reimpressaoTipoBusca');
    const escopoEl = document.getElementById('reimpressaoEscopo');
    const dataInicioEl = document.getElementById('reimpressaoDataInicio');
    const dataFimEl = document.getElementById('reimpressaoDataFim');
    const resultados = document.getElementById('reimpressaoResultados');
    if (!termoEl || !tipoEl || !resultados) return;

    const termo = (termoEl.value || '').trim();
    const tipo = (tipoEl.value || 'numero').trim();
    const escopo = (escopoEl?.value || 'operador').trim();
    const dataInicio = (dataInicioEl?.value || '').trim();
    const dataFim = (dataFimEl?.value || '').trim();

    resultados.innerHTML = '<div class="text-center py-4"><div class="spinner-border text-primary" role="status"></div><p class="mt-2 mb-0">Localizando vendas...</p></div>';

    try {
        const params = new URLSearchParams();
        if (escopo) params.set('escopo', escopo);
        if (termo) { params.set('tipo', tipo); params.set('termo', termo); }
        if (dataInicio) params.set('data_inicio', dataInicio);
        if (dataFim) params.set('data_fim', dataFim);
        const resp = await fetch(`/pdv/localizar-venda-reimpressao?${params.toString()}`);
        const contentType = resp.headers.get('content-type') || '';
        let data;
        if (contentType.includes('application/json')) {
            data = await resp.json();
        } else {
            throw new Error(`Resposta inválida do servidor (${resp.status}).`);
        }

        if (!resp.ok || !data.success) {
            throw new Error(data.message || 'Não foi possível localizar vendas');
        }

        const vendas = Array.isArray(data.vendas) ? data.vendas : [];
        if (!vendas.length) {
            resultados.innerHTML = '<div class="alert alert-warning mb-0"><i class="bi bi-exclamation-triangle"></i> Nenhuma venda encontrada para o termo informado.</div>';
            return;
        }

        const totalFaturadas = vendas.filter(v => v.faturada).length;
        const totalNaoFaturadas = vendas.length - totalFaturadas;

        const linhas = vendas.map(v => {
            const faturadaNfce = Boolean(v.faturada && v.modelo_documento === '65');
            const faturadaNfe = Boolean(v.faturada && v.modelo_documento === '55');
            const docBadge = faturadaNfce
                ? '<span class="badge bg-success">Faturada NFC-e</span>'
                : faturadaNfe
                    ? '<span class="badge bg-info text-dark">Faturada NF-e</span>'
                    : '<span class="badge bg-warning text-dark">Não faturada</span>';
            const numeroDoc = v.numero_documento ? `<small class="text-muted">Doc: ${v.numero_documento}</small>` : '<small class="text-muted">Doc: --</small>';
            const btnNfceLabel = v.faturada ? 'Reimprimir NFC-e' : 'Emitir + Imprimir NFC-e';
            const btnNfceClass = v.faturada ? 'btn-outline-warning' : 'btn-warning';
            const classeLinha = v.faturada ? 'linha-reimp-faturada' : 'linha-reimp-nao-faturada';

            return `
                <tr class="${classeLinha}">
                    <td><strong>#${v.numero_pedido || v.id}</strong></td>
                    <td>${v.cliente_nome || 'Consumidor Final'}<br><small class="text-muted">${v.data_venda || '--'}</small></td>
                    <td class="text-end"><strong>R$ ${(v.valor_total || 0).toFixed(2).replace('.', ',')}</strong><br>${docBadge}</td>
                    <td>${numeroDoc}<br><small class="text-muted">Status: ${v.status || '--'}</small></td>
                    <td class="text-end">
                        <div class="btn-group" role="group">
                            <button class="btn btn-outline-primary" onclick="executarAcaoReimpressao(${v.id}, 'mini')"><i class="bi bi-printer"></i> Mini</button>
                            <button class="btn ${btnNfceClass}" onclick="executarAcaoReimpressao(${v.id}, 'nfce')"><i class="bi bi-receipt"></i> ${btnNfceLabel}</button>
                            <button class="btn btn-outline-info" onclick="executarAcaoReimpressao(${v.id}, 'nfe')"><i class="bi bi-file-earmark-text"></i> NF-e</button>
                        </div>
                    </td>
                </tr>
            `;
        }).join('');

        resultados.innerHTML = `
            <div class="reimp-kpis">
                <span class="badge bg-primary">${vendas.length} venda(s)</span>
                <span class="badge bg-success">${totalFaturadas} faturada(s)</span>
                <span class="badge bg-warning text-dark">${totalNaoFaturadas} não faturada(s)</span>
            </div>
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-dark sticky-top">
                    <tr>
                        <th>Venda</th>
                        <th>Cliente/Data</th>
                        <th class="text-end">Total/Faturamento</th>
                        <th>Documento</th>
                        <th class="text-end">Ações</th>
                    </tr>
                </thead>
                <tbody>${linhas}</tbody>
            </table>
        `;
    } catch (error) {
        resultados.innerHTML = `<div class="alert alert-danger mb-0"><i class="bi bi-x-circle"></i> ${error.message}</div>`;
    }
}

async function executarAcaoReimpressao(vendaId, acao) {
    const impressoraSelect = document.getElementById('reimpressaoImpressora');
    const impressoraNome = (impressoraSelect?.value || '').trim();
    if (impressoraNome) {
        localStorage.setItem('pdv_reimpressao_impressora', impressoraNome);
    }

    try {
        const resp = await fetch('/pdv/reimpressao/acao', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
                venda_id: vendaId,
                acao: acao,
                impressora_nome: impressoraNome
            })
        });

        const contentType = resp.headers.get('content-type') || '';
        let data;
        if (contentType.includes('application/json')) {
            data = await resp.json();
        } else {
            throw new Error(`Resposta inválida do servidor (${resp.status}).`);
        }
        if (!resp.ok || !data.success) {
            throw new Error(data.message || 'Falha ao preparar reimpressão');
        }

        if (data.next_url) {
            window.open(data.next_url, '_blank');
            if (data.message) mostrarToast(data.message, 'success');
            return;
        }

        if (data.requires_emissao_nfce) {
            await emitirNFCeReimpressao(vendaId, null);
            return;
        }

        if (data.requires_transmissao_nfce && data.nota_id) {
            await emitirNFCeReimpressao(vendaId, data.nota_id);
            return;
        }

        if (data.message) {
            mostrarToast(data.message, 'info');
        }
    } catch (error) {
        alert(error.message || 'Erro ao executar ação de reimpressão.');
    }
}

async function emitirNFCeReimpressao(vendaId, notaIdExistente = null) {
    let cpfNota = prompt('CPF na nota (opcional). Deixe em branco para continuar sem CPF:', '') || '';
    cpfNota = cpfNota.replace(/\D/g, '');
    if (cpfNota && !validarCpf(cpfNota)) {
        alert('CPF inválido informado.');
        return;
    }

    const btns = document.querySelectorAll('#reimpressaoResultados button');
    btns.forEach(b => b.disabled = true);

    try {
        let notaId = notaIdExistente;

        if (!notaId) {
            const sufixoCpf = cpfNota ? `?cpf_nota=${cpfNota}` : '';
            const respProcessar = await fetch(`/fiscal/processar-nfe/${vendaId}${sufixoCpf}`, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' }
            });
            const dataProcessar = await respProcessar.json();
            if (!respProcessar.ok || !dataProcessar.success) {
                throw new Error(dataProcessar.message || 'Erro ao processar NFC-e');
            }
            notaId = dataProcessar.nota_id;
        }

        const respTransmitir = await fetch(`/fiscal/transmitir-nfe/${notaId}`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' }
        });
        let dataTransmitir = await respTransmitir.json();
        if (!respTransmitir.ok || !dataTransmitir.success) {
            throw new Error(dataTransmitir.message || 'Erro ao transmitir NFC-e');
        }

        if (dataTransmitir.status === 'processando' && dataTransmitir.recibo) {
            await new Promise(resolve => setTimeout(resolve, 2500));
            const respConsulta = await fetch(`/fiscal/consultar-recibo/${notaId}`, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' }
            });
            const dataConsulta = await respConsulta.json();
            if (!respConsulta.ok || !dataConsulta.success) {
                throw new Error(dataConsulta.message || 'Erro ao consultar recibo da NFC-e');
            }
            dataTransmitir = dataConsulta;
        }

        window.open(`/fiscal/imprimir-danfe-nfce-auto/${notaId}`, '_blank');
        mostrarToast('NFC-e emitida/reimpressa com sucesso!', 'success');
        buscarVendasReimpressao();
    } catch (error) {
        alert(error.message || 'Erro ao emitir NFC-e da reimpressão.');
    } finally {
        btns.forEach(b => b.disabled = false);
    }
}

function filtrarProdutosPesquisa() {
    const termo = document.getElementById('pesquisaItemInput').value.toLowerCase().trim();
    const tbody = document.getElementById('resultadosPesquisaItem');
    const info = document.getElementById('pesquisaItemInfo');
    
    if (termo.length < 2) {
        tbody.innerHTML = '';
        info.classList.remove('d-none');
        return;
    }
    
    info.classList.add('d-none');
    
    // Filtrar produtos
    const resultados = produtosData.filter(p => 
        p.nome.toLowerCase().includes(termo) ||
        p.codigo_barras.toLowerCase().includes(termo) ||
        p.id.toString().includes(termo)
    ).slice(0, 50); // Limitar a 50 resultados
    
    if (resultados.length === 0) {
        tbody.innerHTML = `
            <tr>
                <td colspan="5" class="text-center text-muted py-4">
                    <i class="bi bi-search fs-3"></i><br>
                    Nenhum produto encontrado para "${termo}"
                </td>
            </tr>
        `;
        return;
    }
    
    tbody.innerHTML = resultados.map(p => `
        <tr style="cursor: pointer;" onclick="adicionarProdutoPesquisa(${p.id})" title="Clique para adicionar">
            <td><span class="badge bg-secondary">${p.id}</span></td>
            <td><strong>${p.nome}</strong></td>
            <td><code>${p.codigo_barras || '-'}</code></td>
            <td class="text-end"><strong class="text-success">R$ ${p.valor.toFixed(2)}</strong></td>
            <td class="text-center">
                <button type="button" class="btn btn-sm btn-success" onclick="event.stopPropagation(); adicionarProdutoPesquisa(${p.id})">
                    <i class="bi bi-plus-circle"></i> Adicionar
                </button>
            </td>
        </tr>
    `).join('');
}

function adicionarProdutoPesquisa(produtoId) {
    const produto = produtosData.find(p => p.id === produtoId);
    if (!produto) {
        alert('Produto não encontrado.');
        return;
    }
    
    // Verificar se já está no carrinho
    const itemExistente = carrinho.find(item => item.id === produtoId);
    
    if (itemExistente) {
        // Verificar permissão de alterar quantidade
        if (!permissoesPDV.pode_alterar_quantidade) {
            alert('Você não tem permissão para alterar a quantidade dos itens.');
            return;
        }
        itemExistente.quantidade += 1;
    } else {
        // Usar mesma estrutura do carrinho padrão: { id, nome, preco, quantidade }
        carrinho.push({
            id: produto.id,
            nome: produto.nome,
            preco: produto.valor || 0,
            quantidade: 1
        });
    }
    
    atualizarTabela();
    atualizarTotal();
    invalidarImpressao();
    
    // Salvar venda no servidor - usar mesma lógica do buscarProduto
    if (!vendaAtual.id && carrinho.length === 1) {
        iniciarVendaServidor();
    } else if (vendaAtual.id) {
        atualizarVendaServidor();
    }
    
    // Fechar modal
    const modalEl = document.getElementById('pesquisaItemModal');
    const modal = bootstrap.Modal.getInstance(modalEl);
    if (modal) modal.hide();
    
    // Mostrar feedback
    mostrarToast(`${produto.nome} adicionado ao carrinho`, 'success');
}

function mostrarToast(mensagem, tipo = 'info') {
    // Criar toast temporário
    const toast = document.createElement('div');
    toast.className = `alert alert-${tipo} position-fixed`;
    toast.style.cssText = 'top: 20px; right: 20px; z-index: 9999; animation: fadeIn 0.3s;';
    toast.innerHTML = `<i class="bi bi-check-circle"></i> ${mensagem}`;
    document.body.appendChild(toast);
    
    setTimeout(() => {
        toast.style.animation = 'fadeOut 0.3s';
        setTimeout(() => toast.remove(), 300);
    }, 2000);
}

function selecionarVendedor() {
    // Abrir modal de seleção de vendedor
    const modal = new bootstrap.Modal(document.getElementById('vendedorModal'));
    modal.show();
    
    // Atualizar lista de vendedores
    atualizarListaVendedores();
    
    // Focar no campo de pesquisa
    setTimeout(() => {
        document.getElementById('pesquisaVendedorInput').focus();
        document.getElementById('pesquisaVendedorInput').value = '';
    }, 300);
}

// ==================== CADASTRO RÁPIDO DE CLIENTE ====================

function abrirCadastroClienteRapido() {
    // Limpar campos do formulário
    document.getElementById('novoClienteNome').value = '';
    document.getElementById('novoClienteCpf').value = '';
    document.getElementById('novoClienteCnpj').value = '';
    document.getElementById('novoClienteTelefone').value = '';
    document.getElementById('novoClienteEmail').value = '';
    
    // Abrir modal
    const modal = new bootstrap.Modal(document.getElementById('cadastroClienteModal'));
    modal.show();
    
    // Focar no campo de nome
    setTimeout(() => {
        document.getElementById('novoClienteNome').focus();
    }, 300);
}

function formatarCpfCnpj(input) {
    let valor = input.value.replace(/\D/g, '');
    
    if (input.id === 'novoClienteCpf') {
        // Formatar CPF: 000.000.000-00
        if (valor.length <= 11) {
            valor = valor.replace(/(\d{3})(\d)/, '$1.$2');
            valor = valor.replace(/(\d{3})(\d)/, '$1.$2');
            valor = valor.replace(/(\d{3})(\d{1,2})$/, '$1-$2');
        }
    } else if (input.id === 'novoClienteCnpj') {
        // Formatar CNPJ: 00.000.000/0000-00
        if (valor.length <= 14) {
            valor = valor.replace(/(\d{2})(\d)/, '$1.$2');
            valor = valor.replace(/(\d{3})(\d)/, '$1.$2');
            valor = valor.replace(/(\d{3})(\d)/, '$1/$2');
            valor = valor.replace(/(\d{4})(\d{1,2})$/, '$1-$2');
        }
    }
    
    input.value = valor;
}

// Função para buscar CEP do cliente
async function buscarCepCliente(cep) {
    cep = cep.replace(/\D/g, '');
    if (cep.length !== 8) return;
    
    try {
        const response = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
        const data = await response.json();
        
        if (!data.erro) {
            document.getElementById('novoClienteLogradouro').value = data.logradouro || '';
            document.getElementById('novoClienteBairro').value = data.bairro || '';
            document.getElementById('novoClienteCidade').value = data.localidade || '';
            document.getElementById('novoClienteUF').value = data.uf || '';
            document.getElementById('novoClienteCodigoMunicipio').value = data.ibge || '';
            document.getElementById('novoClienteNumero').focus();
        }
    } catch (error) {
        console.error('Erro ao buscar CEP:', error);
    }
}

async function salvarClienteRapido() {
    const nome = document.getElementById('novoClienteNome').value.trim();
    const cpf = document.getElementById('novoClienteCpf').value.trim();
    const cnpj = document.getElementById('novoClienteCnpj').value.trim();
    const telefone = document.getElementById('novoClienteTelefone').value.trim();
    const email = document.getElementById('novoClienteEmail').value.trim();
    const ie = document.getElementById('novoClienteIE').value.trim();
    
    // Campos de endereço
    const cep = document.getElementById('novoClienteCep').value.trim();
    const logradouro = document.getElementById('novoClienteLogradouro').value.trim();
    const numero = document.getElementById('novoClienteNumero').value.trim();
    const complemento = document.getElementById('novoClienteComplemento').value.trim();
    const bairro = document.getElementById('novoClienteBairro').value.trim();
    const cidade = document.getElementById('novoClienteCidade').value.trim();
    const uf = document.getElementById('novoClienteUF').value.trim().toUpperCase();
    const codigoMunicipio = document.getElementById('novoClienteCodigoMunicipio').value.trim();
    
    if (!nome) {
        alert('Informe o nome do cliente!');
        document.getElementById('novoClienteNome').focus();
        return;
    }
    
    try {
        const response = await fetch('{{ url_for("pdv_cadastrar_cliente_rapido") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                nome: nome,
                cpf: cpf,
                cnpj: cnpj,
                telefone: telefone,
                email: email,
                inscricao_estadual: ie,
                cep: cep,
                logradouro: logradouro,
                numero: numero,
                complemento: complemento,
                bairro: bairro,
                cidade: cidade,
                uf: uf,
                codigo_municipio: codigoMunicipio
            })
        });
        
        const result = await response.json();
        
        if (result.success) {
            // Fechar modal
            bootstrap.Modal.getInstance(document.getElementById('cadastroClienteModal')).hide();
            
            // Limpar campos do formulário
            document.getElementById('formCadastroClienteRapido').reset();
            
            // Adicionar novo cliente ao select
            const select = document.getElementById('cliente-select');
            const novaOption = document.createElement('option');
            novaOption.value = `pessoa_${result.cliente.id}`;
            novaOption.textContent = result.cliente.nome + (result.cliente.cpf_cnpj ? ` (${result.cliente.cpf_cnpj})` : '');
            select.appendChild(novaOption);
            
            // Selecionar o novo cliente
            select.value = `pessoa_${result.cliente.id}`;
            select.dispatchEvent(new Event('change'));
            
            // Atualizar badge
            const badge = document.getElementById('clienteSelecionadoInfo');
            if (badge) {
                badge.textContent = result.cliente.nome;
                badge.classList.remove('bg-secondary');
                badge.classList.add('bg-info');
            }
            
            mostrarToast(`Cliente "${result.cliente.nome}" cadastrado com sucesso!`);
        } else {
            alert('Erro ao cadastrar cliente: ' + (result.message || 'Erro desconhecido'));
        }
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao cadastrar cliente.');
    }
}

function atualizarListaVendedores() {
    const lista = document.getElementById('listaVendedores');
    const infoSelecionado = document.getElementById('vendedorSelecionadoInfo');
    const nomeSelecionado = document.getElementById('vendedorSelecionadoNome');
    
    // Mostrar vendedor selecionado se houver
    if (vendedorSelecionadoId) {
        const vendedor = vendedoresData.find(v => v.id === vendedorSelecionadoId);
        if (vendedor) {
            infoSelecionado.classList.remove('d-none');
            nomeSelecionado.textContent = vendedor.nome;
        }
    } else {
        infoSelecionado.classList.add('d-none');
    }
    
    if (!vendedoresData || vendedoresData.length === 0) {
        lista.innerHTML = '';
        return;
    }

    renderVendedoresNaLista(vendedoresData);
}

function renderVendedoresNaLista(vendedores) {
    const lista = document.getElementById('listaVendedores');
    if (!lista) return;

    lista.innerHTML = vendedores.map(v => {
        const codigo = v.codigo || v.id;
        const nomeEscapado = (v.nome || '').replace(/'/g, "\\'");
        return `
        <button type="button" class="list-group-item list-group-item-action ${v.id === vendedorSelecionadoId ? 'active' : ''}" 
                onclick="selecionarVendedorItem(${v.id}, '${nomeEscapado}')">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <span class="badge ${v.id === vendedorSelecionadoId ? 'bg-light text-primary' : 'bg-secondary'} me-2">${codigo}</span>
                    <i class="bi bi-person-badge"></i>
                    <strong>${v.nome}</strong>
                    ${v.cpf ? `<small class="text-muted ms-2">${v.cpf}</small>` : ''}
                </div>
                ${v.id === vendedorSelecionadoId ? '<i class="bi bi-check-circle-fill text-white"></i>' : ''}
            </div>
            ${v.telefone ? `<small class="text-muted"><i class="bi bi-telephone"></i> ${v.telefone}</small>` : ''}
        </button>
    `;
    }).join('');
}

function filtrarVendedores() {
    const termo = document.getElementById('pesquisaVendedorInput').value.toLowerCase().trim();
    const lista = document.getElementById('listaVendedores');
    
    const filtrados = vendedoresData.filter(v => 
        String(v.codigo || v.id).toLowerCase().includes(termo) ||
        v.nome.toLowerCase().includes(termo) ||
        (v.cpf && v.cpf.includes(termo))
    );
    
    if (filtrados.length === 0) {
        lista.innerHTML = `
            <div class="text-center text-muted py-3">
                <i class="bi bi-search"></i> Nenhum vendedor encontrado
            </div>
        `;
        return;
    }

    renderVendedoresNaLista(filtrados);
}

function selecionarVendedorItem(vendedorId, nome) {
    vendedorSelecionadoId = vendedorId;
    
    // Atualizar UI
    atualizarListaVendedores();
    
    // Atualizar indicador no botão do PDV
    atualizarIndicadorVendedor();
    
    // Fechar modal
    const modalEl = document.getElementById('vendedorModal');
    const modal = bootstrap.Modal.getInstance(modalEl);
    if (modal) modal.hide();
    
    mostrarToast(`Vendedor: ${nome}`, 'success');

    if (!vendaAtual.id && carrinho.length > 0) {
        iniciarVendaServidor();
    } else if (vendaAtual.id) {
        atualizarVendaServidor();
    }
}

function limparVendedor() {
    vendedorSelecionadoId = null;
    atualizarListaVendedores();
    atualizarIndicadorVendedor();
    mostrarToast('Vendedor removido', 'warning');

    if (vendaAtual.id) {
        atualizarVendaServidor();
    }
}

function atualizarIndicadorVendedor(nomeFallback = null) {
    // Encontrar o botão de vendedor e atualizar
    const btnVendedor = document.querySelector('button[onclick="selecionarVendedor()"]');
    if (btnVendedor && vendedorSelecionadoId) {
        const vendedor = localizarVendedorPorId(vendedorSelecionadoId);
        const nomeExibicao = vendedor?.nome || nomeFallback || `Vendedor #${vendedorSelecionadoId}`;
        btnVendedor.classList.remove('btn-outline-secondary');
        btnVendedor.classList.add('btn-secondary');
        btnVendedor.innerHTML = `<i class="bi bi-person-check"></i> ${nomeExibicao.split(' ')[0]}`;
    } else if (btnVendedor) {
        btnVendedor.classList.remove('btn-secondary');
        btnVendedor.classList.add('btn-outline-secondary');
        btnVendedor.innerHTML = `<i class="bi bi-person-badge"></i> Vendedor`;
    }
}

// ==================== VENDAS GUARDADAS (SERVIDOR) ====================

async function guardarVendaServidor() {
    if (!carrinho.length) {
        alert('Adicione itens antes de guardar a venda.');
        return;
    }

    if (!garantirVendedorSelecionado('Selecione um vendedor para guardar a venda.')) {
        return;
    }
    
    const motivo = prompt('Informe um motivo para guardar esta venda (opcional):') || '';
    
    // Calcular totais - usar preco ou preco_unitario (compatibilidade)
    let subtotal = 0;
    carrinho.forEach(item => {
        const preco = item.preco_unitario || item.preco || 0;
        subtotal += item.quantidade * preco;
    });
    
    const descontoValor = parseFloat(document.getElementById('descontoValor')?.value || 0);
    const descontoTipo = document.getElementById('descontoTipo')?.value || 'valor';
    
    let desconto = 0;
    if (descontoTipo === 'percentual') {
        desconto = subtotal * (descontoValor / 100);
    } else {
        desconto = descontoValor;
    }
    
    const valorTotal = subtotal - desconto;
    
    // Normalizar itens do carrinho para o formato esperado pelo servidor
    const itensNormalizados = carrinho.map(item => ({
        produto_id: item.id,
        nome: item.nome,
        codigo: item.codigo || '',
        quantidade: item.quantidade,
        preco_unitario: item.preco_unitario || item.preco || 0,
        preco: item.preco_unitario || item.preco || 0,
        embalagem_id: item.embalagem_id || null
    }));
    
    const obsVenda = document.getElementById('obsVenda');
    const dados = {
        pessoa_id: document.getElementById('cliente-select')?.value || null,
        vendedor_id: vendedorSelecionadoId,
        subtotal: subtotal,
        desconto: desconto,
        desconto_tipo: descontoTipo,
        valor_total: valorTotal,
        observacoes: obsVenda ? obsVenda.value.trim() : '',
        itens: itensNormalizados,
        motivo_guarda: motivo
    };
    
    try {
        const response = await fetch('{{ url_for("pdv_guardar_venda") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(dados)
        });
        
        const result = await response.json();
        
        if (response.ok && result.success) {
            const codigoExibicao = result.numero_controle || result.numero_pedido || result.venda_id;
            alert('Venda guardada com sucesso! Controle: ' + codigoExibicao);
            carrinho = [];
            atualizarTabela();
            atualizarTotal();
            invalidarImpressao();
            limparVendaAtual();  // Limpar controle de venda
            // Limpar campos
            if (document.getElementById('descontoValor')) {
                document.getElementById('descontoValor').value = 0;
            }
            if (document.getElementById('cliente-select')) {
                document.getElementById('cliente-select').value = '';
            }
        } else {
            alert('Erro ao guardar venda: ' + (result.message || 'Erro desconhecido'));
        }
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao guardar venda.');
    }
}

async function listarVendasGuardadas() {
    try {
        // Buscar APENAS vendas guardadas no PDV
        const response = await fetch('{{ url_for("pdv_vendas_guardadas") }}');
        const result = await response.json();
        
        const vendasGuardadas = result.vendas || [];
        
        if (vendasGuardadas.length === 0) {
            alert('🛒 Não há vendas guardadas no PDV.\n\nUse o botão "Guardar (F9)" para guardar uma venda em andamento.\n\nPara importar vendas digitadas no sistema web, use o botão "Importar Venda".');
            return;
        }
        
        // Construir lista para exibir
        let lista = '🛒 VENDAS GUARDADAS NO PDV:\n\n';
        
        vendasGuardadas.forEach(v => {
            const data = v.data_criacao || 'Data não disponível';
            const cliente = v.pessoa_nome || v.cliente || 'Sem cliente';
            const numero = v.numero_controle || `G${v.id}`;
            lista += `Nº ${numero} | ${data}\n`;
            lista += `Cliente: ${cliente} | Total: R$ ${parseFloat(v.valor_total || 0).toFixed(2)}\n`;
            if (v.motivo_guarda || v.motivo) {
                lista += `Motivo: ${v.motivo_guarda}\n`;
            }
            lista += '---\n';
        });
        
        lista += '\nDigite o Nº da venda para recuperar:';
        
        const escolhido = prompt(lista);
        
        if (!escolhido) return;
        
        const numeroBuscado = escolhido.trim();
        
        // Buscar nas vendas guardadas pelo numero_controle ou id
        const vendaGuardada = vendasGuardadas.find(v => 
            String(v.numero_controle) === numeroBuscado || 
            String(v.id) === numeroBuscado ||
            `G${v.id}` === numeroBuscado
        );
        
        if (vendaGuardada) {
            await recuperarVendaGuardada(vendaGuardada.id);
        } else {
            alert(`Venda "${numeroBuscado}" não encontrada.\n\nVerifique se o número está correto.`);
        }
        
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao buscar vendas guardadas.');
    }
}

// Função para listar e selecionar vendas digitadas do backoffice (botão "Importar Venda")
async function importarVendaDigitada() {
    try {
        const response = await fetch('{{ url_for("pdv_vendas_guardadas") }}');
        const result = await response.json();
        
        const vendas = result.vendas || [];
        
        if (vendas.length === 0) {
            alert('📋 Nenhuma venda digitada disponível.\n\nAs vendas digitadas no sistema web com status "Fechado" aparecerão aqui para importação.');
            return;
        }
        
        // Construir HTML da lista de vendas
        let html = '<div class="list-group" style="max-height: 500px; overflow-y: auto;">';
        
        vendas.forEach(v => {
            const data = v.data_criacao || 'Data não disponível';
            const cliente = v.pessoa_nome || v.cliente || 'Sem cliente';
            const total = parseFloat(v.valor_total || 0).toFixed(2);
            const numeroPedido = v.numero || v.numero_pedido || v.id;
            const tipo = v.tipo === 'backoffice' ? '🏢 Backoffice' : '💾 PDV';
            
            html += `
                <div class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                    <div style="flex: 1;">
                        <h6 class="mb-1">
                            <span class="badge bg-primary">${tipo}</span>
                            Pedido #${numeroPedido}
                        </h6>
                        <p class="mb-1"><i class="bi bi-person"></i> ${cliente}</p>
                        <small><i class="bi bi-calendar3"></i> ${data} | <i class="bi bi-box-seam"></i> ${v.itens_qtd || 0} itens</small>
                    </div>
                    <div class="text-end" style="min-width: 200px;">
                        <h5 class="mb-2 text-success">R$ ${total}</h5>
                        <button class="btn btn-primary btn-sm" onclick="importarVendaDigitadaPorId(${v.id}); $('#modalImportarVendas').modal('hide');">
                            <i class="bi bi-download"></i> Importar
                        </button>
                    </div>
                </div>
            `;
        });
        
        html += '</div>';
        
        // Mostrar modal
        const modalHtml = `
            <div class="modal fade cape-modal-standard cape-modal-detail" id="modalImportarVendas" tabindex="-1">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header bg-primary text-white">
                            <h5 class="modal-title"><i class="bi bi-download"></i> Importar Vendas do Backoffice</h5>
                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body p-0">
                            ${html}
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                        </div>
                    </div>
                </div>
            </div>
        `;
        
        // Remover modal anterior se existir
        $('#modalImportarVendas').remove();
        
        // Adicionar e mostrar novo modal
        $('body').append(modalHtml);
        $('#modalImportarVendas').modal('show');
        
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao buscar vendas digitadas.');
    }
}

// Função para importar venda digitada do backoffice por ID
async function importarVendaDigitadaPorId(vendaId) {
    try {
        const response = await fetch(`{{ url_for("pdv_recuperar_venda", venda_id=0) }}`.replace('/0', '/' + vendaId));
        const contentType = response.headers.get('content-type') || '';
        let result;
        if (contentType.includes('application/json')) {
            result = await response.json();
        } else {
            const raw = await response.text();
            console.error('Resposta não-JSON ao importar venda:', raw.slice(0, 300));
            alert('Erro ao importar venda: resposta inválida do servidor. Verifique o console do servidor.');
            return;
        }
        
        if (!response.ok || !result.success) {
            alert('Erro ao importar venda: ' + (result.message || 'Venda não encontrada'));
            return;
        }
        
        const venda = result.venda;
        
        // Limpar carrinho atual
        carrinho = [];
        invalidarImpressao();
        
        // Atualizar controle de venda com dados importados
        // Usamos o ID da venda real (não é VendaGuardada)
        vendaAtual = {
            id: null,  // Não é VendaGuardada, é Venda real
            venda_id: vendaId,  // ID da venda importada
            numero_pedido: venda.numero_pedido,
            status: 'importada',
            salvando: false
        };
        
        // Exibir número do pedido
        if (venda.numero_pedido) {
            let ctrlDiv = document.getElementById('numero-controle-display');
            if (!ctrlDiv) {
                ctrlDiv = document.createElement('div');
                ctrlDiv.id = 'numero-controle-display';
                ctrlDiv.className = 'badge bg-success fs-6 ms-2';
                const header = document.querySelector('.header-pdv') || document.querySelector('header');
                if (header) header.appendChild(ctrlDiv);
            }
            ctrlDiv.textContent = `Pedido #${venda.numero_pedido}`;
            ctrlDiv.style.display = 'inline-block';
        }
        
        // Carregar itens
        const itens = Array.isArray(venda.itens) ? venda.itens : [];
        console.log('Itens recebidos da API:', itens);
        itens.forEach(item => {
            console.log('Processando item:', item);
            carrinho.push({
                id: item.produto_id,
                codigo: item.codigo_barras || item.codigo || '',
                nome: item.nome || item.descricao || 'Produto sem nome',
                preco: parseFloat(item.preco || item.preco_unitario || item.valor_unitario || 0),
                quantidade: parseFloat(item.quantidade || 1),
                embalagem_id: item.embalagem_id,
                multiplicador_embalagem: item.multiplicador_embalagem || 1
            });
        });
        console.log('Carrinho após importação:', carrinho);
        
        // Atualizar display
        atualizarTabela();
        
        // Restaurar cliente
        const clienteId = venda.cliente_id || venda.pessoa_id;
        const clienteNome = venda.cliente_nome;
        const clienteTipo = venda.pessoa_id ? 'pessoa' : 'cliente';  // Detectar tipo
        console.log('Cliente da venda:', { clienteId, clienteNome, clienteTipo, venda });
        
        if (clienteId) {
            // IMPORTANTE: Setar variável global do cliente para manter na finalização
            clienteSelecionadoId = clienteId;
            clienteSelecionadoNome = clienteNome || 'Cliente Importado';
            clienteSelecionadoTipo = clienteTipo;
            
            const selectEl = document.getElementById('cliente-select');
            if (selectEl) {
                // Tentar selecionar pelo ID
                let encontrado = false;
                for (let opt of selectEl.options) {
                    if (opt.value === String(clienteId) || opt.value === clienteId) {
                        selectEl.value = opt.value;
                        encontrado = true;
                        console.log('Cliente encontrado no select:', opt.text);
                        // Disparar evento de mudança para atualizar a interface
                        selectEl.dispatchEvent(new Event('change'));
                        break;
                    }
                }
                
                // Se não encontrou no select, atualizar interface manualmente
                if (!encontrado) {
                    console.log('Cliente não encontrado no select, atualizando interface manualmente');
                    
                    // Atualizar badge com nome do cliente
                    const infoSpan = document.getElementById('clienteSelecionadoInfo');
                    if (infoSpan) {
                        infoSpan.textContent = `📋 ${clienteNome || 'ID: ' + clienteId}`;
                        infoSpan.className = 'badge bg-info py-1';
                        infoSpan.style.display = 'inline-block';
                    }
                    
                    // Forçar select para valor vazio mas manter cliente nas variáveis
                    selectEl.value = '';
                }
            }
        } else {
            console.log('Nenhum cliente_id na venda');
            clienteSelecionadoId = null;
            clienteSelecionadoNome = null;
            clienteSelecionadoTipo = null;
        }
        
        // Restaurar e exibir vendedor
        if (venda.vendedor_id) {
            aplicarVendedorSelecionado(venda.vendedor_id, venda.vendedor_nome || null);
            
            const vendedorBadge = document.getElementById('vendedorInfo');
            if (vendedorBadge) {
                // Mostrar ID temporariamente
                vendedorBadge.textContent = `👤 Vendedor ID: ${venda.vendedor_id}`;
                vendedorBadge.style.display = 'inline-block';
                
                // Buscar nome do vendedor via API
                fetch(`/api/usuario/${venda.vendedor_id}`)
                    .then(r => r.json())
                    .then(result => {
                        if (result.success && result.usuario) {
                            vendedorBadge.textContent = `👤 Vendedor: ${result.usuario.username}`;
                        } else {
                            // Manter o ID se não encontrou o nome
                            vendedorBadge.textContent = `👤 Vendedor ID: ${venda.vendedor_id}`;
                        }
                    })
                    .catch(() => {
                        // Manter o ID se houve erro
                        vendedorBadge.textContent = `👤 Vendedor ID: ${venda.vendedor_id}`;
                    });
            }
            
            // Atualizar display do vendedor se existir
            if (typeof atualizarVendedorDisplay === 'function') {
                atualizarVendedorDisplay(venda.vendedor_nome || `Vendedor #${venda.vendedor_id}`);
            }
        }
        
        // Restaurar observações
        if (venda.observacoes) {
            const obsVenda = document.getElementById('obsVenda');
            const obsNormalizada = normalizarObservacoesFood(venda.observacoes);
            if (obsVenda) {
                obsVenda.value = obsNormalizada;
            }
            observacoesVendaAtual = obsNormalizada;
        }
        
        // Restaurar forma de pagamento se houver
        if (venda.forma_pagamento_id) {
            // Adicionar pagamento com a forma original
            const formaPgto = {
                formaId: venda.forma_pagamento_id,
                valor: parseFloat(venda.valor_total || 0),
                valorAbatido: parseFloat(venda.valor_total || 0),
                valorPago: parseFloat(venda.valor_total || 0)
            };
            // A forma será carregada quando o usuário abrir o recebimento (F8)
            // Armazenar para uso posterior
            window.formaPagamentoOriginal = venda.forma_pagamento_id;
        }
        
        // Restaurar desconto
        if (document.getElementById('descontoValor') && venda.desconto > 0) {
            document.getElementById('descontoValor').value = venda.desconto;
            if (document.getElementById('descontoTipo')) {
                document.getElementById('descontoTipo').value = venda.desconto_tipo || 'valor';
            }
        }

        // Restaurar acréscimos (taxas do Food)
        if (document.getElementById('acrescimoValor') && venda.acrescimo > 0) {
            document.getElementById('acrescimoValor').value = venda.acrescimo;
            if (document.getElementById('acrescimoTipo')) {
                document.getElementById('acrescimoTipo').value = venda.acrescimo_tipo || 'valor';
            }
        }
        
        atualizarTabela();
        atualizarTotal();
        
        alert(`Pedido #${venda.numero_pedido} importado com sucesso!\n${itens.length} item(s) | Total: R$ ${parseFloat(venda.valor_total || 0).toFixed(2)}\n\nPressione F8 para receber o pagamento.`);
        
        // Armazenar ID da venda importada para atualizar ao finalizar
        window.vendaImportadaId = vendaId;
        
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao importar venda.');
    }
}

// Importar comanda do Food pelo número
async function importarComandaFood() {
    const numero = prompt('Informe o número da comanda:');
    if (!numero) return;
    try {
        const response = await fetch(`/food/api/comandas/numero/${encodeURIComponent(numero)}/pre-fechar-pdv`, {
            method: 'POST'
        });
        const contentType = response.headers.get('content-type') || '';
        if (!contentType.includes('application/json')) {
            const raw = await response.text();
            console.error('Resposta não-JSON ao importar comanda:', raw.slice(0, 300));
            alert('Erro ao importar comanda: resposta inválida do servidor.');
            return;
        }
        const result = await response.json();
        if (!response.ok || !result.success) {
            alert('Erro ao importar comanda: ' + (result.message || 'Comanda não encontrada'));
            return;
        }
        await importarVendaDigitadaPorId(result.venda_id);
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao importar comanda.');
    }
}

const pdvContext = (() => {
    const params = new URLSearchParams(window.location.search);
    return {
        origin: (params.get('origin') || '').toUpperCase(),
        operationId: (params.get('operation_id') || '').trim(),
        mesaId: (params.get('mesa_id') || '').trim(),
        tipoOperacao: (params.get('tipo_operacao') || '').trim(),
        callbackUrl: (params.get('callback_url') || '').trim(),
        importarVendaId: (params.get('importar_venda') || '').trim()
    };
})();

let pdvFoodCallbackEnviado = false;
let pdvUltimaNfce = null;
let pdvFoodPendingPayload = null;
let pdvFoodAutoReturnTimeout = null;
let pdvFoodAutoReturnInterval = null;
let pdvFoodAutoReturnDeadline = null;
const PDV_FOOD_AUTO_RETURN_SECONDS = 8;

function pdvIsFoodContext() {
    return pdvContext.origin === 'FOOD' && pdvContext.operationId && pdvContext.callbackUrl;
}

function obterUrlRetornoFood() {
    const params = new URLSearchParams();
    if (pdvContext.mesaId) {
        params.set('mesa_id', pdvContext.mesaId);
    }
    params.set('retorno_pdv', '1');
    const query = params.toString();
    return query ? `/food/pdv?${query}` : '/food/pdv';
}

function normalizarObservacoesFood(texto) {
    if (!texto) return '';
    let obs = texto;
    if (pdvIsFoodContext()) {
        if (pdvContext.mesaId) {
            obs = obs.replace(/Comanda\s*#?\d+\s*-\s*/i, '');
            obs = obs.replace(/\s*-\s*Comanda\s*#?\d+/i, '');
        } else {
            obs = obs.replace(/Mesa\s+[^-]+\s*-\s*/i, '');
        }
    }
    return obs.replace(/\s*\n\s*/g, ' | ').trim();
}

async function enviarCallbackFood(payload) {
    if (!pdvIsFoodContext() || pdvFoodCallbackEnviado) return;
    pdvFoodCallbackEnviado = true;
    try {
        await fetch(pdvContext.callbackUrl, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify(payload)
        });
    } catch (error) {
        console.error('[PDV][FOOD] Falha ao enviar callback:', error);
    }
}

function redirecionarParaFood() {
    window.location.href = obterUrlRetornoFood();
}

function atualizarBotaoRetornoFood(mostrar, segundosRestantes = null) {
    const btn = document.getElementById('btnVoltarFoodHeader');
    if (!btn) return;
    btn.style.display = mostrar ? 'inline-flex' : 'none';
    btn.innerHTML = segundosRestantes && segundosRestantes > 0
        ? `<i class="bi bi-arrow-left-circle"></i> Voltar ao Controle de Mesas (${segundosRestantes}s)`
        : '<i class="bi bi-arrow-left-circle"></i> Voltar ao Controle de Mesas';
}

function cancelarRetornoAutomaticoFood() {
    if (pdvFoodAutoReturnTimeout) {
        window.clearTimeout(pdvFoodAutoReturnTimeout);
        pdvFoodAutoReturnTimeout = null;
    }
    if (pdvFoodAutoReturnInterval) {
        window.clearInterval(pdvFoodAutoReturnInterval);
        pdvFoodAutoReturnInterval = null;
    }
    pdvFoodAutoReturnDeadline = null;
    atualizarBotaoRetornoFood(pdvIsFoodContext());
}

function agendarRetornoAutomaticoFood(segundos = PDV_FOOD_AUTO_RETURN_SECONDS) {
    if (!pdvIsFoodContext()) return;

    cancelarRetornoAutomaticoFood();
    const intervaloSegundos = Math.max(1, Number(segundos) || PDV_FOOD_AUTO_RETURN_SECONDS);
    pdvFoodAutoReturnDeadline = Date.now() + (intervaloSegundos * 1000);

    const atualizarContagem = () => {
        const restante = Math.max(0, Math.ceil((pdvFoodAutoReturnDeadline - Date.now()) / 1000));
        atualizarBotaoRetornoFood(true, restante);
    };

    atualizarContagem();
    pdvFoodAutoReturnInterval = window.setInterval(atualizarContagem, 1000);
    pdvFoodAutoReturnTimeout = window.setTimeout(() => {
        cancelarRetornoAutomaticoFood();
        retornarAoFood();
    }, intervaloSegundos * 1000);
}

function prepararRetornoFood(payloadBase) {
    pdvFoodPendingPayload = payloadBase;
    atualizarBotaoRetornoFood(true);
    agendarRetornoAutomaticoFood();
    mostrarAvisoBalanca(
        `Venda finalizada no PDV. Retorno automático ao controle de mesas em ${PDV_FOOD_AUTO_RETURN_SECONDS}s. Use impressão/NF para permanecer no PDV.`,
        'info',
        5000
    );
}

async function retornarAoFood() {
    if (
        pdvIsFoodContext()
        && !pdvFoodPendingPayload
        && (carrinho.length || pagamentos.length || vendaAtual.id || vendaRegistradaAntecipadaOnline)
    ) {
        const confirmar = window.confirm(
            'A comanda ainda não foi concluída no PDV. Deseja voltar mesmo assim ao controle de mesas?'
        );
        if (!confirmar) {
            return;
        }
    }

    cancelarRetornoAutomaticoFood();

    if (!pdvIsFoodContext()) {
        redirecionarParaFood();
        return;
    }

    if (pdvFoodPendingPayload) {
        const payload = { ...pdvFoodPendingPayload };
        if (pdvUltimaNfce) {
            payload.nfce = pdvUltimaNfce;
        }
        await enviarCallbackFood(payload);
    }
    if (window.opener && !window.opener.closed) {
        try {
            window.close();
            return;
        } catch (e) {
            // fallback para redirecionar
        }
    }
    redirecionarParaFood();
}

window.addEventListener('message', (event) => {
    if (!event || event.origin !== window.location.origin) return;
    const data = event.data || {};
    if (data.type === 'pdv_print_done') {
        if (pdvIsFoodContext() && pdvFoodPendingPayload) {
            retornarAoFood();
        }
    }
});

// Autoimportar venda ao abrir PDV via querystring (?importar_venda=ID)
document.addEventListener('DOMContentLoaded', () => {
    if (pdvContext.importarVendaId) {
        const vendaId = parseInt(pdvContext.importarVendaId, 10);
        if (!Number.isNaN(vendaId)) {
            importarVendaDigitadaPorId(vendaId);
        }
    }
});

async function recuperarVendaGuardada(vendaId) {
    try {
        const response = await fetch(`{{ url_for("pdv_recuperar_venda", venda_id=0) }}`.replace('/0', '/' + vendaId));
        
        // Verificar se é 404 (venda guardada não encontrada)
        if (response.status === 404) {
            alert('Venda guardada #' + vendaId + ' não encontrada.\n\nSe você está tentando importar uma venda do Backoffice (digitada no sistema web), use D' + vendaId + ' em vez de apenas ' + vendaId + '.');
            return;
        }
        
        // Tentar parsear JSON
        let result;
        try {
            result = await response.json();
        } catch (jsonError) {
            console.error('Erro ao parsear JSON:', jsonError);
            alert('Erro de comunicação ao recuperar venda. A resposta do servidor não é válida.');
            return;
        }
        
        if (!response.ok || !result.success) {
            alert('Erro ao recuperar venda: ' + (result.message || 'Venda não encontrada'));
            return;
        }
        
        const venda = result.venda;
        
        // Limpar carrinho atual e controle de venda
        carrinho = [];
        invalidarImpressao();
        
        // Atualizar controle de venda com dados recuperados
        vendaAtual = {
            id: vendaId,
            numero_controle: venda.numero_controle || null,
            status: 'em_andamento',
            salvando: false
        };
        exibirNumeroControle();
        
        // Carregar itens - API retorna 'itens' como array já parseado
        const itens = Array.isArray(venda.itens) ? venda.itens : [];
        itens.forEach(item => {
            carrinho.push({
                id: item.produto_id,
                codigo: item.codigo || '',
                nome: item.nome,
                preco: parseFloat(item.preco_unitario || item.preco || 0),
                quantidade: parseFloat(item.quantidade || 1)
            });
        });
        
        // Restaurar cliente (compatível com pessoa_id ou cliente_id)
        const clienteId = venda.pessoa_id || venda.cliente_id;
        if (clienteId && document.getElementById('cliente-select')) {
            // Tentar selecionar como pessoa primeiro
            const selectEl = document.getElementById('cliente-select');
            let selecionado = false;
            
            // Tentar pessoa_X
            for (let opt of selectEl.options) {
                if (opt.value === `pessoa_${clienteId}` || opt.value === String(clienteId)) {
                    selectEl.value = opt.value;
                    selecionado = true;
                    break;
                }
            }
            
            if (!selecionado) {
                selectEl.value = clienteId;
            }
            
            // Disparar evento de mudança
            selectEl.dispatchEvent(new Event('change'));
        }
        
        // Restaurar desconto
        if (document.getElementById('descontoValor') && venda.desconto > 0) {
            document.getElementById('descontoValor').value = venda.desconto;
            if (document.getElementById('descontoTipo')) {
                document.getElementById('descontoTipo').value = venda.desconto_tipo || 'valor';
            }
        }

        aplicarVendedorSelecionado(venda.vendedor_id, venda.vendedor_nome || null);
        
        atualizarTabela();
        atualizarTotal();
        
        alert('Venda recuperada com sucesso!' + (venda.numero_controle ? ' Número: ' + venda.numero_controle : ''));
        
        // Armazenar ID para excluir depois de finalizar
        window.vendaGuardadaRecuperadaId = vendaId;
        
    } catch (error) {
        console.error('Erro:', error);
        alert('Erro de comunicação ao recuperar venda.');
    }
}

async function excluirVendaGuardadaAposFinalizacao() {
    // Excluir venda guardada recuperada do menu
    if (window.vendaGuardadaRecuperadaId) {
        try {
            const url = `{{ url_for("pdv_excluir_venda_guardada", venda_id=0) }}`.replace('/0', '/' + window.vendaGuardadaRecuperadaId);
            await fetch(url, { method: 'DELETE' });
            window.vendaGuardadaRecuperadaId = null;
        } catch (e) {
            console.error('Erro ao excluir venda guardada recuperada:', e);
        }
    }
    
    // Excluir venda guardada do fluxo normal (vendaAtual)
    if (vendaAtual.id) {
        try {
            const url = `{{ url_for("pdv_excluir_venda_guardada", venda_id=0) }}`.replace('/0', '/' + vendaAtual.id);
            await fetch(url, { method: 'DELETE' });
            console.log('✅ Venda guardada excluída:', vendaAtual.id);
        } catch (e) {
            console.error('Erro ao excluir venda guardada:', e);
        }
    }
}

// Função antiga mantida para compatibilidade com dados locais existentes
function guardarVendaParaDepois() {
    guardarVendaServidor();
}

function recuperarVendaConcluida() {
    listarVendasGuardadas();
}

function imprimirMiniCupom() {
    if (!ultimaVendaFinalizada) {
        alert('Finalize a venda para liberar a impressão.');
        return;
    }
    if (pdvIsFoodContext()) {
        cancelarRetornoAutomaticoFood();
    }
    abrirJanelaImpressao(rotaImpressaoCupomPDV);
    fecharRecebimento();
    if (pdvIsFoodContext() && pdvFoodPendingPayload) {
        setTimeout(() => {
            retornarAoFood();
        }, 800);
    }
}

// Formatar CPF enquanto digita
function formatarCpfInput(input) {
    let valor = input.value.replace(/\D/g, '');
    if (valor.length > 11) valor = valor.substring(0, 11);
    
    if (valor.length > 9) {
        input.value = valor.replace(/(\d{3})(\d{3})(\d{3})(\d{1,2})/, '$1.$2.$3-$4');
    } else if (valor.length > 6) {
        input.value = valor.replace(/(\d{3})(\d{3})(\d{1,3})/, '$1.$2.$3');
    } else if (valor.length > 3) {
        input.value = valor.replace(/(\d{3})(\d{1,3})/, '$1.$2');
    } else {
        input.value = valor;
    }
}

// Validar CPF
function validarCpf(cpf) {
    cpf = cpf.replace(/\D/g, '');
    if (cpf.length !== 11) return false;
    if (/^(\d)\1+$/.test(cpf)) return false; // Todos dígitos iguais
    
    let soma = 0, resto;
    for (let i = 1; i <= 9; i++) soma += parseInt(cpf.substring(i-1, i)) * (11 - i);
    resto = (soma * 10) % 11;
    if (resto === 10 || resto === 11) resto = 0;
    if (resto !== parseInt(cpf.substring(9, 10))) return false;
    
    soma = 0;
    for (let i = 1; i <= 10; i++) soma += parseInt(cpf.substring(i-1, i)) * (12 - i);
    resto = (soma * 10) % 11;
    if (resto === 10 || resto === 11) resto = 0;
    if (resto !== parseInt(cpf.substring(10, 11))) return false;
    
    return true;
}

function emitirNFCe() {
    if (!ultimaVendaFinalizada) {
        alert('Finalize a venda para emitir a NFC-e.');
        return;
    }

    if (pdvIsFoodContext()) {
        cancelarRetornoAutomaticoFood();
        mostrarAvisoBalanca('Retorno automático pausado para emissão da NFC-e.', 'warning', 2500);
    }
    
    // Abrir modal para solicitar CPF (opcional)
    const cpfInput = document.getElementById('cpfNotaInput');
    if (cpfInput) cpfInput.value = '';
    
    const cpfErro = document.getElementById('cpfNotaErro');
    if (cpfErro) cpfErro.style.display = 'none';
    if (cpfInput) cpfInput.classList.remove('is-invalid');
    
    const modal = new bootstrap.Modal(document.getElementById('cpfNotaModal'));
    modal.show();
    
    // Focar no campo CPF
    setTimeout(() => {
        if (cpfInput) cpfInput.focus();
    }, 300);
}

function confirmarEmissaoNFCe() {
    const cpfInput = document.getElementById('cpfNotaInput');
    const cpfErro = document.getElementById('cpfNotaErro');
    let cpfNota = cpfInput ? cpfInput.value.replace(/\D/g, '') : '';
    
    // Validar CPF se informado
    if (cpfNota && cpfNota.length > 0) {
        if (!validarCpf(cpfNota)) {
            if (cpfInput) cpfInput.classList.add('is-invalid');
            if (cpfErro) cpfErro.style.display = 'block';
            return;
        }
    }
    
    // Fechar modal
    const modalEl = document.getElementById('cpfNotaModal');
    const modal = bootstrap.Modal.getInstance(modalEl);
    if (modal) modal.hide();
    
    // Bloquear botão durante processamento
    const btnEmitir = document.getElementById('btnEmitirNFCe');
    if (btnEmitir) {
        btnEmitir.disabled = true;
        btnEmitir.innerHTML = '<i class="bi bi-hourglass-split"></i> Processando...';
    }
    
    // Preparar dados com CPF opcional
    const dadosNota = cpfNota ? `?cpf_nota=${cpfNota}` : '';
    
    // Variável para guardar o ID da nota gerada
    let notaIdNFCe = null;
    
    // 1. Processar NFC-e (gerar, validar, assinar XML)
    fetch(`/fiscal/processar-nfe/${ultimaVendaFinalizada}${dadosNota}`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' }
    })
    .then(response => response.json())
    .then(data => {
        if (!data.success) {
            throw new Error(data.message || 'Erro ao processar NFC-e');
        }
        
        // Guardar o ID da nota para usar na impressão
        notaIdNFCe = data.nota_id;
        
        // 2. Transmitir para SEFAZ
        return fetch(`/fiscal/transmitir-nfe/${data.nota_id}`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' }
        });
    })
    .then(response => response.json())
    .then(data => {
        if (!data.success) {
            throw new Error(data.message || 'Erro na transmissão SEFAZ');
        }
        
        // Se recebeu apenas recibo, consultar resultado
        if (data.status === 'processando' && data.recibo) {
            alert(`Lote enviado! Recibo: ${data.recibo}\n\nConsultando resultado...`);
            
            // Aguardar 3 segundos e consultar
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    fetch(`/fiscal/consultar-recibo/${ultimaVendaFinalizada}`, {
                        method: 'POST',
                        headers: { 'Content-Type': 'application/json' }
                    })
                    .then(r => r.json())
                    .then(result => {
                        if (result.success) {
                            resolve(result);
                        } else {
                            reject(new Error(result.message));
                        }
                    })
                    .catch(reject);
                }, 3000);
            });
        }
        
        // Já autorizada
        return data;
    })
    .then(data => {
        // 3. NFC-e autorizada ou emitida em contingência - abrir DANFE NFC-e
        const mensagemEmissao = data.contingencia
            ? `NFC-e emitida em contingência offline!\n\n${data.message || 'Falha na autorização SEFAZ.'}\n\nAbrindo impressão em contingência...`
            : `NFC-e autorizada com sucesso!\n\nProtocolo: ${data.protocolo}\n\nAbrindo impressão...`;

        alert(mensagemEmissao);

        pdvUltimaNfce = {
            numero: data.numero || null,
            serie: data.serie || null,
            chave: data.chave || data.chave_documento || null,
            protocolo: data.protocolo || null,
            nota_id: notaIdNFCe
        };

        const rotaDANFENFCe = `/fiscal/imprimir-danfe-nfce-auto/${notaIdNFCe}`;
        window.open(rotaDANFENFCe, '_blank');
        fecharRecebimento();

        if (pdvIsFoodContext() && pdvFoodPendingPayload) {
            setTimeout(() => {
                retornarAoFood();
            }, 500);
        }

        // Reabilitar botão
        if (btnEmitir) {
            btnEmitir.disabled = false;
            btnEmitir.innerHTML = '<i class="bi bi-receipt"></i> Imprimir NFC-e';
        }
    })
    .catch(error => {
        alert(`Erro ao emitir/imprimir NFC-e:\n\n${error.message}\n\nVerifique:\n- Configuração do certificado digital\n- Conexão com internet\n- Status do serviço SEFAZ\n- Impressora configurada`);
        
        // Fechar modal e voltar para tela de venda
        fecharRecebimento();
        
        // Reabilitar botão
        if (btnEmitir) {
            btnEmitir.disabled = false;
            btnEmitir.innerHTML = '<i class="bi bi-receipt"></i> Imprimir NFC-e';
        }
    });
}

/**
 * Emitir NF-e (Modelo 55) para cliente CPF ou CNPJ
 * A partir de 2026, vendas para CNPJ devem ser NF-e, não NFC-e
 * Pessoa física também pode solicitar NF-e (desde que tenha dados completos)
 */
function emitirNFe() {
    if (!ultimaVendaFinalizada) {
        alert('Finalize a venda para emitir a NF-e.');
        return;
    }

    if (pdvIsFoodContext()) {
        cancelarRetornoAutomaticoFood();
        mostrarAvisoBalanca('Retorno automático pausado para emissão da NF-e.', 'warning', 2500);
    }
    
    // Verificar se há cliente selecionado (obrigatório para NF-e)
    const clienteSelectEl = document.getElementById('cliente-select');
    const clienteId = clienteSelectEl?.value || clienteSelecionadoId || null;
    if (!clienteId) {
        alert('NF-e exige cliente identificado!\n\nPor favor, selecione um cliente com CPF/CNPJ e endereço completo.\n\nUse F5 ou clique em "Cliente" para selecionar.');
        return;
    }
    
    // Confirmar com o usuário
    if (!confirm('Deseja emitir NF-e (Modelo 55) para esta venda?\n\nℹ️ NF-e pode ser emitida para CPF ou CNPJ.\n⚠️ A partir de 2026, NF-e é obrigatória para clientes CNPJ.\n\nEsta ação irá:\n1. Gerar e assinar o XML\n2. Transmitir para SEFAZ\n3. Imprimir o DANFE')) {
        return;
    }
    
    // Bloquear botão durante processamento
    const btnEmitir = document.getElementById('btnEmitirNFe');
    if (btnEmitir) {
        btnEmitir.disabled = true;
        btnEmitir.innerHTML = '<i class="bi bi-hourglass-split"></i> Processando...';
    }
    
    // Variável para guardar o ID da nota gerada
    let notaIdGerada = null;
    
    // 1. Processar NF-e (gerar, validar, assinar XML) - forçando modelo 55
    fetch(`/fiscal/processar-nfe/${ultimaVendaFinalizada}?modelo=55`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' }
    })
    .then(response => response.json())
    .then(data => {
        if (!data.success) {
            throw new Error(data.message || 'Erro ao processar NF-e');
        }
        
        // Guardar o ID da nota para usar na impressão
        notaIdGerada = data.nota_id;
        
        // 2. Transmitir para SEFAZ
        return fetch(`/fiscal/transmitir-nfe/${data.nota_id}`, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' }
        });
    })
    .then(response => response.json())
    .then(data => {
        if (!data.success) {
            throw new Error(data.message || 'Erro na transmissão SEFAZ');
        }
        
        // NF-e é assíncrona - pode precisar consultar recibo
        if (data.status === 'processando' && data.recibo) {
            alert(`Lote enviado! Recibo: ${data.recibo}\n\nConsultando resultado...`);
            
            // Aguardar 5 segundos e consultar (NF-e é mais lenta que NFC-e)
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    fetch(`/fiscal/consultar-recibo/${ultimaVendaFinalizada}`, {
                        method: 'POST',
                        headers: { 'Content-Type': 'application/json' }
                    })
                    .then(r => r.json())
                    .then(result => {
                        if (result.success) {
                            resolve(result);
                        } else {
                            reject(new Error(result.message));
                        }
                    })
                    .catch(reject);
                }, 5000);
            });
        }
        
        // Já autorizada
        return data;
    })
    .then(data => {
        // 3. NF-e autorizada - abrir impressão DANFE
        alert(`NF-e autorizada com sucesso!\n\nProtocolo: ${data.protocolo}\n\nAbrindo impressão do DANFE...`);
        
        // Abrir janela de impressão do DANFE usando nota_id (rota correta)
        const rotaDANFE = `/fiscal/imprimir-danfe/${notaIdGerada}`;
        window.open(rotaDANFE, '_blank');
        fecharRecebimento();

        if (pdvIsFoodContext() && pdvFoodPendingPayload) {
            setTimeout(() => {
                retornarAoFood();
            }, 500);
        }
        
        // Reabilitar botão
        if (btnEmitir) {
            btnEmitir.disabled = false;
            btnEmitir.innerHTML = '<i class="bi bi-file-earmark-text"></i> Imprimir NF-e';
        }
    })
    .catch(error => {
        alert(`Erro ao emitir NF-e:\n\n${error.message}\n\nVerifique:\n- Cliente identificado com CNPJ\n- Configuração do certificado digital\n- Conexão com internet\n- Status do serviço SEFAZ`);
        
        // Fechar modal e voltar para tela de venda
        fecharRecebimento();
        
        // Reabilitar botão
        if (btnEmitir) {
            btnEmitir.disabled = false;
            btnEmitir.innerHTML = '<i class="bi bi-file-earmark-text"></i> Imprimir NF-e';
        }
    });
}

function aplicarFormaRapida(slug) {
    const forma = formasPagamentoDisponiveis.find(fp => fp.nome.toLowerCase().includes(slug));
    if (!forma) {
        alert('Cadastre a forma correspondente para usar este atalho.');
        return;
    }
    const subtotalVenda = obterTotalVendaParaPagamento();
    const jaAbatido = pagamentos.reduce((sum, pg) => sum + (parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0), 0);
    const restante = Math.max(0, subtotalVenda - jaAbatido);
    if (restante <= 0) {
        alert('O total já foi totalmente lançado.');
        return;
    }
    formaSelecionadaId = forma.id;
    const valorInput = document.getElementById('novaFormaValor');
    if (valorInput) valorInput.value = restante.toFixed(2);
    confirmarPagamentoAtual();
}

function finalizarVenda() {
    if (finalizacaoEmAndamento) {
        return;
    }

    if (vendaRegistradaAntecipadaOnline) {
        if (!ultimaVendaPagamentoOnlineConfirmado) {
            alert('Aguardando confirmação do pagamento online. O botão Fechar só libera após OK da API.');
            return;
        }

        vendaFinalizadaPendenteLimpeza = true;
        atualizarBotoesImpressao();
        alert('Pagamento confirmado! Agora selecione a opção de impressão.');
        return;
    }

    if (!carrinho.length) {
        alert('Adicione itens à venda!');
        return;
    }

    if (!garantirVendedorSelecionado('Selecione um vendedor para finalizar a venda.')) {
        return;
    }

    const subtotalVenda = obterTotalVendaParaPagamento();
    if (!pagamentos.length) {
        alert('Informe pelo menos uma forma de pagamento.');
        return;
    }
    
    const pagamentosValidos = [];
    const clienteSelectEl = document.getElementById('cliente-select');
    const clienteId = clienteSelectEl?.value || clienteSelecionadoId || null;
    let somaAbatido = 0;
    let somaDescontos = 0;
    
    console.log('[PDV] Pagamentos para finalizar:', JSON.stringify(pagamentos, null, 2));
    
    for (const pg of pagamentos) {
        const valorAbatido = parseFloat(pg.valorAbatido) || parseFloat(pg.valor) || 0;
        const valorPago = parseFloat(pg.valorPago) || valorAbatido;
        const valorRecebido = parseFloat(pg.valorRecebido) || valorPago;
        const valorDesconto = parseFloat(pg.valorDesconto) || 0;
        const troco = parseFloat(pg.troco) || 0;  // Troco informado pelo operador
        
        console.log(`[PDV] Pagamento ${pg.formaId}: valorAbatido=${valorAbatido}, valorPago=${valorPago}, valorRecebido=${valorRecebido}, troco=${troco}`);
        
        if (!valorAbatido) {
            alert('Preencha todos os valores de pagamento.');
            return;
        }
        const forma = obterFormaPorId(pg.formaId);
        if (!forma) {
            alert('Selecione a forma de pagamento em todas as linhas.');
            return;
        }
        
        const pagamentoItem = {
            forma_id: forma.id,
            forma_nome: forma.nome,
            valor: valorAbatido,          // Quanto abate da venda
            valor_pago: valorPago,        // Quanto cliente paga (após desconto)
            valor_recebido: valorRecebido,// Quanto cliente entregou (para troco)
            troco: troco,                 // Troco a devolver
            desconto_percentual: pg.descontoPercentual || 0,
            valor_desconto: valorDesconto,
            parcelas_qtd: Number(pg.parcelasQtd || 1),
            bandeira: (pg.bandeira || '').toString().trim()
        };

        if (pg.pagamentoOnlineAtivo) {
            pagamentoItem.pagamento_online_ativo = true;
            pagamentoItem.pagamento_online_gateway = (pg.pagamentoOnlineGateway || 'efi').toString().trim().toLowerCase();
            pagamentoItem.pagamento_online_modalidade = (pg.pagamentoOnlineModalidade || '').toString().trim().toLowerCase();
            pagamentoItem.pagamento_online_meio = (pg.pagamentoOnlineMeio || '').toString().trim().toLowerCase();
            pagamentoItem.exige_cliente = true;
            pagamentoItem.tipo = pagamentoItem.pagamento_online_meio || forma.tipo_agrupamento || '';
            pagamentoItem.tipo_agrupamento = pagamentoItem.tipo;
        } else if (pg.exigeCliente) {
            pagamentoItem.exige_cliente = true;
        }
        
        // Adicionar campos para promissória/crediário
        if (pg.ehPromissoria) {
            pagamentoItem.clienteId = pg.clienteId || clienteId;
            pagamentoItem.parcelas = pg.parcelas || [];
        }
        
        pagamentosValidos.push(pagamentoItem);
        somaAbatido += valorAbatido;
        somaDescontos += valorDesconto;
    }
    
    // Verificar se toda a venda foi abatida
    console.log('[PDV] Finalizando - subtotalVenda:', subtotalVenda, '| somaAbatido:', somaAbatido, '| diferença:', Math.abs(somaAbatido - subtotalVenda));
    if (Math.abs(somaAbatido - subtotalVenda) > 0.05) {
        alert(`Erro de validação:\nTotal da venda: R$ ${subtotalVenda.toFixed(2)}\nSoma pagamentos: R$ ${somaAbatido.toFixed(2)}\nDiferença: R$ ${Math.abs(somaAbatido - subtotalVenda).toFixed(2)}`);
        return;
    }
    
    const formData = new FormData();
    // Enviar cliente_id no formato correto (pessoa_X ou número puro)
    if (clienteId) {
        if (clienteSelecionadoTipo === 'pessoa') {
            formData.append('cliente_id', 'pessoa_' + clienteId);
        } else {
            formData.append('cliente_id', clienteId);
        }
    } else {
        formData.append('cliente_id', '');
    }
    formData.append('vendedor_id', vendedorSelecionadoId || '');
    // Se é uma venda importada, enviar o ID para atualizar em vez de criar nova
    if (window.vendaImportadaId) {
        formData.append('venda_importada_id', window.vendaImportadaId);
    }
    // Enviar dados da venda em andamento (VendaGuardada) para usar o número de controle
    if (vendaAtual.id) {
        formData.append('venda_guardada_id', vendaAtual.id);
    }
    if (vendaAtual.numero_controle) {
        formData.append('numero_controle', vendaAtual.numero_controle);
    }
    // Observações do pedido
    const obsVenda = document.getElementById('obsVenda');
    const obsTexto = (obsVenda && obsVenda.value ? obsVenda.value.trim() : (observacoesVendaAtual || '').trim());
    formData.append('observacoes', obsTexto);
    // Desconto da forma de pagamento NÃO reduz o total da venda
    // O desconto é sobre quanto o CLIENTE PAGA, não sobre o valor da venda
    // Por isso enviamos desconto_valor = 0 aqui
    // Os descontos estão registrados em cada pagamento individualmente
    formData.append('desconto_valor', 0);
    formData.append('desconto_tipo', 'valor');
    const acrescimoValorCampo = document.getElementById('acrescimoValor');
    const acrescimoTipoCampo = document.getElementById('acrescimoTipo');
    const acrescimoValorEnviar = acrescimoValorCampo ? parseFloat(acrescimoValorCampo.value) || 0 : 0;
    const acrescimoTipoEnviar = acrescimoTipoCampo ? acrescimoTipoCampo.value : 'valor';
    formData.append('acrescimo_valor', acrescimoValorEnviar);
    formData.append('acrescimo_tipo', acrescimoTipoEnviar || 'valor');
    formData.append('itens', JSON.stringify(carrinho.map(item => ({
        produto_id: item.id,
        quantidade: item.quantidade,
        preco_unitario: item.preco,
        embalagem_id: item.embalagem_id || null,
        multiplicador_embalagem: item.multiplicador_embalagem || 1
    }))));
    formData.append('pagamentos', JSON.stringify(pagamentosValidos));
    
    console.log('[PDV] Finalizando venda - Subtotal:', subtotalVenda, '| Abatido:', somaAbatido, '| Descontos nas formas:', somaDescontos);

    finalizacaoEmAndamento = true;
    atualizarPagamentosResumo();
    atualizarBotaoReceber();
    
    fetch('{{ url_for("pdv_nova_venda") }}', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            const emContextoFood = pdvIsFoodContext();
            ultimaVendaFinalizada = data.venda_id;

            const operacaoOnlineAtual = obterOperacaoOnlineAtualPayload(data);
            const temOperacaoOnline = Array.isArray(data.operacoes_online) && data.operacoes_online.length > 0;
            ultimaVendaTemPagamentoOnlinePendente = temOperacaoOnline && !operacaoOnlineResultadoPago(operacaoOnlineAtual);
            ultimaVendaPagamentoOnlineConfirmado = operacaoOnlineResultadoPago(operacaoOnlineAtual);
            vendaRegistradaAntecipadaOnline = temOperacaoOnline;

            atualizarBotoesImpressao();
            
            // Mostrar status de venda finalizada
            atualizarStatusVenda(data.numero_pedido || data.venda_id);
            
            // IMPORTANTE: Excluir venda guardada ANTES de limpar vendaAtual
            excluirVendaGuardadaAposFinalizacao();

            // Manter modal aberto para o operador escolher impressão/NF.
            // A limpeza do estado acontece ao fechar o modal (fecharRecebimento).
            vendaFinalizadaPendenteLimpeza = true;

            if (emContextoFood) {
                const payload = {
                    operation_id: pdvContext.operationId,
                    status: 'FINALIZADO',
                    mesa_id: pdvContext.mesaId ? parseInt(pdvContext.mesaId, 10) : null,
                    valor_total: parseFloat(subtotalVenda || 0),
                    venda_id: data.venda_id,
                    impressao: 'OK'
                };
                prepararRetornoFood(payload);
                return;
            }

            if (Array.isArray(data.operacoes_online) && data.operacoes_online.length > 0) {
                setTimeout(() => exibirResultadoPagamentoOnline(data), 120);
            } else {
                vendaRegistradaAntecipadaOnline = false;
                alert('Venda realizada com sucesso!\nPedido #' + (data.numero_pedido || data.venda_id));
            }
        } else {
            finalizacaoEmAndamento = false;
            vendaRegistradaAntecipadaOnline = false;
            atualizarPagamentosResumo();
            atualizarBotaoReceber();
            alert('Erro: ' + data.message);
        }
    })
    .catch(error => {
        finalizacaoEmAndamento = false;
        vendaRegistradaAntecipadaOnline = false;
        atualizarPagamentosResumo();
        atualizarBotaoReceber();
        alert('Erro ao processar venda: ' + error);
    });
}

function limparVenda() {
    if (carrinho.length === 0 && (!pagamentos.length || pagamentos.every(pg => !(pg.valorAbatido || pg.valor)))) {
        resetarPagamentos();
        atualizarTotal();
        document.getElementById('cliente-select').value = '';
        atualizarBadgeCliente(); // Atualizar badge
        invalidarImpressao();
        limparVendaAtual();  // Limpar controle de venda
        // Resetar variáveis de desconto da forma de pagamento
        formaSelecionadaId = null;
        descontoFormaPagamentoAtual = 0;
        acrescimoFormaPagamentoAtual = 0;
        descontoTravado = false; // Destravar desconto
        return;
    }
    if (confirm('Deseja limpar todos os itens e pagamentos?')) {
        cancelarVendaServidorComAutorizacao('Venda limpa pelo operador')
            .then(() => {
                carrinho = [];
                resetarPagamentos();
                limparVendaAtual();
                formaSelecionadaId = null;
                descontoFormaPagamentoAtual = 0;
                acrescimoFormaPagamentoAtual = 0;
                descontoTravado = false;
                const descontoValorCampo = document.getElementById('descontoValor');
                const acrescimoValorCampo = document.getElementById('acrescimoValor');
                if (descontoValorCampo) descontoValorCampo.value = 0;
                if (acrescimoValorCampo) acrescimoValorCampo.value = 0;
                document.getElementById('cliente-select').value = '';
                atualizarBadgeCliente();
                atualizarTabela();
                invalidarImpressao();
            })
            .catch(error => {
                alert(error.message || 'Não foi possível limpar a venda.');
            });
    }
}

function resetarPagamentos() {
    pagamentos = [];
    finalizacaoEmAndamento = false;
    vendaRegistradaAntecipadaOnline = false;
    renderPagamentos();
    atualizarPagamentosResumo();
    atualizarBotaoReceber();
    atualizarBotoesImpressao();
}

// Função para recuperar venda ativa ao carregar a página
async function recuperarVendaAtivaAoCarregar() {
    try {
        const response = await fetch('/pdv/obter-venda-ativa');
        const data = await response.json();
        
        if (data.success && data.tem_venda) {
            const venda = data.venda;
            console.log('🔄 Recuperando venda ativa:', venda.numero_controle);
            
            // Atualizar controle de venda
            vendaAtual = {
                id: venda.id,
                numero_controle: venda.numero_controle,
                status: 'em_andamento',
                salvando: false
            };
            exibirNumeroControle();
            
            // Carregar itens
            if (venda.itens && venda.itens.length > 0) {
                carrinho = venda.itens.map(item => {
                    // Buscar nome do produto se não estiver no JSON (vendas antigas)
                    let nome = item.nome;
                    if (!nome) {
                        const produto = produtosData.find(p => p.id == item.produto_id);
                        nome = produto ? produto.nome : 'Produto #' + item.produto_id;
                    }
                    return {
                        id: item.produto_id,
                        nome: nome,
                        preco: item.preco_unitario,
                        quantidade: item.quantidade
                    };
                });
            }
            
            // Restaurar cliente
            if (venda.cliente_id) {
                const clienteSelect = document.getElementById('cliente-select');
                if (clienteSelect) clienteSelect.value = venda.cliente_id;
            }

            aplicarVendedorSelecionado(venda.vendedor_id, venda.vendedor_nome || null);
            
            // Restaurar desconto/acréscimo
            if (venda.desconto > 0) {
                const descontoValorCampo = document.getElementById('descontoValor');
                const descontoTipoCampo = document.getElementById('descontoTipo');
                if (descontoValorCampo) descontoValorCampo.value = venda.desconto;
                if (descontoTipoCampo) descontoTipoCampo.value = venda.desconto_tipo || 'valor';
            }
            
            if (venda.acrescimo > 0) {
                const acrescimoValorCampo = document.getElementById('acrescimoValor');
                const acrescimoTipoCampo = document.getElementById('acrescimoTipo');
                if (acrescimoValorCampo) acrescimoValorCampo.value = venda.acrescimo;
                if (acrescimoTipoCampo) acrescimoTipoCampo.value = venda.acrescimo_tipo || 'valor';
            }

            // Restaurar observações (venda ativa)
            if (venda.observacoes) {
                const obsVenda = document.getElementById('obsVenda');
                if (obsVenda) {
                    obsVenda.value = venda.observacoes;
                }
                observacoesVendaAtual = venda.observacoes;
            }
            
            atualizarTabela();
            atualizarTotal();
            
            console.log('✅ Venda recuperada automaticamente');
        }
    } catch (error) {
        console.error('Erro ao recuperar venda ativa:', error);
    }
}

function estaEmFullscreen() {
    return Boolean(
        document.fullscreenElement ||
        document.webkitFullscreenElement ||
        document.mozFullScreenElement ||
        document.msFullscreenElement
    );
}

async function alternarFullscreenPDV(entrar = true) {
    try {
        const el = document.documentElement;

        if (entrar) {
            if (estaEmFullscreen()) return true;
            if (el.requestFullscreen) {
                await el.requestFullscreen();
                return true;
            }
            if (el.webkitRequestFullscreen) {
                el.webkitRequestFullscreen();
                return true;
            }
            if (el.msRequestFullscreen) {
                el.msRequestFullscreen();
                return true;
            }
        } else {
            if (!estaEmFullscreen()) return true;
            if (document.exitFullscreen) {
                await document.exitFullscreen();
                return true;
            }
            if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen();
                return true;
            }
            if (document.msExitFullscreen) {
                document.msExitFullscreen();
                return true;
            }
        }
    } catch (error) {
        // Navegadores podem bloquear fullscreen sem interação explícita do usuário.
        // Mantemos silencioso para não poluir a operação do PDV.
        console.debug('[PDV] Fullscreen não permitido automaticamente:', error);
    }
    return false;
}

document.addEventListener('DOMContentLoaded', async () => {
    // Melhor esforço para abrir em fullscreen ao entrar no PDV.
    // Se o navegador bloquear (política de gesto do usuário), o atalho F11 do próprio PDV pode ser usado.
    setTimeout(() => {
        alternarFullscreenPDV(true);
    }, 250);

    await carregarParametrosPDV();

    resetarPagamentos();
    atualizarTabela();
    inicializarModalRecebimento();
    if (window.bootstrap) {
        const supModal = document.getElementById('suprimentoModal');
        if (supModal) {
            suprimentoModalInstance = new bootstrap.Modal(supModal, { backdrop: 'static' });
        }
        const sangModal = document.getElementById('sangriaModal');
        if (sangModal) {
            sangriaModalInstance = new bootstrap.Modal(sangModal, { backdrop: 'static' });
        }
    }
    atualizarResumoModal(calcularTotalComAjustes());
    preencherSelectFormasPagamento();
    atualizarBotoesImpressao();
    atualizarBotaoReceber();
    const valorInput = document.getElementById('novaFormaValor');
    if (valorInput) {
        valorInput.addEventListener('keydown', event => {
            if (event.key === 'Enter') {
                event.preventDefault();
                confirmarPagamentoAtual();
            }
        });
    }
    
    // Evento de mudança de cliente
    const clienteSelect = document.getElementById('cliente-select');
    if (clienteSelect) {
        clienteSelect.addEventListener('change', atualizarBadgeCliente);
        atualizarBadgeCliente(); // Inicializar
    }

    const obsVendaInput = document.getElementById('obsVenda');
    if (obsVendaInput) {
        obsVendaInput.addEventListener('input', () => {
            const normalizada = (obsVendaInput.value || '')
                .replace(/\s*\n\s*/g, ' | ')
                .replace(/\s{2,}/g, ' ')
                .trim();
            if (normalizada !== obsVendaInput.value) {
                obsVendaInput.value = normalizada;
            }
            observacoesVendaAtual = normalizada;
            if (vendaAtual.id) {
                atualizarVendaServidor();
            }
        });
    }

    // Atalhos do modal de Devolução
    const devolucaoNumeroNF = document.getElementById('devolucaoNumeroNF');
    if (devolucaoNumeroNF) {
        devolucaoNumeroNF.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                event.preventDefault();
                buscarVendaPorNF();
            }
        });
    }

    const devolucaoCPFCNPJ = document.getElementById('devolucaoCPFCNPJ');
    if (devolucaoCPFCNPJ) {
        devolucaoCPFCNPJ.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                event.preventDefault();
                buscarVendasPorCPF();
            }
        });
    }

    const devolucaoModalEl = document.getElementById('devolucaoModal');
    if (devolucaoModalEl) {
        devolucaoModalEl.addEventListener('keydown', (event) => {
            if (!(event.ctrlKey && event.key === 'Enter')) return;

            const etapa3Visivel = !document.getElementById('devolucaoEtapa3')?.classList.contains('d-none');
            const btnConfirmar = document.getElementById('devolucaoConfirmar');
            const podeConfirmar = etapa3Visivel && btnConfirmar && btnConfirmar.style.display !== 'none';

            if (podeConfirmar) {
                event.preventDefault();
                confirmarDevolucao();
            }
        });
    }

    const termoReimp = document.getElementById('reimpressaoTermo');
    if (termoReimp) {
        termoReimp.addEventListener('keydown', (event) => {
            if (event.key === 'Enter') {
                event.preventDefault();
                buscarVendasReimpressao();
            }
        });
    }
    
    // Recuperar venda ativa ao carregar a página
    if (parametrosPDV.recuperar_venda_automatico !== false) {
        recuperarVendaAtivaAoCarregar();
    }

    atualizarBotaoRetornoFood(pdvIsFoodContext());
});

document.addEventListener('keydown', event => {
    // Verificar se o modal de recebimento está aberto
    const modalRecebimento = document.getElementById('recebimentoModal');
    const modalAberto = modalRecebimento && modalRecebimento.classList.contains('show');
    
    if (modalAberto) {
        // Atalhos dentro do modal de recebimento
        if (event.key === 'F12') {
            event.preventDefault();
            confirmarPagamentoAtual();
            return;
        }
        if (event.key === 'Escape') {
            event.preventDefault();
            fecharRecebimento();
            return;
        }
        if (event.key === 'Enter') {
            // Enter no campo de valor adiciona pagamento
            const activeEl = document.activeElement;
            if (activeEl && (activeEl.id === 'novaFormaValor' || activeEl.id === 'valorRecebidoInput')) {
                event.preventDefault();
                confirmarPagamentoAtual();
                return;
            }
        }
        // F1-F6 para selecionar formas de pagamento
        if (event.key >= 'F1' && event.key <= 'F6') {
            event.preventDefault();
            const index = parseInt(event.key.replace('F', '')) - 1;
            const botoes = document.querySelectorAll('#botoesFormasPagamento .btn-forma-pagamento[data-forma-id]');
            if (botoes[index]) {
                botoes[index].click();
            }
            return;
        }
    }
    
    // Atalhos globais (fora do modal)
    if (event.key === 'F6') {
        event.preventDefault();
        pesquisarItemOuVenda();
    }
    if (event.key === 'F7') {
        event.preventDefault();
        selecionarVendedor();
    }
    if (event.key === 'F8') {
        event.preventDefault();
        if (carrinho.length > 0) {
            abrirRecebimento();
        }
    }
    if (event.key === 'F9') {
        event.preventDefault();
        guardarVendaServidor();
    }
    if (event.key === 'F10') {
        event.preventDefault();
        listarVendasGuardadas();
    }
    if (event.key === 'F11' && event.shiftKey) {
        event.preventDefault();
        abrirLocalizarVendaReimpressao();
        return;
    }
    if (event.key === 'F11') {
        event.preventDefault();
        alternarFullscreenPDV(true);
        return;
    }
});
</script>

{% endblock %}