purga

[arthursegatto92-a11y]

<title>Purga Pizzaria - Sistema</title> <style> body { font-family: Arial; background: #111; color: #fff; margin: 0; }

header {
background: red;
padding: 15px;
text-align: center;
font-weight: bold;
}

.container {
padding: 15px;
}

button {
padding: 10px;
margin: 5px;
border: none;
background: orange;
cursor: pointer;
font-weight: bold;
}

input, select {
padding: 8px;
margin: 5px;
width: 90%;
}

.card {
background: #222;
padding: 10px;
margin: 10px 0;
}
</style>

🍕 Purga Pizzaria

Escolha acesso:

Cliente Área Interna

Login

Entrar

Pedido

Delivery Estou na pizzaria

Cardápio:

🍕 Calabresa - R$30 Adicionar

🍕 Frango c/ Catupiry - R$35 Adicionar

🍕 Portuguesa - R$32 Adicionar

🥤 Coca-Cola - R$7 Adicionar

Seu pedido:

Pagamento:

PIX Cartão Dinheiro Enviar Pedido

Cozinha

Motoboy

Administrador

<script>

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

// 🔐 manter login
window.onload = function(){
let area = localStorage.getItem("area");
if(area){
mostrar(area);
atualizar();
}
}

function salvar(){
localStorage.setItem("pedidos", JSON.stringify(pedidos));
}

function mostrar(id){
document.querySelectorAll('.container > div').forEach(d => d.style.display="none");
document.getElementById(id).style.display = "block";
}

// LOGIN
function login(){
let u = user.value;
let p = pass.value;

if(u === "user1" && p === "123"){
let tipo = prompt("Digite: cozinheiro, motoboy ou admin");

if(tipo === "cozinheiro"){
localStorage.setItem("area","cozinha");
mostrar("cozinha");
}

if(tipo === "motoboy"){
localStorage.setItem("area","motoboy");
mostrar("motoboy");
}

if(tipo === "admin"){
localStorage.setItem("area","admin");
mostrar("admin");
}

atualizar();
} else {
alert("Login inválido");
}
}

// CLIENTE
function addItem(item){
carrinho.push(item);
atualizarPedido();
}

function atualizarPedido(){
pedidoLista.innerHTML = "";
carrinho.forEach((item,i)=>{
pedidoLista.innerHTML += `

${item} ❌

`; }); }

function removerItem(i){
carrinho.splice(i,1);
atualizarPedido();
}

function fazerPedido(){
let novo = {
nome: nome.value,
telefone: telefone.value,
endereco: endereco.value,
mesa: mesa.value,
pedido: carrinho.join(", "),
pagamento: pagamento.value,
tipo: tipo.value,
status: "Recebido",
hora: new Date(),
saiu: null
};

pedidos.push(novo);
salvar();

alert("Pedido enviado!");

carrinho = [];
atualizarPedido();
atualizar();
}

// COZINHA
function verPedido(i){
let p = pedidos[i];

alert(
"🍕 PEDIDO COMPLETO\n\n" +
"Cliente: " + p.nome + "\n" +
"Telefone: " + p.telefone + "\n" +
"Tipo: " + p.tipo + "\n\n" +
"Pedido:\n" + p.pedido + "\n\n" +
"Pagamento: " + p.pagamento
);
}

function pronto(i){
pedidos[i].status = "Pronto";
salvar();
atualizar();
}

// 🔔 NOTIFICAÇÃO
function notificar(texto){
if(Notification.permission === "granted"){
new Notification(texto);
}
}

// pedir permissão
if("Notification" in window){
Notification.requestPermission();
}

// ENTREGA
function sairEntrega(i){
pedidos[i].status = "Saiu para entrega";
pedidos[i].saiu = new Date();
salvar();

notificar("🚴 Pedido saiu para entrega!");

atualizar();
}

function finalizar(i){
pedidos[i].status = "Entregue";
salvar();
atualizar();
}

// ATUALIZAR TELAS
function atualizar(){

listaCozinha.innerHTML = "";
pedidos.forEach((p,i)=>{
listaCozinha.innerHTML += `

Pedido #${i+1}
Cliente: ${p.nome}
Status: ${p.status}

👁 Ver Pedido
✅ Pronto

`; });

listaEntrega.innerHTML = "";
pedidos.forEach((p,i)=>{
if(p.status === "Pronto" && p.tipo === "delivery"){
listaEntrega.innerHTML += `

${p.nome}
${p.endereco}
Pedido: ${p.pedido}

Iniciar entrega
Entregue

`; } });

listaAdmin.innerHTML = "";
pedidos.forEach((p,i)=>{
listaAdmin.innerHTML += `

${p.nome} - ${p.pedido}
Status: ${p.status}

`; }); } </script>