✓
Pedido enviado
Tu pedido fue recibido correctamente y ya quedó registrado en el sistema.
Estado
Enviado con éxito
Siguiente paso
Revisa tu WhatsApp para continuar
Esta ventana se cerrará automáticamente en unos segundos.
`;
document.body.appendChild(overlay);
return overlay;
}
function showOrderOverlay(message) {
const overlay = ensureOrderOverlay();
const text = document.getElementById('orderSuccessOverlayText');
if (text) text.textContent = message || 'Revisa WhatsApp para confirmación.';
overlay.style.display = 'flex';
overlay.setAttribute('aria-hidden', 'false');
document.body.classList.add('noScroll');
}
function hideOrderOverlay() {
const overlay = document.getElementById('orderSuccessOverlay');
if (!overlay) return;
overlay.style.display = 'none';
overlay.setAttribute('aria-hidden', 'true');
document.body.classList.remove('noScroll');
}
function setCheckoutReadyPulse() {
const btn = $('checkoutBtn');
if (!btn || btn.dataset.readyPulseDone === '1') return;
if (btn.getAttribute('data-state') !== 'ready') {
btn.dataset.readyPulseDone = '0';
return;
}
btn.dataset.readyPulseDone = '1';
try {
btn.animate(
[
{ transform: 'scale(1)' },
{ transform: 'scale(1.02)' },
{ transform: 'scale(1)' }
],
{ duration: 220, easing: 'cubic-bezier(.2,.8,.2,1)' }
);
} catch (e) {}
}
function autoScrollToClientFieldsIfReady() {
return;
}
function resetClientFieldsAutoscrollFlag() {
const clientCard = $('clientCard');
if (!clientCard) return;
clientCard.dataset.autoscrollDone = '0';
}
function maybeAdvanceFromNameToPhone() {
const nameEl = $('clientName');
const phoneEl = $('clientPhone');
if (!nameEl || !phoneEl) return;
if (!validateName(nameEl.value)) return;
if (String(phoneEl.value || '').trim()) return;
setTimeout(() => {
try { phoneEl.focus({ preventScroll: true }); } catch (e) { phoneEl.focus(); }
}, 80);
}
async function postOrder(payload) {
const url = 'api/guardar-pedido.php';
try {
const r = await fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload),
});
const text = await r.text();
let data;
try {
data = JSON.parse(text);
} catch {
return { ok: false, error: 'Servidor devolvió no-JSON', detail: text.slice(0, 500), status: r.status };
}
if (data && typeof data === 'object') data.status = r.status;
return data;
} catch (err) {
return { ok: false, error: 'Error fetch', detail: String(err?.message || err) };
}
}
function pullAddr() {
const el = $('addrInput');
if (!el) return;
state.addr = String(el.value || '').slice(0, 160);
}
function collectSectionItems(cat) {
const items = [];
for (const item of cat.items || []) {
if (isPublished(item)) items.push(item);
}
for (const sub of cat.subcategories || []) {
if (!isPublished(sub)) continue;
for (const item of sub.items || []) {
if (isPublished(item)) {
items.push({ ...item, _subcatId: sub.id || '', _subcatName: sub.name || '' });
}
}
}
return items;
}
function getFeaturedItems() {
const items = [];
for (const cat of menu) {
if (!isPublished(cat)) continue;
for (const item of collectSectionItems(cat)) {
if (!isPublished(item)) continue;
if (item.featured) {
items.push({ ...item, catId: cat.id, catName: cat.name, _sectionId: 'destacados', _sectionName: 'Destacados' });
}
}
}
return items;
}
function getRenderableSections() {
const sections = [];
for (const cat of menu) {
if (!isPublished(cat)) continue;
const next = { ...cat };
next.items = (cat.items || []).filter(isPublished);
next.subcategories = (cat.subcategories || []).filter(isPublished).map((sub) => ({
...sub,
items: (sub.items || []).filter(isPublished),
}));
sections.push(next);
}
return sections;
}
function getLocalCfg() {
const id = state.localId;
return (localsCfg.locals || []).find((l) => l.id === id)
|| (localsCfg.locals || [])[0]
|| { id: 'maipu', name: 'Chilenazo Maipú', address: '', whatsapp: '56942851261', delivery_fee: 0, free_from: 0, min_order: 15000, eta_delivery: '35–45 min', eta_pickup: '15–25 min' };
}
function setLocal(id) {
state.localId = id;
try { localStorage.setItem('chz_local', id); } catch (e) {}
renderMenu();
syncUI();
syncWarnings();
}
function priceFor(item) {
const l = getLocalCfg();
let p = Number(item.price ?? item.base_price ?? 0);
if (l && l.price_overrides && l.price_overrides[item.id] !== undefined) {
p = Number(l.price_overrides[item.id]);
} else if (l && l.price_factor) {
p *= Number(l.price_factor);
}
return Math.max(0, Math.round(p));
}
function flattenMenu() {
const all = [];
for (const cat of menu) {
if (!isPublished(cat)) continue;
for (const item of cat.items || []) {
if (!isPublished(item)) continue;
all.push({ ...item, catId: cat.id, catName: cat.name });
}
for (const sub of cat.subcategories || []) {
if (!isPublished(sub)) continue;
for (const item of sub.items || []) {
if (!isPublished(item)) continue;
all.push({ ...item, catId: cat.id, catName: cat.name, subcatId: sub.id || '', subcatName: sub.name || '' });
}
}
}
return all;
}
const allItems = flattenMenu();
const itemByKey = new Map(allItems.map((i) => [`${i.catId || ''}::${i.id || ''}`, i]));
const itemById = new Map(allItems.map((i) => [i.id, i]));
function itemKeyFor(item) {
return `${item.catId || ''}::${item.id || ''}`;
}
function setYear() {
const y = $('year');
if (y) y.textContent = new Date().getFullYear();
}
function renderSkeleton() {
const wrap = $('menuWrap');
if (!wrap) return;
wrap.innerHTML = '';
for (let s = 0; s < 2; s += 1) {
const sec = document.createElement('section');
sec.className = 'section';
sec.innerHTML = `
${escapeHtml(item.name)}
${escapeHtml(item.desc ? item.desc : '—')}
`;
card.addEventListener('click', () => {
if (!webModeAllowsOrders()) return;
openProductModal(item, {
itemKey: cardItemKey,
mode: 'create'
});
});
const addWrap = card.querySelector('.addWrap');
if (addWrap) {
addWrap.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
const actionEl = e.target.closest('[data-cart-act]');
const act = actionEl ? actionEl.dataset.cartAct : 'plus';
const key = addWrap.dataset.itemKey || itemKeyFor(item);
if (act === 'minus') {
removeOneFromSource(key);
pulseEl(addWrap);
return;
}
addFromCard(key, addWrap);
});
}
const cfgBtn = card.querySelector('.cfgBtn');
if (cfgBtn) {
cfgBtn.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
openCombo(item);
});
}
return card;
};
if ((cat.subcategories || []).length) {
(cat.subcategories || []).forEach((sub, idx) => {
if (!sub.items || !sub.items.length) return;
const subHeading = document.createElement('div');
subHeading.className = 'sectionHeading';
subHeading.style.fontSize = '18px';
subHeading.style.marginTop = idx === 0 ? '6px' : '18px';
subHeading.textContent = sub.name || '';
section.appendChild(subHeading);
const grid = document.createElement('div');
grid.className = 'grid grid--compact';
section.appendChild(grid);
for (const rawItem of sub.items || []) {
grid.appendChild(renderCard({ ...rawItem, subcatId: sub.id || '', subcatName: sub.name || '' }, cat.name));
}
});
} else {
const grid = document.createElement('div');
grid.className = 'grid grid--compact';
section.appendChild(grid);
for (const rawItem of cat.items || []) {
grid.appendChild(renderCard(rawItem, cat.name));
}
}
}
function renderCart() {
const list = $('cartList');
const drawerSub = $('drawerSub');
if (!list) return;
const items = Array.from(state.cart.entries()).reverse();
const count = cartCount();
if (drawerSub) drawerSub.textContent = `${count} ${count === 1 ? 'producto' : 'productos'}`;
if (items.length === 0) {
list.innerHTML = `