ASSISTA AGORA Veja tudo uqui acontece at final 😭 não esperava

 <!DOCTYPE html>

<html lang="pt">

<head>

    <meta charset="UTF-8">

    <title>HEINEKEN PRO | GESTÃO SEGURA</title>

    <style>

        :root { --green: #00824A; --bg: #f4f4f4; }

        body { background: var(--bg); font-family: 'Segoe UI', sans-serif; padding: 20px; color: #333; }

        .card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin-bottom: 20px; border-top: 5px solid var(--green); }

        input, select, button { width: 100%; padding: 10px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px; }

        button { background: var(--green); color: white; font-weight: bold; cursor: pointer; border: none; }

        .btn-reset { background: #b30000; }

        table { width: 100%; border-collapse: collapse; margin-top: 15px; }

        th, td { border: 1px solid #ddd; padding: 12px; text-align: left; }

        th { background: #eee; }

    </style>

</head>

<body>

<div class="card">

    <h2>REGISTRAR VENDA POR PONTO DE VENDA</h2>

    <select id="selPDV"></select>

    <input type="number" id="vQtd" placeholder="Quantidade de cervejas vendidas">

    <button onclick="registrar()">Registrar e Calcular Brindes</button>

</div>

<div class="card">

    <h2>LISTA DE REGISTROS</h2>

    <table id="tabelaVendas">

        <thead><tr><th>PDV</th><th>Promotor</th><th>Supervisor</th><th>Qtd</th><th>Brinde Gerado</th></tr></thead>

        <tbody id="corpoTabela"></tbody>

    </table>

    <div style="display: flex; gap: 10px; margin-top: 15px;">

        <button onclick="exportar()" style="background:#217346;">EXPORTAR PARA EXCEL</button>

        <button class="btn-reset" onclick="resetarSistema()">RESETAR SISTEMA (NOVO REGISTRO)</button>

    </div>

</div>

<script>

    const baseDados = [

        { pdv: "Cervejaria Imperial", promotor: "Texeira / Isabel Mussa", supervisor: "Jessica Rafael" },

        { pdv: "Sagres", promotor: "Bejamim / Clotildes", supervisor: "N/A" },

        { pdv: "Xima", promotor: "Cintia karina / Gerson", supervisor: "Mario" },

        { pdv: "Volare", promotor: "João Bonga / Nasma", supervisor: "Agnaldo" },

        { pdv: "Campo das Acacias", promotor: "Cintia Malo / Idilson", supervisor: "Monicia" },

        { pdv: "Cantinho dos Artistas", promotor: "Edilson / Carolina", supervisor: "Tânia" },

        { pdv: "Infinitos", promotor: "Laque / Cândidoa", supervisor: "Arnaldo" },

        { pdv: "Guetto", promotor: "Ermelinda / Eugénio", supervisor: "Augusto" },

        { pdv: "Mancels", promotor: "Francisco / Sónia", supervisor: "Amância" },

        { pdv: "Nobre Paladar", promotor: "Amarildo / Julina", supervisor: "Telvino" },

        { pdv: "Witbank", promotor: "Elsa / Alexandre", supervisor: "Fred Junior" },

        { pdv: "The Woods", promotor: "Banu / Samuel", supervisor: "Cleid" },

        { pdv: "Tropical", promotor: "Zainabo / Matana", supervisor: "Shelsea" },

        { pdv: "Bibas", promotor: "João Júnior / Kinha", supervisor: "Deyse" },

        { pdv: "Vintage", promotor: "Ana tomas/ Cintia Malo", supervisor: "Alan Malia" },

        { pdv: "Rampa", promotor: "Ana Cristina / Alberto", supervisor: "Nora" },

        { pdv: "Babalaza", promotor: "Glaucia / Leonildo", supervisor: "Celma Mabunda" }

    ];

    let vendas = JSON.parse(localStorage.getItem("vendas")) || [];

    function registrar() {

        let p = document.getElementById("selPDV").value;

        let q = parseInt(document.getElementById("vQtd").value);

        if(!q || q < 5) return alert("A venda deve ser de pelo menos 5 unidades!");

        

        let info = baseDados.find(item => item.pdv === p);

        let kits = Math.floor(q / 10);

        let resto = q % 10;

        let cervejasExtras = Math.floor(resto / 5);

        

        let brinde = "";

        if (kits > 0) brinde += `${kits} Kit(s) (2 Cervejas + 1 Copo) `;

        if (cervejasExtras > 0) brinde += `${cervejasExtras} Cerveja(s)`;

        

        vendas.push({ ...info, qtd: q, brinde: brinde });

        localStorage.setItem("vendas", JSON.stringify(vendas));

        atualizar();

    }

    function atualizar() {

        let tbody = document.getElementById("corpoTabela");

        tbody.innerHTML = vendas.map(v => `<tr><td>${v.pdv}</td><td>${v.promotor}</td><td>${v.supervisor}</td><td>${v.qtd}</td><td>${v.brinde}</td></tr>`).join("");

    }

    function resetarSistema() {

        let senha = prompt("Digite o código de acesso para resetar:");

        if (senha === "190319") {

            localStorage.removeItem("vendas");

            vendas = [];

            atualizar();

            alert("Sistema limpo com sucesso!");

        } else {

            alert("Código incorreto! Acesso negado.");

        }

    }

    function exportar() {

        let csv = "PDV,Promotor,Supervisor,Qtd,Brinde\n" + vendas.map(v => `${v.pdv},${v.promotor},${v.supervisor},${v.qtd},${v.brinde}`).join("\n");

        let blob = new Blob([csv], {type: 'text/csv'});

        let link = document.createElement("a");

        link.href = URL.createObjectURL(blob);

        link.download = "Relatorio_Vendas.csv";

        link.click();

    }

    window.onload = () => {

        let sel = document.getElementById("selPDV");

        baseDados.forEach(i => sel.innerHTML += `<option value="${i.pdv}">${i.pdv}</option>`);

        atualizar();

    };

</script>

</body>

</html>