Spanish

The domain name 'tarikai.pages.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'tarikai'. The registrable portion 'pages' spans 5 characters holding two vowels versus 3 consonants. Word splitting yields one word: pages. No strong language cues emerged from the frequency lists.

html/52/4b/524b9f1e-af13-4c5b-a468-ca152175e57c.html.gz

default-src 'none'; navigate-to 'none'; form-action 'none'; img-src data:; style-src 'unsafe-inline';

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

78cb2490eee8e7b797cea1b28aa7d266ae1bac28fd1125d388593e9f2fd92efe

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

0dcbc967984de297bd4233cbb77febad8a396c72d8ac0cfab09094d6d7f6e805

3ed40678f4e0b3c2cc99c7982e2b80f339c055d09467ab4bfca225649eb48e3e

4effa17ef305151c874c4a6bebad13e80d337dd3f482f6809d3374d94c3ab663

c46c66bb63433b5b7e0edaf170123c2ddcb8535c73e2d9e0dbd6d5c710fb21e7

325e9b03777f275b3bcf325eca5c059b6c131b9992c2a1440a0bd2116ac82710

b89d20aba7089d580b9301801727968f685c575bc89e8463ddba4f9f7d97beef

4adfc764d1466cc444064929072cb197f480ec5a23d3e3f584e83dff5320ff17

7a539e056548389d5d8e1de69dae61eb2d12ee2f9bd0b6f94b86d34eb38cb2ca

fc03bf5063a386a68915cdeff2e7f60d41e2a2985441ef9a128e173b23bdd5f7

eebdc0a8f4d530171ab75182bbe93cf464f084499c10a5d90feb5e70371aef51

3408fa6b3798a53c72f7188798ab6e715bb66f96f624500354ebd62f01e11193

723560b474bc8682e62036880cb2530624e71d163866307bda8002640c2b15ba

3cabb77d91fd798af859f74f6c1e1d9159e57b15fd37e0465a1e071f03e0a976

a0d34ba46026a70af6fed08bfe6f31a6fb9983f8357c515611193bffd0f3e1bc

a16b5504423da3fe25f837edf0f004898251d4839a7f49ffa245c2528b25ff03

39ed1cf7d34f76ba7bdc31c4af676836398a43ff9ffb104e57c9b473873a63f2

87ae8c4c44a3a9b83c29a9717d509a6ef6ccbd41a67b4c39b6f09dcf506ea1d0

ac11be1d848a23e94b14f938c09f0d3d9b1c8a2eec832a236e4e06eb02229c2e

4c2cbf494d589001d3cc72501c524baca247470349a2f06e525d07e343e8d322

6bc5759b4262c601e84b6e8afc68e77ce7216d0507b3550a80f059aa066b3a83

66744cc0c7d6f5b80c851488e2acd2dc31bec249e8acdb427bbc5af2b2587825

width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover

viewport

theme-color

apple-mobile-web-app-capable

apple-mobile-web-app-status-bar-style

apple-mobile-web-app-title

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET

tailwind.config = { darkMode: 'class', theme: { extend: { colors: { 'pn-forest': '#2C442E', 'pn-forest-light': '#3A5A3D', 'pn-matcha': '#E2E8DE', 'pn-dark-text': '#1A1F16', 'pn-muted': '#6B7280', 'pn-dark-bg': '#121612', 'pn-dark-card': '#1C221C' }, fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Lora', 'serif'] }, boxShadow: { soft: '0 10px 40px -10px rgba(0,0,0,0.08)', float: '0 20px 40px -10px rgba(44,68,46,0.15)', up: '0 -10px 40px rgba(0,0,0,0.1)' } } } }


        /* ==========================================================================

                    🚀 KIT DE INTEGRACIÓN PARA EL EQUIPO DE BACKEND (FIREBASE & WEBPAY)

                    ==========================================================================

                    Hola equipo de Backend 👋. Esta UI está 100% lista y reactiva.

                    Para conectar Firebase y Webpay sin romper la vista, busquen en el código

                    las etiquetas "TODO BACKEND:".

                    Principales puntos de inyección:

                    1. [AUTH]: En la función 'simulateGAuth()' reemplazar con signInWithPopup().

                    2. [DB_MENU]: En 'loadMenus()' reemplazar localStorage por onSnapshot('menus').

                    3. [DB_ORDERS]: En 'loadOrders()' reemplazar localStorage por onSnapshot('orders').

                    4. [WEBPAY]: En 'processWP()' tomar el objeto 'webpayPayload' y enviarlo

                    a su endpoint para iniciar la transacción en Transbank.

                    ========================================================================== */

        // 🔥 TODO BACKEND: Variables de Entorno (Llenen esto con sus datos)

        const APP_CONFIG = {

            API_URL_WEBPAY_INIT: "https://tu-backend.com/api/webpay/init",

            API_URL_WEBPAY_RETURN: window.location.origin + "/pago-exitoso",

            FIREBASE_CONFIG: {

                apiKey: "AQUÍ_SU_API_KEY",

                authDomain: "AQUÍ_SU_PROJECT_ID.firebaseapp.com",

                projectId: "AQUÍ_SU_PROJECT_ID",

                messagingSenderId: "AQUÍ_SU_SENDER_ID", // NECESARIO PARA NOTIFICACIONES

                appId: "AQUÍ_SU_APP_ID"

            },

            VAPID_KEY: "AQUÍ_SU_LLAVE_PUBLICA_VAPID_DE_FIREBASE", // NECESARIO PARA PUSH

            // TODO BACKEND: endpoint para guardar el token FCM del usuario.
            API_URL_PUSH_REGISTER: "https://tu-backend.com/api/push/register",

            // TODO BACKEND: endpoint opcional para que cocina/logística informen cambios al backend.
            // En producción el backend debe enviar FCM al token guardado del cliente.
            API_URL_ORDER_STATUS_NOTIFY: "https://tu-backend.com/api/orders/status-notify"

        };
    


        /* === HELPERS === */

        const Q = id => document.getElementById(id), fp = p => new Intl.NumberFormat('es-CL', { style: 'currency', currency: 'CLP' }).format(p);

        const LEAF = 'https://em-content.zobj.net/source/apple/391/herb_1f33f.png', LOGO = 'https://imagedelivery.net/qtNzQsABNPAXX-8s01KlXw/0ddf8862-fc42-4218-e4f4-0d1ffe5eb700/public';

        const GSVG = '<svg class="w-5 h-5 shrink-0" viewBox="0 0 24 24"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>';

        function restoreTermsModalForAcceptance() {

            termsReadOnlyFromMenu = false;

            if (Q('chk-terms')) Q('chk-terms').parentElement.classList.remove('hidden');

            if (Q('btn-accept-terms')) Q('btn-accept-terms').classList.remove('hidden');

        }

        const parsePrice = s => { if (!s) return 0; const c = String(s).replace(/[^\d]/g, ''); return c ? parseInt(c, 10) : 0 };

        const hide = id => Q(id).classList.add('hidden'), show = id => Q(id).classList.remove('hidden');
    


        /* === i18n === */

        let lang = localStorage.getItem('tari_lang') || 'es';

        const i18n = {

            es: { install_title: 'Instala la app', install_desc: 'Para pedir más fácil, guardar y hacer seguimiento de tus pedidos, instala Tari Kai en tu celular.', install_button: 'Instalar ahora', install_help: 'Si no funciona, usa el menú del navegador → “Agregar a pantalla de inicio”.', install_continue: 'Ya estoy en la app (continuar)', splash_ph: '¿Cómo te llamas?', splash_btn: '¡Iorana! Entrar', search_ph: '¿Qué se te antoja hoy?', no_results: 'No encontramos lo que buscas', svc_title: 'Servicios Útiles', footer_contact: 'Contáctanos', partner_portal: 'Portal de Socios', tracking_title: 'Seguimiento', btn_logout: 'Cerrar Sesión', btn_client_logout: 'Salir', active_orders: 'Pedidos Activos', edit_menu: 'Editar Menú', paste_title: 'Importar Menú (Excel)', add_manual: 'Agregar Producto Manual', btn_add: 'Añadir', logistics_title: 'Logística & Despachos', search_admin: 'Buscar local o cliente...', cart_total_label: 'Total carrito', cart_empty: 'Tu carrito está vacío', note_label: 'Nota para este plato', note_ph: 'Ej: Sin tomate, extra mayo...', btn_add_order: 'Agregar al pedido', checkout_title: 'Tu Pedido', your_name: 'Tu Nombre', zone_label: 'Dirección / Zona', select_map: 'Seleccionar en el mapa', open_map: 'Abrir Mapa', comments_label: 'Comentarios (Opcional)', comments_ph: 'Ej: Sin sal, timbre malo...', shipping_cost: 'Costo Reparto', surge_fee: 'Recargo demanda', btn_pay: 'Pagar con Webpay', map_title: 'Indica tu ubicación', map_sub: 'Puedes deslizar libremente.', map_info: 'Toca tu ubicación en el mapa y luego selecciona manualmente el número correcto.', map_btn_fix: 'Fija un punto en el mapa', map_zoom_hint: 'Acerca y marca tu ubicación', location_set: 'Ubicación Fijada', zone_instruction: 'Marca tu ubicación y luego selecciona el <b>número de destino (1 al 40)</b>.', your_zone: 'Tu Zona', shipping_rate: 'Tarifa Envío', btn_back: 'Volver', btn_confirm_pay: 'Confirmar y Pagar', saved_card: 'Tarjeta Guardada', btn_pay_now: 'Pagar Ahora', processing: 'Procesando pago seguro...', confirm_action: 'Confirmar Acción', est_time: 'Tiempo Estimado', btn_cancel: 'Cancelar', btn_confirm: 'Confirmar', cancel_order: 'Cancelar Pedido', cancel_reason_prompt: 'Indícanos el motivo de la cancelación.', cancel_details_ph: 'Detalles adicionales (opcional)', partner_title: 'Portal de Socios', partner_sub: 'Acceso para restaurantes y logística', gauth_title: 'Verificación requerida', gauth_sub: 'Continúa con Google para ingresar', gauth_btn: 'Continuar con Google', gauth_legal: 'Simulación visual de Firebase Authentication', gauth_loading: 'Conectando con Google...', gauth_ok: 'Sesión iniciada correctamente', chat_welcome: '¡Iorana! Soy tu asistente. Conozco menús, precios y horarios. ¿En qué te ayudo?', chat_ph: 'Escribe un mensaje...', success_title: 'Estamos cocinando<br>cositas ricas', success_sub: 'Tu pedido llegará pronto.', cat_all: 'Todo', destacados_title: 'Productos Destacados', see_menu: 'Ver Menú', open_label: 'Abierto', closed_label: 'Cerrado', status_restaurant: 'Estado del local', status_open: 'Activo', status_closed: 'Cerrado', surge_rain: 'Lluvia activa en Rapa Nui', surge_rain_sub: 'Tarifa con recargo por clima', surge_peak: 'Hora punta activa', surge_peak_sub: 'Alta demanda — recargo temporal', confirm_map: 'Confirmar Ubicación', order_type: 'Tipo de Pedido', type_delivery: 'Delivery', type_pickup: 'Retiro en Local', share_title: 'Comparte Tari Kai', share_sub: 'Escanea este código para descargar la aplicación en otro dispositivo.', share_copy: 'Copiar Enlace', clear_cart_title: '¿Vaciar carrito?', btn_clear_cart: 'Vaciar y Pedir', refund_btn: 'Haz click aquí para gestionar tu reembolso', admin_weather: '🌧️ Activar Clima Extremo (Manual)', admin_refunds: 'Total a Reembolsar: ', copy_driver: 'Copiar Datos Repartidor', tip_label: 'Propina para el repartidor', admin_svcs: 'Gestión Servicios Útiles', cancel_reasons_client: ['Demasiada espera', 'Pedí por error', 'Otro'], cancel_reasons_staff: ['Falta de Stock', 'Zona fuera de rango', 'Otro'] },

            en: { install_title: 'Install the app', install_desc: 'To order more easily, save and track your orders, install Tari Kai on your phone.', install_button: 'Install now', install_help: 'If it does not work, use your browser menu → “Add to Home Screen”.', install_continue: 'I am already in the app (continue)', splash_ph: "What's your name?", splash_btn: 'Iorana! Enter', search_ph: 'What are you craving today?', no_results: "We couldn't find what you're looking for", svc_title: 'Useful Services', footer_contact: 'Contact Us', partner_portal: 'Partner Portal', tracking_title: 'Order Tracking', btn_logout: 'Log Out', btn_client_logout: 'Log out', active_orders: 'Active Orders', edit_menu: 'Edit Menu', paste_title: 'Import Menu (Excel)', add_manual: 'Add Product Manually', btn_add: 'Add', logistics_title: 'Logistics & Delivery', search_admin: 'Search business or client...', cart_total_label: 'Cart total', cart_empty: 'Your cart is empty', note_label: 'Note for this dish', note_ph: 'e.g. No tomato, extra mayo...', btn_add_order: 'Add to order', checkout_title: 'Your Order', your_name: 'Your Name', zone_label: 'Address / Zone', select_map: 'Select on the map', open_map: 'Open Map', comments_label: 'Comments (Optional)', comments_ph: 'e.g. No salt, broken doorbell...', shipping_cost: 'Delivery Fee', surge_fee: 'Surge fee', btn_pay: 'Pay with Webpay', map_title: 'Set your location', map_sub: 'You can scroll freely.', map_info: 'Mark your location on the map and then select the correct number manually.', map_btn_fix: 'Pin a point on the map', map_zoom_hint: 'Zoom in and tap the numbered point', location_set: 'Location Set', zone_instruction: 'Mark your location and then select the correct destination number (1 to 40).', your_zone: 'Your Zone', shipping_rate: 'Shipping Rate', btn_back: 'Back', btn_confirm_pay: 'Confirm & Pay', saved_card: 'Saved Card', btn_pay_now: 'Pay Now', processing: 'Processing secure payment...', confirm_action: 'Confirm Action', est_time: 'Estimated Time', btn_cancel: 'Cancel', btn_confirm: 'Confirm', cancel_order: 'Cancel Order', cancel_reason_prompt: 'Please let us know the reason.', cancel_details_ph: 'Additional details (optional)', partner_title: 'Partner Portal', partner_sub: 'Access for restaurants and logistics', gauth_title: 'Verification required', gauth_sub: 'Continue with Google to enter', gauth_btn: 'Continue with Google', gauth_legal: 'Visual simulation of Firebase Authentication', gauth_loading: 'Connecting with Google...', gauth_ok: 'Signed in successfully', chat_welcome: "Iorana! I'm your assistant. I know menus, prices, and schedules. How can I help?", chat_ph: 'Write a message...', success_title: "We're cooking<br>something delicious", success_sub: 'Your order will arrive soon.', cat_all: 'All', destacados_title: "Today's Specials", see_menu: 'See Menu', open_label: 'Open', closed_label: 'Closed', status_restaurant: 'Restaurant status', status_open: 'Active', status_closed: 'Closed', surge_rain: 'Active rain in Rapa Nui', surge_rain_sub: 'Delivery surcharge due to weather', surge_peak: 'Peak hour active', surge_peak_sub: 'High demand — temporary surcharge', confirm_map: 'Confirm Location', order_type: 'Order Type', type_delivery: 'Delivery', type_pickup: 'Pickup in Store', share_title: 'Share Tari Kai', share_sub: 'Scan this code to download the app on another device.', share_copy: 'Copy Link', clear_cart_title: 'Clear cart?', btn_clear_cart: 'Clear & Order', refund_btn: 'Click here to manage your refund', admin_weather: '🌧️ Enable Extreme Weather', admin_refunds: 'Total to Refund: ', copy_driver: 'Copy Rider Data', tip_label: 'Tip for the rider', admin_svcs: 'Manage Useful Services', cancel_reasons_client: ['Too long wait', 'Ordered by mistake', 'Other'], cancel_reasons_staff: ['Out of Stock', 'Zone out of range', 'Other'] }

            ,

        };

        function T(k) { return (i18n[lang] && i18n[lang][k]) || i18n.en[k] || i18n.es[k] || k }

        function t_desc(d) {

            if (!d) return d;

            const dict = {

                'queso cheddar': 'cheddar cheese',

                'queso mozzarella': 'mozzarella cheese',

                'queso azul': 'blue cheese',

                'queso parmesano': 'parmesan cheese',

                'queso de cabra': 'goat cheese',

                'tocino': 'bacon',

                'pepinillo': 'pickle',

                'cebolla caramelizada': 'caramelized onion',

                'cebolla frita': 'fried onion',

                'cebolla cruda': 'raw onion',

                'cebolla': 'onion',

                'lechuga': 'lettuce',

                'tomate': 'tomato',

                'tomates cherry': 'cherry tomatoes',

                'palta': 'avocado',

                'pollo': 'chicken',

                'papas fritas': 'fries',

                'champiñones': 'mushrooms',

                'jamón cocido': 'cooked ham',

                'jamón serrano': 'serrano ham',

                'jamón': 'ham',

                'aceitunas': 'olives',

                'ajo': 'garlic',

                'albahaca': 'basil',

                'camarones': 'shrimp',

                'camarón': 'shrimp',

                'barbecue': 'barbecue sauce',

                'mango caramelizado': 'caramelized mango',

                'mango': 'mango',

                'piña asada': 'roasted pineapple',

                'piña': 'pineapple',

                'huevo frito': 'fried egg',

                'huevo': 'egg',

                'mostaza miel': 'honey mustard',

                'mostaza': 'mustard',

                'pimentón': 'bell pepper',

                'salsa de queso azul': 'blue cheese sauce',

                'salsa acevichada': 'acevichada sauce',

                'salsa': 'sauce',

                'carne mechada': 'shredded beef',

                'carne': 'beef',

                'pesto': 'pesto',

                'rúcula': 'arugula',

                'coleslaw': 'coleslaw',

                'pollos asados': 'roasted chicken',

                'sandwich': 'sandwich',

                'alitas krispy': 'crispy wings',

                'bebestibles': 'drinks',

                'extras': 'extras',

                'hamburguesas': 'burgers',

                'pizzas': 'pizzas',

                'plato del día': 'dish of the day',

                'pizza del día': 'pizza of the day'

            };

            if (lang === 'en') {

                let out = String(d);

                Object.keys(dict).sort((a, b) => b.length - a.length).forEach(k => {

                    out = out.replace(new RegExp(k, 'gi'), dict[k]);

                });

                return out;

            }

            return d;

        }

        function applyLang() {

            document.querySelectorAll('[data-t]').forEach(el => { const v = T(el.dataset.t); if (v) el.innerHTML = v });

            document.querySelectorAll('[data-ph]').forEach(el => { const v = T(el.dataset.ph); if (v) el.placeholder = v });

            document.documentElement.lang = lang;

            const splashActive = 'px-4 py-2.5 rounded-xl text-xs font-bold bg-white text-[#1F3322] transition-all';

            const splashInactive = 'px-4 py-2.5 rounded-xl text-xs font-bold bg-white/20 text-white/70 hover:bg-white/30 transition-all';

            ['es', 'en'].forEach(code => {

                const btn = Q('lang-' + code);

                if (btn) btn.className = lang === code ? splashActive : splashInactive;

                const sbtn = Q('side-lang-' + code);

                if (sbtn) sbtn.className = lang === code

                    ? 'px-3 py-2.5 rounded-xl text-xs font-bold bg-pn-forest text-white border border-pn-forest shadow-sm'

                    : 'px-3 py-2.5 rounded-xl text-xs font-bold bg-white dark:bg-pn-dark-card text-gray-700 dark:text-gray-200 border border-gray-200 dark:border-gray-700';

            });

            if (Q('gauth-icon')) Q('gauth-icon').innerHTML = GSVG.replace('w-5 h-5', 'w-8 h-8');

            if (Q('gauth-btn-inner')) Q('gauth-btn-inner').innerHTML = GSVG + `<span>${T('gauth_btn')}</span>`;

            if (Q('partner-gbtn')) Q('partner-gbtn').innerHTML = GSVG + `<span>${T('gauth_btn')}</span>`;

        }

        function setLang(l) { lang = l; localStorage.setItem('tari_lang', l); applyLang(); showInstallGateIfNeeded(); buildNav(); buildCats(); renderGrid(); normalizeFeaturedDishes(); buildPromos(); buildServices(); if (!Q('mod-menu').classList.contains('hidden')) openMenu(REST.findIndex(r => r.nombre === modalR)); updateCartUI(); renderMyOrders(); refreshPanels(); }

        function toggleLang() { const langs = ['es', 'en']; setLang(langs[(langs.indexOf(lang) + 1) % langs.length]); }
    


        /* === ZONE PRICES & SURGE === */

        const _tILP = [12500, 5000, 5000, 10000, 2500, 2500, 5000, 15000, 22500, 2500, 2500, 5000, 12500, 17500, 20000, 22500, 2500, 2500, 5000, 7500, 10000, 12500, 15000, 22500, 5000, 5000, 7500, 10000, 12500, 15000, 7500, 10000, 12500, 12500, 17500, 17500, 15000, 12500, 20000, 57500];

        const _tNF = [15000, 7500, 7500, 12500, 5000, 7500, 7500, 17500, 22500, 2500, 7500, 10000, 12500, 17500, 20000, 22500, 2500, 2500, 5000, 7500, 10000, 12500, 15000, 25000, 2500, 2500, 5000, 7500, 10000, 12500, 5000, 7500, 10000, 12500, 17500, 15000, 12500, 10000, 17500, 57500];

        const _tE = [20000, 12500, 10000, 17500, 7500, 7500, 7500, 15000, 22500, 5000, 7500, 10000, 12500, 17500, 20000, 22500, 2500, 2500, 5000, 10000, 10000, 12500, 15000, 25000, 2500, 2500, 5000, 7500, 10000, 12500, 5000, 7500, 10000, 12500, 17500, 15000, 12500, 10000, 17500, 47500];

        const _tLB = [15000, 7500, 7500, 12500, 5000, 7500, 7500, 17500, 22500, 2500, 7500, 10000, 12500, 17500, 20000, 22500, 2500, 2500, 5000, 7500, 10000, 12500, 15000, 25000, 2500, 2500, 5000, 7500, 10000, 12500, 5000, 7500, 10000, 12500, 17500, 15000, 12500, 10000, 17500, 57500];

        const BASE_POINTS = { 'Moa Krispy': 10, 'La Perla': 10, 'Napo Ea': 17, 'Fabrikai': 17, 'Eiroa Burgers': 25 };

        let adminSurge = JSON.parse(localStorage.getItem('tari_admin_surge')) || { rain: false }, surgeActive = false, surgeType = null, surgeMult = 0, peakActive = false, rainActive = false;

        function getSurgeBreakdown() {
            const rainFee = adminSurge.rain ? 500 : 0;
            const peakFee = peakActive ? 1000 : 0;
            return { rainFee, peakFee, total: rainFee + peakFee };
        }

        function checkSurge() {
            const now = new Date(new Date().toLocaleString('en-US', { timeZone: 'Pacific/Easter' })), h = now.getHours();
            peakActive = (h >= 12 && h <= 14) || (h >= 19 && h <= 22);
            rainActive = !!adminSurge.rain;
            const fees = getSurgeBreakdown();
            surgeMult = fees.total;
            surgeActive = surgeMult > 0;
            surgeType = rainActive && peakActive ? 'both' : (rainActive ? 'rain' : (peakActive ? 'peak' : null));
            const b = Q('surge-banner');
            if (!surgeActive) { b.classList.add('hidden'); return; }
            b.classList.remove('hidden');
            const rain = surgeType === 'rain' || surgeType === 'both';
            b.className = `mx-4 sm:mx-6 mb-4 p-3.5 rounded-2xl border flex items-center gap-3 fade-up text-sm font-medium ${rain ? 'bg-blue-50 border-blue-200 text-blue-800 dark:bg-blue-900/10 dark:border-blue-800/30 dark:text-blue-300' : 'bg-amber-50 border-amber-200 text-amber-800 dark:bg-amber-900/10 dark:border-amber-800/30 dark:text-amber-300'}`;
            Q('surge-icon').textContent = surgeType === 'both' ? '🌧️⚡' : (rain ? '🌧️' : '⚡');
            Q('surge-text').textContent = surgeType === 'both' ? (lang === 'es' ? 'Hora punta y lluvia activas' : 'Peak hour and rain active') : T(rain ? 'surge_rain' : 'surge_peak');
            Q('surge-sub').textContent = surgeType === 'both' ? (lang === 'es' ? 'Se aplican ambos recargos al pedido' : 'Both surcharges apply to the order') : T(rain ? 'surge_rain_sub' : 'surge_peak_sub');
        }

        function toggleAdminSurge(type, val) { adminSurge[type] = val; localStorage.setItem('tari_admin_surge', JSON.stringify(adminSurge)); checkSurge(); }
    


        /* === STATE === */

        let user = localStorage.getItem('userName') || null, cart = [], orders = [], orderN = 1001, loggedR = null, modalR = null, curPay = null, pending = null, curItem = null, kvMode = 'orders';

        let gauthCallback = null, editCartIndex = -1, mapZoomLevel = 100, currentTipPct = 0, currentKitchenTipPct = 0;

        window.orderType = 'delivery';

        function zoomMap(d) { mapZoomLevel += d * 50; mapZoomLevel = Math.max(100, Math.min(500, mapZoomLevel)); Q('map-area').style.width = mapZoomLevel + '%' }

        const Net = { online: true, init() { window.addEventListener('online', () => { this.online = true; this.updateUI() }); window.addEventListener('offline', () => { this.online = false; this.updateUI() }); this.online = navigator.onLine; this.updateUI() }, updateUI() { const el = Q('conn-status'); if (el) el.classList.toggle('hidden', this.online) } };

        const FINAL_STATUSES = new Set(['Entregado', 'Cancelado']);

        const ACTIVE_STATUS_ORDER = { Pagado: 0, Recibido: 1, 'En Preparación': 2, 'Listo para entrega': 3, 'En Camino': 4 };

        const KITCHEN_QUEUE_LABELS = { paid: 'Nuevos / Pagados', preparing: 'En preparación', ready: 'Listos para entrega', closed: 'Cerrados' };

        const LOGISTICS_QUEUE_LABELS = { ready: 'Listos para retiro', onTheWay: 'En camino', delivered: 'Entregados', incidents: 'Incidencias / cancelados' };

        function deriveOperationalState(o) {

            const status = o.status || 'Pagado';

            const type = o.type || 'delivery';

            const final = FINAL_STATUSES.has(status);

            const channelStatus = status === 'Cancelado' ? 'cancelled' : (status === 'Entregado' ? 'completed' : 'open');

            let kitchenStatus = 'new';

            if (['Pagado', 'Recibido'].includes(status)) kitchenStatus = 'new';

            else if (status === 'En Preparación') kitchenStatus = 'preparing';

            else if (['Listo para entrega', 'En Camino', 'Entregado'].includes(status)) kitchenStatus = 'ready';

            else if (status === 'Cancelado') kitchenStatus = 'closed';

            let deliveryStatus = 'pending';

            if (type === 'pickup') {

                if (status === 'Entregado') deliveryStatus = 'picked_up';

                else if (status === 'Cancelado') deliveryStatus = 'cancelled';

                else if (status === 'Listo para entrega') deliveryStatus = 'waiting_customer';

                else deliveryStatus = 'preparing';

            } else {

                if (status === 'En Camino') deliveryStatus = 'on_the_way';

                else if (status === 'Entregado') deliveryStatus = 'delivered';

                else if (status === 'Cancelado') deliveryStatus = 'cancelled';

                else if (status === 'Listo para entrega') deliveryStatus = 'waiting_rider';

                else deliveryStatus = 'preparing';

            }

            const sortPriority = final ? 90 : (ACTIVE_STATUS_ORDER[status] ?? 50);

            return { channelStatus, kitchenStatus, deliveryStatus, sortPriority };

        }

        function pushStatusHistory(o, status, actor = 'system') { if (!o.statusHistory) o.statusHistory = []; const last = o.statusHistory[o.statusHistory.length - 1]; if (last && last.status === status) return; o.statusHistory.push({ status, actor, at: new Date().toISOString() }); }

        function syncOperationalFields(o) { const meta = deriveOperationalState(o); o.channel_status = meta.channelStatus; o.kitchen_status = meta.kitchenStatus; o.delivery_status = meta.deliveryStatus; o.sort_priority = meta.sortPriority; return o; }

        function ensureOrderMeta(o, index = 0) { let changed = false; if (!o.uid) { o.uid = `ord_${Date.now().toString(36)}_${index}_${Math.random().toString(36).slice(2, 8)}`; changed = true; } if (!o.createdAt) { o.createdAt = o.timestamp || new Date().toISOString(); changed = true; } if (!o.updatedAt) { o.updatedAt = o.createdAt; changed = true; } if (typeof o.seq !== 'number') { o.seq = index + 1; changed = true; } if (o.type === 'pickup' && o.status === 'En Camino') { o.status = 'Listo para entrega'; o.updatedAt = new Date().toISOString(); changed = true; } if (!Array.isArray(o.statusHistory) || !o.statusHistory.length) { o.statusHistory = [{ status: o.status || 'Pagado', actor: 'system', at: o.createdAt || new Date().toISOString() }]; changed = true; } const before = JSON.stringify({ cs: o.channel_status, ks: o.kitchen_status, ds: o.delivery_status, sp: o.sort_priority }); syncOperationalFields(o); if (before !== JSON.stringify({ cs: o.channel_status, ks: o.kitchen_status, ds: o.delivery_status, sp: o.sort_priority })) changed = true; return changed; }

        function sortOpsOrders(list) { return [...list].sort((a, b) => { syncOperationalFields(a); syncOperationalFields(b); const aFinal = FINAL_STATUSES.has(a.status), bFinal = FINAL_STATUSES.has(b.status); if (aFinal !== bFinal) return aFinal ? 1 : -1; const aPriority = a.sort_priority ?? 99, bPriority = b.sort_priority ?? 99; if (aPriority !== bPriority) return aPriority - bPriority; const aTime = new Date(a.createdAt || a.timestamp || 0).getTime(), bTime = new Date(b.createdAt || b.timestamp || 0).getTime(); if (aTime !== bTime) return bTime - aTime; const aSeq = typeof a.seq === 'number' ? a.seq : 0, bSeq = typeof b.seq === 'number' ? b.seq : 0; if (aSeq !== bSeq) return bSeq - aSeq; return (b.id || 0) - (a.id || 0); }); }

        function groupKitchenOrders(list) { const groups = { paid: [], preparing: [], ready: [], closed: [] }; sortOpsOrders(list).forEach(o => { if (FINAL_STATUSES.has(o.status)) groups.closed.push(o); else if (['Pagado', 'Recibido'].includes(o.status)) groups.paid.push(o); else if (o.status === 'En Preparación') groups.preparing.push(o); else groups.ready.push(o); }); return groups; }

        function groupLogisticsOrders(list) { const groups = { ready: [], onTheWay: [], delivered: [], incidents: [] }; sortOpsOrders(list).forEach(o => { if (o.status === 'Listo para entrega') groups.ready.push(o); else if (o.status === 'En Camino') groups.onTheWay.push(o); else if (o.status === 'Entregado') groups.delivered.push(o); else if (o.status === 'Cancelado') groups.incidents.push(o); }); return groups; }

        function renderQueueSection(title, items, viewer, emptyText, accent = 'pn-forest') {

            return `<section class="bg-white dark:bg-pn-dark-card rounded-2xl border border-gray-100 dark:border-gray-800 overflow-hidden shadow-sm"><div class="px-4 py-3 border-b border-gray-100 dark:border-gray-800 flex items-center justify-between"><h4 class="font-bold text-sm text-gray-900 dark:text-white">${title}</h4><span class="text-[10px] font-bold px-2.5 py-1 rounded-full bg-gray-100 dark:bg-gray-800 text-${accent}">${items.length}</span></div><div class="p-4 ${items.length ? 'space-y-4' : 'text-center text-gray-400 text-sm py-10'}">${items.length ? items.map(p => orderHTML(p, viewer)).join('') : (emptyText || 'Sin pedidos')}</div></section>`;

        }

        function findOrder(ref) { return orders.find(o => o.uid === ref || o.id === ref); }

        function saveOrders() { localStorage.setItem('tari_kai_pedidos', JSON.stringify(orders)) }

        function ensureHiddenBuckets(o) { if (!o.hiddenForClients) o.hiddenForClients = {}; if (!o.hiddenForKitchens) o.hiddenForKitchens = {}; return o; }

        function isHiddenForClient(o) { return !!(o.hiddenForClients && user && o.hiddenForClients[user]); }

        function isHiddenForKitchen(o) { return !!(o.hiddenForKitchens && loggedR && o.hiddenForKitchens[loggedR]); }

        function deleteArchivedOrder(ref, scope = 'client') { const o = findOrder(ref); if (!o || !FINAL_STATUSES.has(o.status)) return; ensureHiddenBuckets(o); if (scope === 'kitchen') { if (loggedR) o.hiddenForKitchens[loggedR] = true; } else { if (user) o.hiddenForClients[user] = true; } o.updatedAt = new Date().toISOString(); saveOrders(); refreshPanels(); }

        function confirmDeleteArchivedOrder(ref) {

            const msg = lang === 'it' ? 'Sei sicuro di voler eliminare questo ordine?' :

                lang === 'zh' ? '你确定要删除这个订单吗？' :

                    lang === 'en' ? 'Are you sure you want to delete this order?' :

                        '¿Seguro que quieres eliminar este pedido?';

            if (confirm(msg)) deleteArchivedOrder(ref, 'client');

        }

        function confirmClearArchivedClientOrders() {

            const msg = lang === 'it' ? 'Sei sicuro di voler cancellare tutta la cronologia finalizzata?' :

                lang === 'zh' ? '你确定要清除全部已完成历史吗？' :

                    lang === 'en' ? 'Are you sure you want to clear the full finished history?' :

                        '¿Seguro que quieres borrar todo el historial finalizado?';

            if (confirm(msg)) clearArchivedClientOrders();

        }

        function confirmClearKitchenArchivedOrders() {

            const msg = lang === 'it' ? 'Sei sicuro di voler borrar cancelados / cerrados del pannello?' :

                lang === 'zh' ? '你确定要清除面板中的已取消/已关闭订单吗？' :

                    lang === 'en' ? 'Are you sure you want to clear cancelled / closed orders from the panel?' :

                        '¿Seguro que quieres borrar cancelados / cerrados del panel?';

            if (confirm(msg)) clearKitchenArchivedOrders();

        }

        function clearArchivedClientOrders() { orders.forEach(o => { if (o.clientName === user && FINAL_STATUSES.has(o.status)) { ensureHiddenBuckets(o); o.hiddenForClients[user] = true; o.updatedAt = new Date().toISOString(); } }); saveOrders(); refreshPanels(); }

        function clearKitchenArchivedOrders() { if (!loggedR) return; orders.forEach(o => { if (o.restaurante === loggedR && FINAL_STATUSES.has(o.status)) { ensureHiddenBuckets(o); o.hiddenForKitchens[loggedR] = true; o.updatedAt = new Date().toISOString(); } }); saveOrders(); refreshPanels(); }

        function syncRestaurantStorageKeys() { try { const raw = localStorage.getItem('tari_restaurant_settings'); if (!raw) return; const data = JSON.parse(raw); if (data['Iti Lafken'] && !data['Moa Krispy']) { data['Moa Krispy'] = data['Iti Lafken']; delete data['Iti Lafken']; localStorage.setItem('tari_restaurant_settings', JSON.stringify(data)); } } catch (e) { } }

        function toggleMenuTermsAcceptance(checked) { if (checked) localStorage.setItem('tari_terms_accepted', TERMS_VERSION); else localStorage.removeItem('tari_terms_accepted'); applyLang(); }

        function loadOrders() { const s = localStorage.getItem('tari_kai_pedidos'); if (s) orders = JSON.parse(s); let changed = false, maxId = 1000, maxSeq = 0; orders.forEach((o, index) => { if (ensureOrderMeta(o, index)) changed = true; maxId = Math.max(maxId, +o.id || 0); maxSeq = Math.max(maxSeq, +o.seq || 0); }); const seenIds = new Set(); orders = sortOpsOrders(orders).map((o, index) => { if (!o.id || seenIds.has(o.id)) { o.id = maxId + index + 1; changed = true; } seenIds.add(o.id); if (typeof o.seq !== 'number' || o.seq <= 0) { o.seq = maxSeq + index + 1; changed = true; } return o; }); orderN = Math.max(maxId + 1, ...orders.map(o => (+o.id || 0) + 1)); if (changed) saveOrders(); }

        function requireGAuth(cb) { gauthCallback = cb; show('gauth-body'); hide('gauth-loading'); hide('gauth-success'); show('mod-gauth') }

        function simulateGAuth() {

            // TODO BACKEND: [AUTH] Conectar con Firebase Auth aquí.

            // Ejemplo: firebase.auth().signInWithPopup(new firebase.auth.GoogleAuthProvider()).then(...)

            hide('gauth-body'); show('gauth-loading'); setTimeout(() => { const loading = Q('gauth-loading').querySelector('p'); if (loading) loading.textContent = lang === 'es' ? 'Abriendo selector de Google...' : 'Opening Google account chooser...'; }, 450); setTimeout(() => { const loading = Q('gauth-loading').querySelector('p'); if (loading) loading.textContent = lang === 'es' ? 'Validando sesión con Firebase...' : 'Validating session with Firebase...'; }, 1100); setTimeout(() => { hide('gauth-loading'); show('gauth-success'); setTimeout(() => { hide('mod-gauth'); if (gauthCallback) gauthCallback() }, 700) }, 1900)

        }
    


        /* === CORE === */

        function showApp() { hide('splash'); show('app'); Q('welcome-msg').textContent = `¡Iorana, ${user.split(' ')[0]}!`; applyLang(); renderGrid() }

        const TERMS_VERSION = '2026-04-20';

        let termsReadOnlyFromMenu = false;

        function openTermsFromMenu() {

            termsReadOnlyFromMenu = true;

            if (Q('terms-body')) Q('terms-body').innerHTML = TERMS_MENU_FULL_TEXT;

            if (Q('chk-terms')) Q('chk-terms').parentElement.classList.add('hidden');

            if (Q('btn-accept-terms')) Q('btn-accept-terms').classList.add('hidden');

            show('mod-terms');

            closeSideMenu();

        }

        function completeUserLogin() {

            sessionStorage.setItem('tari_auth_ok', '1');

            if (localStorage.getItem('tari_terms_accepted') !== TERMS_VERSION) {

                termsReadOnlyFromMenu = false;

                if (Q('terms-body')) Q('terms-body').innerHTML = TERMS_TEXT;

                if (Q('chk-terms')) {

                    Q('chk-terms').checked = false;

                    Q('chk-terms').parentElement.classList.remove('hidden');

                }

                if (Q('btn-accept-terms')) {

                    Q('btn-accept-terms').classList.remove('hidden');

                    Q('btn-accept-terms').disabled = true;

                }

                show('mod-terms');

                return;

            }

            showApp();

            // Preparar notificaciones locales/service worker desde una acción del usuario.
            try { setupNotifications(false); } catch(e) { console.warn(e); }

        }

        function logoutClient() { sessionStorage.removeItem('tari_auth_ok'); localStorage.removeItem('userName'); user = null; cart = []; hide('app'); show('splash'); Q('inp-name').value = ''; Q('btn-start').disabled = true; changePanel('client') }

        function toggleTheme() { const d = document.documentElement.classList.toggle('dark'); localStorage.setItem('theme', d ? 'dark' : 'light'); Q('ico-sun').classList.toggle('hidden'); Q('ico-moon').classList.toggle('hidden') }

        function openServiceModal(service) {

            try { if (typeof service === 'string') service = JSON.parse(service); } catch (e) { }

            Q('svc-modal-title').textContent = service.t || 'Servicio útil';

            Q('svc-modal-tag').textContent = service.tg || 'Servicio';

            Q('svc-modal-desc').textContent = service.desc || 'Información disponible próximamente.';

            Q('svc-modal-img').style.backgroundImage = `url('${service.img || ''}')`;

            Q('svc-modal-ig').href = service.instagram || 'https://www.instagram.com/';

            show('mod-service');

        }

        function toggleSideMenu() {

            Q('side-menu').classList.toggle('translate-x-full');

            Q('side-menu-overlay').classList.toggle('hidden');

        }

        function closeSideMenu() {

            Q('side-menu').classList.add('translate-x-full');

            Q('side-menu-overlay').classList.add('hidden');

        }

        function loadTheme() { const saved = localStorage.getItem('theme'); const dark = saved ? saved === 'dark' : true; if (dark) { document.documentElement.classList.add('dark'); Q('ico-sun').classList.remove('hidden'); Q('ico-moon').classList.add('hidden'); if (!saved) localStorage.setItem('theme', 'dark') } else { document.documentElement.classList.remove('dark'); Q('ico-moon').classList.remove('hidden'); Q('ico-sun').classList.add('hidden') } }

        function showPartnerLogin() { show('mod-partner') }

        function unlockPartner() { const l = Q('sel-partner-local').value; if (!l) { alert(lang === 'es' ? "Selecciona tu local" : "Please select your location"); return } requireGAuth(() => { hide('mod-partner'); const isAdmin = l === 'Eiroa Burgers'; Q('nav').querySelectorAll('.internal-btn').forEach(b => { if (b.dataset.panel === 'admin' && !isAdmin) b.classList.add('hidden'); else b.classList.remove('hidden'); }); loggedR = l; changePanel('restaurant'); setTimeout(() => Q('nav').scrollLeft = Q('nav').scrollWidth, 100); }) }

        function getShuffledRestaurants() {

            if (Array.isArray(restOrderSeed) && restOrderSeed.length === REST.length) {

                return restOrderSeed.map(id => REST.find(r => r.id === id)).filter(Boolean);

            }

            const ids = [...REST.map(r => r.id)].sort(() => Math.random() - 0.5);

            restOrderSeed = ids;

            return ids.map(id => REST.find(r => r.id === id)).filter(Boolean);

        }

        function renderGrid() {

            const s = Q('inp-search').value.toLowerCase(), cat = Q('cats').querySelector('.active').dataset.cat;

            const f = [...REST].sort(() => Math.random() - 0.5).filter(r => {

                const mc = cat === 'Todos' || r.rubro.includes(cat);

                const mt = r.nombre.toLowerCase().includes(s) || r.rubro.toLowerCase().includes(s) || (r.catalogo && r.catalogo.some(i => i.nombre.toLowerCase().includes(s)));

                return mc && mt

            });

            Q('no-res').classList.toggle('hidden', f.length > 0);

            Q('grid').innerHTML = f.map(r => {

                const idx = REST.indexOf(r), isOpen = r.isOpen !== false;

                return `<div class="r-card group cursor-pointer" data-idx="${idx}"><div class="bg-white dark:bg-pn-dark-card rounded-2xl overflow-hidden shadow-sm border border-gray-100 dark:border-gray-800 hover:shadow-float transition-all duration-300 h-full flex flex-col ${isOpen ? '' : 'opacity-90'}"><div class="h-48 relative overflow-hidden"><img src="${r.foto}" class="w-full h-full ${r.imgClass || 'object-cover'} transition-transform duration-700 ${isOpen ? '' : 'grayscale-[.15]'}" loading="lazy"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent"></div><div class="absolute top-3 right-3 glass px-2.5 py-1 rounded-full shadow-sm flex items-center gap-1.5 border border-white/20"><div class="w-1.5 h-1.5 rounded-full ${isOpen ? 'bg-green-500 animate-pulse' : 'bg-red-500'}"></div><span class="text-[9px] font-bold uppercase tracking-wider text-gray-800 dark:text-gray-200">${isOpen ? T('open_label') : T('closed_label')}</span></div><div class="absolute bottom-3 left-4 right-4 text-white"><h3 class="font-bold text-xl font-serif leading-tight mb-1">${r.nombre}</h3><div class="flex items-center gap-2 text-xs font-medium text-gray-200"><span class="bg-black/30 backdrop-blur-sm px-2 py-0.5 rounded flex items-center gap-1"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><use href="#ic"/></svg> ${r.tiempo}</span></div></div></div><div class="p-4 flex flex-col flex-grow"><p class="text-xs text-gray-500 mb-2 line-clamp-2 leading-relaxed">${translateCategoryLabel(t_desc(r.rubro))}</p><p class="text-[10px] font-bold text-pn-forest dark:text-pn-matcha mb-4 flex items-center gap-1"><svg class="w-3 h-3 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> ${lang === 'it' ? (r.horario || 'Orari') : lang === 'zh' ? (r.horario || '营业时间') : (r.horario || 'Horarios')}</p><button class="mt-auto w-full py-3 rounded-xl ${isOpen ? 'bg-gray-50 text-gray-700 group-hover:bg-pn-forest group-hover:text-white dark:bg-gray-800 dark:text-gray-300' : 'bg-gray-100 text-gray-500 dark:bg-gray-900 dark:text-gray-400'} transition-colors duration-300 font-bold text-sm border border-gray-100 dark:border-gray-700">${isOpen ? T('see_menu') : T('closed_label')}</button></div></div></div>`

            }).join('')

        }
    


        /* === PRODUCT MODAL === */

        function openProdModal(item) { editCartIndex = -1; Q('btn-add-prod').querySelector('span').textContent = T('btn_add_order'); curItem = JSON.parse(JSON.stringify(item)); if (!curItem.salsa) curItem.salsa = null; if (!curItem.selectedExtras) curItem.selectedExtras = []; if (!curItem.selectedUpsells) curItem.selectedUpsells = []; if (!curItem.selectedOpcion) curItem.selectedOpcion = null; if (curItem.sizes && curItem.sizes.length > 0 && !curItem.selectedSize) curItem.selectedSize = curItem.sizes[0]; Q('prod-title').textContent = t_desc(curItem.nombre); Q('prod-desc').textContent = t_desc(curItem.descripcion); Q('prod-img').style.backgroundImage = `url('${curItem.img || ''}')`; Q('prod-note').value = curItem.note || ''; buildDynamicSections(); updateProdPrice(); show('mod-prod') }

        function buildDynamicSections() {

            const isBurger = curItem.categoria && curItem.categoria.toLowerCase().includes('hamburguesa'), isPasta = curItem.categoria && curItem.categoria.toLowerCase().includes('pasta'); const r = REST.find(x => x.nombre === modalR), catalog = r ? r.catalogo : []; let html = '';

            if (curItem.opciones && curItem.opciones.length > 0) { html += `<div class="pt-4 border-t border-gray-100 dark:border-gray-800"><h4 class="text-[10px] font-bold uppercase text-red-500 tracking-widest mb-3">Elige tu Opción (Obligatorio)</h4><div class="space-y-2">`; curItem.opciones.forEach(op => { html += `<label class="chk-wrap flex items-center justify-between p-4 border border-gray-100 dark:border-gray-800 rounded-2xl hover:border-pn-forest bg-white dark:bg-[#1C221C] shadow-sm"><span class="font-bold text-gray-800 dark:text-gray-200 text-sm font-serif capitalize">${t_desc(op)}</span><input type="radio" name="item-opcion" ${curItem.selectedOpcion === op ? 'checked' : ''} onchange="setOpcion('${op}')"><div class="radio-box"><div class="inner-circle"></div></div></label>` }); html += `</div></div>` }

            if (curItem.sizes && curItem.sizes.length > 0) { html += `<div class="pt-4 border-t border-gray-100 dark:border-gray-800"><h4 class="text-[10px] font-bold uppercase text-red-500 tracking-widest mb-3">Tamaño (Obligatorio)</h4><div class="space-y-2">`; curItem.sizes.forEach((s, i) => { const ck = curItem.selectedSize && curItem.selectedSize.name === s.name; html += `<label class="chk-wrap flex items-center justify-between p-4 border border-gray-100 dark:border-gray-800 rounded-2xl hover:border-pn-forest bg-white dark:bg-[#1C221C] shadow-sm"><span class="flex flex-col"><span class="font-bold text-gray-800 dark:text-gray-200 text-sm font-serif capitalize">${s.name}</span><span class="text-xs text-pn-forest/80 dark:text-pn-matcha/70 font-medium mt-1">${s.price > 0 ? '+' + fp(s.price) : ''}</span></span><input type="radio" name="item-size" ${ck ? 'checked' : ''} onchange="setSize(${i})"><div class="radio-box"><div class="inner-circle"></div></div></label>` }); html += `</div></div>` }

            if (isBurger || isPasta) { let salsas = []; if (isBurger) { salsas = catalog.filter(x => x.categoria.toLowerCase().includes('extras gratis')); if (!salsas.length) salsas = [{ nombre: 'Ketchup', precio: 0 }, { nombre: 'Lactonesa de ajo', precio: 0 }, { nombre: 'Mostaza', precio: 0 }] } else { salsas = catalog.filter(x => x.categoria.toLowerCase().includes('salsas')); if (!salsas.length) salsas = [{ nombre: 'Pomodoro', precio: 0 }, { nombre: 'Bechamel', precio: 0 }] } if (!salsas.some(s => s.nombre.toLowerCase().includes('sin salsa'))) salsas.push({ nombre: 'Sin salsa', precio: 0 }); html += `<div class="pt-6 border-t border-gray-100 dark:border-gray-800 mt-4"><h4 class="text-[10px] font-bold uppercase text-red-500 tracking-widest mb-3">Salsa (Obligatorio)</h4><div class="space-y-2">`; salsas.forEach(s => { html += `<label class="chk-wrap flex items-center justify-between p-4 border border-gray-100 dark:border-gray-800 rounded-2xl hover:border-pn-forest bg-white dark:bg-[#1C221C] shadow-sm"><span class="font-bold text-gray-800 dark:text-gray-200 text-sm font-serif">${t_desc(s.nombre)}</span><input type="radio" name="item-salsa" ${curItem.salsa === s.nombre ? 'checked' : ''} onchange="setSalsa('${s.nombre}')"><div class="radio-box"><div class="inner-circle"></div></div></label>` }); html += `</div></div>` }

            let catExtras = catalog.filter(x => x.categoria.toLowerCase().includes('extra') && !x.nombre.toLowerCase().includes('salsa incluida') && !x.categoria.toLowerCase().includes('salsas')); if (catExtras.length > 0 || (curItem.extras && curItem.extras.length > 0)) { curItem._availableExtras = []; catExtras.forEach(e => curItem._availableExtras.push({ nombre: e.nombre, precio: e.precio })); if (curItem.extras) curItem.extras.forEach(e => curItem._availableExtras.push({ nombre: e.name, precio: e.price })); curItem._availableExtras = curItem._availableExtras.filter((v, i, a) => a.findIndex(t => t.nombre === v.nombre) === i); html += `<div class="pt-6 border-t border-gray-100 dark:border-gray-800 mt-6"><h4 class="text-[10px] font-bold uppercase text-gray-400 tracking-widest mb-3">Agrega tus Extras (Opcional)</h4><div class="space-y-2">`; curItem._availableExtras.forEach((x, i) => { const ck = curItem.selectedExtras.some(e => e.nombre === x.nombre || e.name === x.nombre); html += `<label class="chk-wrap flex items-center justify-between p-4 border border-gray-100 dark:border-gray-800 rounded-2xl hover:border-pn-forest bg-white dark:bg-[#1C221C] shadow-sm"><span class="flex flex-col"><span class="font-bold text-gray-800 dark:text-gray-200 text-sm font-serif">${t_desc(x.nombre)}</span><span class="text-xs text-pn-forest/80 dark:text-pn-matcha/70 font-medium mt-1">${x.precio > 0 ? '+' + fp(x.precio) : (lang === 'es' ? 'Sin costo adicional' : 'No extra cost')}</span></span><input type="checkbox" ${ck ? 'checked' : ''} onchange="toggleExtraCatalog(${i},this.checked)"><div class="chk-box"><svg class="w-3.5 h-3.5 text-white dark:text-[#121612] pointer-events-none" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg></div></label>` }); html += `</div></div>` }

            if (isBurger || isPasta) { let ups = catalog.filter(x => x.sugerible === true && !x.categoria.toLowerCase().includes('hamburguesa') && !x.categoria.toLowerCase().includes('pasta') && !x.categoria.toLowerCase().includes('extra')); if (ups.length > 0) { curItem._availableUpsells = ups; html += `<div class="pt-6 border-t border-gray-100 dark:border-gray-800 mt-6 bg-pn-matcha/30 dark:bg-pn-forest/10 -mx-5 px-5 pb-5 rounded-b-3xl"><h4 class="text-[10px] font-bold uppercase text-pn-forest tracking-widest mb-3 pt-5">¿Deseas algo más?</h4><div class="space-y-2">`; ups.forEach((u, i) => { const ck = curItem.selectedUpsells.some(e => e.nombre === u.nombre); html += `<label class="chk-wrap flex items-center justify-between p-4 border border-gray-100 dark:border-gray-800 rounded-2xl hover:border-pn-forest bg-white dark:bg-[#1C221C] shadow-sm"><span class="flex flex-col"><span class="font-bold text-gray-800 dark:text-gray-200 text-sm font-serif">${t_desc(u.nombre)}</span><span class="text-xs text-pn-forest/80 dark:text-pn-matcha/70 font-medium mt-1">+${fp(u.precio)}</span></span><input type="checkbox" ${ck ? 'checked' : ''} onchange="toggleUpsell(${i},this.checked)"><div class="chk-box"><svg class="w-3.5 h-3.5 text-white dark:text-[#121612] pointer-events-none" fill="none" stroke="currentColor" stroke-width="3" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg></div></label>` }); html += `</div></div>` } } Q('prod-dynamic-sections').innerHTML = html

        }

        function setOpcion(v) { curItem.selectedOpcion = v }

        function setSize(i) { curItem.selectedSize = curItem.sizes[i]; updateProdPrice() }

        function setSalsa(v) { curItem.salsa = v; updateProdPrice() }

        function toggleExtraCatalog(i, ck) { const x = curItem._availableExtras[i]; if (ck) curItem.selectedExtras.push(x); else curItem.selectedExtras = curItem.selectedExtras.filter(e => e.nombre !== x.nombre && e.name !== x.nombre); updateProdPrice() }

        function toggleUpsell(i, ck) { const x = curItem._availableUpsells[i]; if (ck) curItem.selectedUpsells.push(x); else curItem.selectedUpsells = curItem.selectedUpsells.filter(e => e.nombre !== x.nombre); updateProdPrice() }

        function calcItemPrice() { let t = curItem.precio; if (curItem.selectedSize) t += curItem.selectedSize.price; curItem.selectedExtras.forEach(e => t += (e.precio !== undefined ? e.precio : e.price)); if (curItem.selectedUpsells) curItem.selectedUpsells.forEach(e => t += e.precio); return t }

        function updateProdPrice() { const t = calcItemPrice(); Q('prod-price').textContent = t === 0 ? (lang === 'es' ? 'Consultar' : 'Ask') : fp(t) }

        function addToCart() { const currentRest = REST.find(r => r.nombre === modalR); if (currentRest && currentRest.isOpen === false) { alert(lang === 'es' ? 'Este local está cerrado por ahora.' : 'This restaurant is currently closed.'); return; } const isBurger = curItem.categoria && curItem.categoria.toLowerCase().includes('hamburguesa'), isPasta = curItem.categoria && curItem.categoria.toLowerCase().includes('pasta'); if (curItem.opciones && curItem.opciones.length > 0 && !curItem.selectedOpcion) { alert(lang === 'es' ? 'Selecciona tu opción obligatoria.' : 'Please select your option.'); return } if ((isBurger || isPasta) && !curItem.salsa) { alert(lang === 'es' ? 'Selecciona una salsa obligatoria.' : 'Please select a sauce.'); return } if (curItem.sizes && curItem.sizes.length > 0 && !curItem.selectedSize) { alert(lang === 'es' ? 'Selecciona un tamaño.' : 'Please select a size.'); return } if (cart.length > 0 && cart[0].restaurante !== modalR) { Q('clear-cart-msg').textContent = lang === 'es' ? `Tu carrito actual tiene productos de ${cart[0].restaurante}. ¿Deseas vaciarlo para pedir en ${modalR}?` : `Your cart has items from ${cart[0].restaurante}. Clear it to order from ${modalR}?`; show('mod-clear-cart'); return; } finalizeAddToCart(); }

        function confirmClearCart() { cart = []; hide('mod-clear-cart'); finalizeAddToCart() }

        function finalizeAddToCart() { const t = calcItemPrice(), note = Q('prod-note').value.trim(); const finalItem = { ...curItem, precio: t, finalPrice: t, note: note || null, restaurante: modalR }; if (editCartIndex >= 0) { cart[editCartIndex] = finalItem; editCartIndex = -1; hide('mod-prod'); updateCartUI(); openCheckout() } else { cart.push(finalItem); hide('mod-prod'); updateCartUI() } curItem = null }

        function updateCartUI() { const t = cart.reduce((s, i) => s + i.precio, 0); Q('cart-total').textContent = fp(t); const b = Q('btn-checkout'); b.disabled = !cart.length; b.textContent = cart.length ? `${T('btn_pay')} (${cart.length})` : T('cart_empty'); b.className = cart.length ? 'btn-primary w-full py-4 rounded-xl font-bold text-lg shadow-float' : 'w-full py-4 rounded-xl font-bold text-lg bg-gray-100 text-gray-400 dark:bg-gray-800 dark:text-gray-500 cursor-not-allowed transition-all' }

        function showShare() { const url = 'https://tarikai.vicercom.com/'; Q('qr-img').src = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(url)}&color=1A1F16`; show('mod-share') }

        function copyShareLink() { const el = document.createElement('textarea'); el.value = 'https://tarikai.vicercom.com/'; document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); alert(lang === 'es' ? 'Enlace copiado al portapapeles' : 'Link copied to clipboard'); hide('mod-share') }
    


        /* === ZONE & CHECKOUT === */

        function getZonePrice(z) { const t = { 'Eiroa Burgers': _tE, 'Napo Ea': _tNF, 'Fabrikai': _tNF, 'Moa Krispy': _tILP, 'La Perla': _tILP }; return (t[modalR] || _tNF)[z - 1] || 2500 }

        function updateDynPrice() { const v = Q('sel-zone').value; if (!v) { Q('selected-destination').textContent = lang === 'es' ? 'Selecciona destino' : 'Select destination'; Q('dyn-price').textContent = '--'; Q('btn-confirm-zone').disabled = true; return } const z = +v, p = getZonePrice(z); Q('selected-destination').textContent = `Destino ${z}`; Q('dyn-price').textContent = fp(p); Q('btn-confirm-zone').disabled = false }

        function confirmZone() { const z = +Q('sel-zone').value, p = getZonePrice(z); if (!z) return; Q('zone-id').value = z; Q('zone-price').value = p; Q('zone-name').value = 'Destino N° ' + z; Q('zone-text').innerHTML = `<span class="font-bold text-gray-900 dark:text-white">Destino ${z}</span> <span class="text-pn-forest dark:text-pn-matcha font-bold ml-2">${fp(p)}</span>`; Q('co-ship').textContent = fp(p); updateTotal(); hide('mod-zone') }

        function setTip(pct) { currentTipPct = pct;['tip-0', 'tip-5', 'tip-10'].forEach(id => Q(id).className = 'flex-1 py-2.5 rounded-xl bg-gray-100 dark:bg-gray-800 text-gray-500 font-bold text-sm transition-all'); const map = { 0: 'tip-0', 0.05: 'tip-5', 0.10: 'tip-10' }; Q(map[pct]).className = 'flex-1 py-2.5 rounded-xl bg-pn-forest text-white font-bold text-sm shadow-sm transition-all'; updateTotal(); }

        function setKitchenTip(pct) { currentKitchenTipPct = pct;['ktip-0', 'ktip-5', 'ktip-10'].forEach(id => Q(id).className = 'flex-1 py-2.5 rounded-xl bg-gray-100 dark:bg-gray-800 text-gray-500 font-bold text-sm transition-all'); const map = { 0: 'ktip-0', 0.05: 'ktip-5', 0.10: 'ktip-10' }; Q(map[pct]).className = 'flex-1 py-2.5 rounded-xl bg-pn-forest text-white font-bold text-sm shadow-sm transition-all'; updateTotal(); }

        function setOrderType(t) { window.orderType = t; const bd = Q('btn-type-delivery'), bp = Q('btn-type-pickup'); const ac = 'flex-1 py-2.5 rounded-xl bg-pn-forest text-white font-bold text-sm shadow-sm transition-all', ic = 'flex-1 py-2.5 rounded-xl bg-gray-100 dark:bg-gray-800 text-gray-500 font-bold text-sm transition-all'; if (t === 'delivery') { bd.className = ac; bp.className = ic; Q('zone-container').classList.remove('hidden'); Q('shipping-line').classList.remove('hidden'); } else { bp.className = ac; bp.className = ac; bd.className = ic; Q('zone-container').classList.add('hidden'); Q('shipping-line').classList.add('hidden'); Q('co-peak-line').classList.add('hidden'); Q('co-rain-line').classList.add('hidden'); } updateTotal(); }

        function openCheckout() { if (!cart.length) return; const blocked = cart.find(i => { const r = REST.find(x => x.nombre === i.restaurante); return r && r.isOpen === false }); if (blocked) { alert((lang === 'es' ? 'El local ' : 'The restaurant ') + blocked.restaurante + (lang === 'es' ? ' está cerrado por ahora.' : ' is currently closed.')); return; } hide('mod-menu'); Q('co-name').value = user || ''; const rests = [...new Set(cart.map(i => i.restaurante))]; Q('co-restaurant').textContent = rests.join(', '); Q('co-items').innerHTML = cart.map((item, idx) => { let details = []; if (item.selectedOpcion) details.push('Opción: ' + t_desc(item.selectedOpcion)); if (item.selectedSize && item.selectedSize.price >= 0) details.push('Tamaño: ' + item.selectedSize.name); if (item.salsa && item.salsa !== 'Sin salsa') details.push('Salsa: ' + t_desc(item.salsa)); if (item.selectedExtras && item.selectedExtras.length) item.selectedExtras.forEach(e => details.push('+ ' + t_desc(e.nombre || e.name))); if (item.selectedUpsells && item.selectedUpsells.length) item.selectedUpsells.forEach(e => details.push('+ ' + t_desc(e.nombre))); const extH = details.length ? `<p class="text-[10px] text-gray-500 dark:text-gray-400 mt-1.5 leading-snug">${details.join('<br>')}</p>` : ''; const noteH = item.note ? `<p class="text-[10px] text-amber-600 mt-1.5 font-medium bg-amber-50 dark:bg-amber-900/10 px-2 py-1 rounded inline-block">📝 ${item.note}</p>` : ''; const restTag = rests.length > 1 ? `<span class="text-[9px] bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-300 px-1.5 py-0.5 rounded ml-2 align-middle">${item.restaurante}</span>` : ''; return `<div class="flex justify-between items-start ${idx > 0 ? 'pt-5 border-t border-gray-100 dark:border-gray-800' : ''}"><div class="flex-1 pr-3"><p class="text-sm font-bold text-gray-900 dark:text-white">${t_desc(item.nombre)}${restTag}</p>${extH}${noteH}<div class="flex gap-2 mt-3"><button onclick="editCartItem(${idx})" class="text-[10px] font-bold text-pn-forest bg-green-50 dark:bg-pn-forest/20 border border-green-100 dark:border-pn-forest/30 px-3 py-1.5 rounded-lg hover:bg-green-100 flex items-center gap-1"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/></svg> Editar</button><button onclick="removeCartItem(${idx})" class="text-[10px] font-bold text-red-500 bg-red-50 dark:bg-red-900/20 border border-red-100 dark:border-red-900/30 px-3 py-1.5 rounded-lg hover:bg-red-100 flex items-center gap-1"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><use href="#it"/></svg> Eliminar</button></div></div><p class="text-sm font-black text-pn-forest dark:text-pn-matcha shrink-0 mt-0.5">${item.precio === 0 ? '--' : fp(item.precio)}</p></div>` }).join(''); Q('co-sub').textContent = fp(cart.reduce((s, i) => s + i.precio, 0)); if (!Q('zone-id').value) { Q('zone-price').value = 0; Q('co-ship').textContent = '$0' } setOrderType(window.orderType); show('mod-checkout') }

        function removeCartItem(idx) { cart.splice(idx, 1); updateCartUI(); cart.length === 0 ? hide('mod-checkout') : openCheckout() }

        function editCartItem(idx) { editCartIndex = idx; curItem = JSON.parse(JSON.stringify(cart[idx])); Q('prod-title').textContent = t_desc(curItem.nombre); Q('prod-desc').textContent = t_desc(curItem.descripcion); Q('prod-img').style.backgroundImage = `url('${curItem.img || ''}')`; Q('prod-note').value = curItem.note || ''; buildDynamicSections(); updateProdPrice(); Q('btn-add-prod').querySelector('span').textContent = lang === 'es' ? "Guardar cambios" : "Save changes"; hide('mod-checkout'); show('mod-prod') }

        function updateTotal() { const sub = cart.reduce((s, i) => s + i.precio, 0); let sh = 0, peakFee = 0, rainFee = 0; if (window.orderType === 'delivery') { sh = +(Q('zone-price').value) || 0; const fees = getSurgeBreakdown(); peakFee = fees.peakFee; rainFee = fees.rainFee; } const tipVal = Math.round(sub * currentTipPct); const kitchenTipVal = Math.round(sub * currentKitchenTipPct); Q('co-tip').textContent = fp(tipVal); Q('co-kitchen-tip').textContent = fp(kitchenTipVal); Q('co-peak').textContent = fp(peakFee); Q('co-rain').textContent = fp(rainFee); Q('co-peak-line').classList.toggle('hidden', peakFee <= 0); Q('co-rain-line').classList.toggle('hidden', rainFee <= 0); Q('co-total').textContent = fp(sub + sh + peakFee + rainFee + tipVal + kitchenTipVal); }

        function normalizePhone(v) { const d = String(v || '').replace(/\D/g, ''); if (/^569\d{8}$/.test(d)) return '+' + d; if (/^9\d{8}$/.test(d)) return '+56' + d; if (/^56?9\d{8}$/.test(d)) return '+' + d.replace(/^56?/, '56'); return null }

        function prepareWebpay() { const n = Q('co-name').value.trim(), rawPh = Q('co-phone').value; if (!n || !rawPh) { alert(lang === 'es' ? "Faltan datos." : "Missing info."); return } const ph = normalizePhone(rawPh); if (!ph) { alert(lang === 'es' ? "Ingresa un número de WhatsApp válido. Ej: +56 9 1234 5678" : "Enter a valid WhatsApp number. Example: +56 9 1234 5678"); Q('co-phone').focus(); return } Q('co-phone').value = ph; if (window.orderType === 'delivery' && !Q('zone-id').value) { alert(lang === 'es' ? "Falta indicar zona de entrega." : "Missing delivery zone."); return } const sub = cart.reduce((s, i) => s + i.precio, 0); let sh = 0, peakFee = 0, rainFee = 0; if (window.orderType === 'delivery') { sh = +(Q('zone-price').value) || 0; const fees = getSurgeBreakdown(); peakFee = fees.peakFee; rainFee = fees.rainFee; } const tipVal = Math.round(sub * currentTipPct), kitchenTipVal = Math.round(sub * currentKitchenTipPct), tot = sub + sh + peakFee + rainFee + tipVal + kitchenTipVal; curPay = { master: true, type: window.orderType, tip: tipVal, kitchenTip: kitchenTipVal, peakFee: peakFee, rainFee: rainFee, total: tot, items: [...cart], clientName: n, clientPhone: ph, zone: window.orderType === 'delivery' ? Q('zone-name').value : 'Retiro en Local', notes: Q('co-notes').value }; const rests = [...new Set(cart.map(i => i.restaurante))]; Q('wp-name').textContent = rests.join(', '); Q('wp-total').textContent = fp(tot); show('wp-form'); hide('wp-loading'); hide('mod-checkout'); show('mod-webpay') }

        function processWP() {

            // TODO BACKEND: [WEBPAY] Aquí inician la transacción con su servidor

            const webpayPayload = {

                buy_order: "ORD-" + Date.now(), // Generar un ID único o usar el de Firestore

                session_id: "SES-" + (user ? user.replace(/\s+/g, '') : 'invitado'),

                amount: curPay.total,

                return_url: window.location.origin + "/api/webpay/return" // Su endpoint de retorno

            };

            console.log("📦 PAYLOAD LISTO PARA WEBPAY:", webpayPayload);

            // Instrucción: fetch('/api/webpay/init', { method: 'POST', body: JSON.stringify(webpayPayload) })

            // .then(res => window.location.href = res.url + "?token_ws=" + res.token);

            // Simulación actual de la UI (Borrar esta parte cuando integren el fetch real)

            hide('wp-form'); show('wp-loading'); setTimeout(() => { hide('mod-webpay'); finishOrder() }, 1500)

        }

        function finishOrder() { const grouped = {}; curPay.items.forEach(item => { if (!grouped[item.restaurante]) grouped[item.restaurante] = { items: [], total: 0 }; grouped[item.restaurante].items.push(item); grouped[item.restaurante].total += item.precio; }); let shipFee = curPay.type === 'delivery' ? (+(Q('zone-price').value) || 0) : 0, peakFee = curPay.type === 'delivery' ? (curPay.peakFee || 0) : 0, rainFee = curPay.type === 'delivery' ? (curPay.rainFee || 0) : 0, totalShip = shipFee + peakFee + rainFee, shipAdded = false, tipAdded = false, kitchenTipAdded = false; const comRate = curPay.type === 'pickup' ? 0.15 : 0.20; for (let rest in grouped) { let rData = grouped[rest], firstForFees = (!shipAdded && curPay.type === 'delivery'), rShip = firstForFees ? totalShip : 0, rTip = (!tipAdded) ? curPay.tip : 0, rKitchenTip = (!kitchenTipAdded) ? (curPay.kitchenTip || 0) : 0; shipAdded = true; tipAdded = true; kitchenTipAdded = true; const nowIso = new Date().toISOString(); const order = { uid: `ord_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`, id: orderN++, seq: Date.now() + Math.floor(Math.random() * 1000), createdAt: nowIso, updatedAt: nowIso, restaurante: rest, type: curPay.type, clientName: curPay.clientName, clientPhone: curPay.clientPhone, zone: curPay.zone, notes: curPay.notes, items: rData.items, subtotal: rData.total, shipping: rShip, baseShipping: firstForFees ? shipFee : 0, peakFee: firstForFees ? peakFee : 0, rainFee: firstForFees ? rainFee : 0, tip: rTip, kitchenTip: rKitchenTip, total: rData.total + rShip + rTip + rKitchenTip, commissionRate: comRate, commissionAmount: rData.total * comRate, status: 'Pagado', timestamp: nowIso, statusHistory: [{ status: 'Pagado', actor: 'client', at: nowIso }] }; syncOperationalFields(order); orders.unshift(order); } orders = sortOpsOrders(orders); cart = []; saveOrders(); const ss = Q('success-screen'); ss.classList.remove('hidden'); ss.classList.add('flex'); setTimeout(() => ss.classList.remove('opacity-0'), 10); const bar = Q('success-bar'); bar.classList.remove('progress-fill'); void bar.offsetWidth; bar.classList.add('progress-fill'); setTimeout(() => { ss.classList.add('opacity-0'); setTimeout(() => { ss.classList.add('hidden'); ss.classList.remove('flex'); changePanel('my-orders') }, 500) }, 3500) }
    


        /* === PANELS & KITCHEN === */

        function changePanel(p) {

            ['v-client', 'v-my-orders', 'v-restaurant', 'v-admin'].forEach(id => { const el = Q(id); if (el) el.classList.add('hidden') }); const t = Q('v-' + p); if (t) { t.classList.remove('hidden'); t.classList.add('fade-up') } if (p === 'client') {

                syncRestaurantStorageKeys();

                loadMenus(); renderGrid()

            } refreshPanels(); window.scrollTo({ top: 0, behavior: 'smooth' })

        }

        function refreshPanels() { if (!Q('v-admin').classList.contains('hidden')) renderAdmin(); if (!Q('v-restaurant').classList.contains('hidden')) renderKitchen(); if (!Q('v-my-orders').classList.contains('hidden')) renderMyOrders() }

        function logoutKitchen() { loggedR = null; changePanel('client'); Q('nav').querySelectorAll('.internal-btn').forEach(b => b.classList.add('hidden')) }

        function toggleKV(v) { kvMode = v; const isO = v === 'orders'; Q('kv-orders').classList.toggle('hidden', !isO); Q('kv-menu').classList.toggle('hidden', isO); const ac = 'px-5 py-2.5 rounded-lg text-sm font-bold bg-pn-forest text-white shadow-sm transition-colors', ic = 'px-5 py-2.5 rounded-lg text-sm font-bold bg-transparent text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors'; Q('btn-k-orders').className = isO ? ac : ic; Q('btn-k-menu').className = !isO ? ac : ic; isO ? renderKitchen() : renderMenuList() }

        function getRangeDates(mode) {

            const now = new Date();

            const end = new Date(now.getFullYear(), now.getMonth(), now.getDate());

            let start = new Date(end);

            if (mode === 'today') {

                start = new Date(end);

            } else if (mode === 'week') {

                start.setDate(start.getDate() - 6);

            } else if (mode === 'month') {

                start.setMonth(start.getMonth() - 1);

            }

            const fmt = d => d.toISOString().slice(0, 10);

            return { start: fmt(start), end: fmt(end) };

        }

        function setKitchenReportRange(mode) {

            const r = getRangeDates(mode);

            if (Q('k-report-from')) Q('k-report-from').value = r.start;

            if (Q('k-report-to')) Q('k-report-to').value = r.end;

            renderKitchenReportSummary();

        }

        function getKitchenReportOrders() {

            if (!loggedR) return [];

            const from = Q('k-report-from') ? Q('k-report-from').value : '';

            const to = Q('k-report-to') ? Q('k-report-to').value : '';

            const fromTime = from ? new Date(from + 'T00:00:00').getTime() : -Infinity;

            const toTime = to ? new Date(to + 'T23:59:59').getTime() : Infinity;

            return orders.filter(o => {

                const t = new Date(o.createdAt || o.timestamp || 0).getTime();

                return o.restaurante === loggedR && t >= fromTime && t <= toTime;

            });

        }

        function renderKitchenReportSummary() {

            if (!Q('k-report-summary')) return;

            const list = getKitchenReportOrders();

            const totalSales = list.reduce((sum, o) => sum + (o.subtotal || 0), 0);

            const totalCommission = list.reduce((sum, o) => sum + (o.commissionAmount || 0), 0);

            const totalPayout = list.reduce((sum, o) => sum + ((o.subtotal || 0) - (o.commissionAmount || 0)), 0);

            Q('k-report-summary').innerHTML = [

                ['Venta productos', fp(totalSales)],

                ['Comisión app', fp(totalCommission)],

                ['A pagar local', fp(totalPayout)]

            ].map(([label, value]) => `

<div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-2xl border border-gray-100 dark:border-gray-700">

<p class="text-[11px] font-bold uppercase tracking-widest text-gray-400 mb-2">${label}</p>

<p class="text-xl font-black text-pn-forest dark:text-pn-matcha">${value}</p>

</div>

`).join('');

        }

        function exportKitchenSalesReport() {

            const list = getKitchenReportOrders();

            const rows = [[

                'ID', 'Fecha', 'Cliente', 'Teléfono', 'Tipo', 'Estado', 'Subtotal', 'Delivery', 'Propina', 'Total', '% Comisión', 'Comisión App', 'A pagar Local', 'Zona', 'Observación'

            ]];

            list.forEach(o => {

                rows.push([

                    o.id || '',

                    new Date(o.createdAt || o.timestamp || '').toLocaleString('es-CL'),

                    o.clientName || '',

                    o.clientPhone || '',

                    o.type || '',

                    o.status || '',

                    o.subtotal || 0,

                    o.shipping || 0,

                    o.tip || 0,

                    o.total || 0,

                    Math.round((o.commissionRate || 0) * 100) + '%',

                    o.commissionAmount || 0,

                    (o.subtotal || 0) - (o.commissionAmount || 0),

                    o.zone || '',

                    o.notes || ''

                ]);

            });

            const ws = XLSX.utils.aoa_to_sheet(rows);

            const wb = XLSX.utils.book_new();

            XLSX.utils.book_append_sheet(wb, ws, 'Ventas ' + (loggedR || 'Local'));

            XLSX.writeFile(wb, `reporte_${(loggedR || 'local').replace(/\s+/g, '_').toLowerCase()}.xlsx`);

        }

        function renderKitchen() { if (!loggedR) { changePanel('client'); return } Q('kitchen-dash').classList.remove('hidden'); Q('kitchen-name').textContent = loggedR; renderKitchenStatusToggle(); if (Q('k-report-from') && !Q('k-report-from').value) setKitchenReportRange('today'); renderKitchenReportSummary(); const ownOrders = orders.filter(p => p.restaurante === loggedR && !isHiddenForKitchen(p) && isInLiveOrderWindow(p)); const groups = groupKitchenOrders(ownOrders); Q('kitchen-orders').className = 'grid grid-cols-1 xl:grid-cols-2 gap-5'; const liveHint = `<div class="md:col-span-2 text-[11px] text-gray-500 bg-gray-50 dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700 rounded-2xl px-4 py-3 mb-1">${lang === 'en' ? 'Live kitchen view shows the last 7 days only. Excel export keeps the full history by selected range.' : 'La vista en vivo de cocina muestra solo los últimos 7 días. El Excel conserva el historial completo según el rango seleccionado.'}</div>`; const kitchenToolbar = groups.closed.length ? `<div class="md:col-span-2 flex justify-end -mb-1"><button onclick="confirmClearKitchenArchivedOrders()" class="inline-flex items-center justify-center w-9 h-9 rounded-full text-red-500 bg-red-50/80 border border-red-100 hover:bg-red-100 shadow-sm" title="${lang === 'it' ? 'Limpiar panel' : lang === 'zh' ? '清除面板' : lang === 'en' ? 'Clear panel' : 'Limpiar panel'}">🗑</button></div>` : ''; Q('kitchen-orders').innerHTML = liveHint + kitchenToolbar + [renderQueueSection(KITCHEN_QUEUE_LABELS.paid, groups.paid, 'restaurant', lang === 'es' ? 'Sin pedidos nuevos' : 'No new orders'), renderQueueSection(KITCHEN_QUEUE_LABELS.preparing, groups.preparing, 'restaurant', lang === 'es' ? 'Nada en preparación' : 'Nothing cooking'), renderQueueSection(KITCHEN_QUEUE_LABELS.ready, groups.ready, 'restaurant', lang === 'es' ? 'Nada listo aún' : 'Nothing ready yet'), renderQueueSection(KITCHEN_QUEUE_LABELS.closed, groups.closed, 'restaurant', lang === 'es' ? 'Sin cerrados' : 'No closed orders')].join('') }

        function processPasteMenu() { const text = Q('inp-paste-menu').value.trim(); if (!text) return; const lines = text.split('\n'), emojiRx = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g; let h = lines[0].split(/[;\t]/).map(c => c.trim().toLowerCase()); let iCat = h.findIndex(c => c.includes('categoria') && !c.includes('sub')), iNom = h.findIndex(c => c.includes('nombre')), iDesc = h.findIndex(c => c.includes('descripcion') || c.includes('descripción')), iIng = h.findIndex(c => c.includes('ingrediente')); let iPre1 = h.findIndex(c => c.includes('precio') || c.includes('25') || c.includes('mediana') || c.includes('normal') || c.includes('clp')), iPre2 = h.findIndex(c => c.includes('32') || c.includes('familiar') || c.includes('grande')), iSug = h.findIndex(c => c.includes('sugerir')); if (iCat === -1) iCat = 0; if (iNom === -1) iNom = h.length > 2 ? 2 : 1; if (iDesc === -1) iDesc = h.length > 3 ? 3 : 2; if (iIng === -1) iIng = h.length > 4 ? 4 : -1; if (iPre1 === -1) iPre1 = h.length > 5 ? 4 : h.length - 1; if (iPre2 === -1 && h.length > 6) iPre2 = 5; let s1Name = h[iPre1] || 'Mediana', s2Name = iPre2 !== -1 ? (h[iPre2] || 'Familiar') : null; const newMenu = []; lines.forEach((line, idx) => { if (idx === 0 && line.toLowerCase().includes('nombre')) return; let cols = line.split(/[;\t]/).map(c => c.trim().replace(emojiRx, '')); if (cols.length < 2) return; const cat = cols[iCat] || 'General', nom = cols[iNom] || '', des = cols[iDesc] || '', ing = iIng !== -1 ? cols[iIng] : '', p1Str = cols[iPre1] || '', p2Str = iPre2 !== -1 ? cols[iPre2] || '' : '', sugStr = iSug !== -1 ? (cols[iSug] || '') : ''; if (!nom) return; let fullDesc = des; if (ing && ing.toLowerCase() !== des.toLowerCase() && ing !== '-' && ing !== '') fullDesc += (fullDesc ? ' - ' : '') + ing; let p1 = parsePrice(p1Str), p2 = parsePrice(p2Str), sizes = null; if (p2 > 0 && p1 > 0 && iPre2 !== -1) sizes = [{ name: s1Name, price: 0 }, { name: s2Name, price: p2 - p1 }]; newMenu.push({ categoria: cat, nombre: nom, descripcion: fullDesc, precio: p1, sizes, sugerible: sugStr.toUpperCase() === 'SI', extras: [], activo: true, img: '' }) }); if (newMenu.length > 0) { const r = REST.find(x => x.nombre === loggedR); if (r) { r.catalogo = newMenu; saveMenus(); renderMenuList(); buildPromos(); alert((lang === 'es' ? `¡Menú importado! ${newMenu.length} productos.` : `Menu imported! ${newMenu.length} items.`)); Q('inp-paste-menu').value = '' } } else alert(lang === 'es' ? "No se detectaron productos válidos." : "No valid products detected.") }

        function renderMenuList() {

            const r = REST.find(x => x.nombre === loggedR);

            if (!r) return;

            let infoHtml = `<div class="bg-white dark:bg-pn-dark-card rounded-2xl p-5 border border-gray-100 dark:border-gray-800 mb-6 shadow-sm"><h3 class="font-bold text-gray-900 dark:text-white mb-4 text-sm font-serif">Configuración del Local</h3><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><div><label class="block text-[10px] uppercase tracking-widest text-gray-400 mb-1 font-bold">Horarios de Atención</label><input type="text" class="fi text-sm py-2.5" value="${r.horario || ''}" placeholder="Ej: Lun a Sáb de 12:00 a 20:00" onchange="updRestInfo('horario', this.value)"></div><div><label class="block text-[10px] uppercase tracking-widest text-gray-400 mb-1 font-bold">Rubro / Descripción Corta</label><input type="text" class="fi text-sm py-2.5" value="${r.rubro || ''}" placeholder="Ej: Pizzería y Pastas" onchange="updRestInfo('rubro', this.value)"></div></div></div>`;

            if (!r.catalogo || !r.catalogo.length) {

                Q('menu-list').innerHTML = infoHtml + `<p class="text-center text-gray-400 text-sm font-medium py-10 bg-gray-50 dark:bg-[#0A0D0A] rounded-xl border border-dashed border-gray-200 dark:border-gray-800">${lang === 'es' ? 'No hay productos. Pega tu menú arriba.' : 'No products. Paste your menu above.'}</p>`;

                return

            }

            const indexed = r.catalogo.map((item, originalIndex) => ({ item, originalIndex })).sort((a, b) => {

                const af = a.item.sugerible ? 1 : 0, bf = b.item.sugerible ? 1 : 0;

                if (af !== bf) return bf - af;

                return a.originalIndex - b.originalIndex

            });

            Q('menu-list').innerHTML = infoHtml + indexed.map(({ item, originalIndex }) => {

                const av = item.activo !== false;

                return `<div class="bg-white dark:bg-pn-dark-card border border-gray-100 dark:border-gray-800 p-4 rounded-2xl flex flex-col gap-3 shadow-sm hover:shadow-md transition-shadow"><div class="flex justify-between items-center border-b border-gray-100 dark:border-gray-800 pb-2"><div class="flex items-center gap-2"><input type="text" value="${item.categoria || 'General'}" class="fi text-xs py-1.5 px-3 w-32 font-bold uppercase tracking-wider text-gray-500" placeholder="Categoría" onchange="updMenu(${originalIndex},'categoria',this.value)">${item.sugerible ? `<span class="text-[10px] font-black uppercase tracking-widest bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-300 px-2 py-1 rounded-md">Destacado</span>` : ''}</div><div class="flex items-center gap-4"><label class="flex items-center gap-2 cursor-pointer"><span class="text-[10px] font-bold uppercase tracking-wider ${item.sugerible ? 'text-pn-forest dark:text-pn-matcha' : 'text-gray-400'}">${lang === 'es' ? 'Destacar' : 'Highlight'}</span><input type="checkbox" class="sr-only" ${item.sugerible ? 'checked' : ''} onchange="updMenu(${originalIndex},'sugerible',this.checked)"><div class="block w-8 h-4 rounded-full ${item.sugerible ? 'bg-pn-forest dark:bg-pn-matcha' : 'bg-gray-300 dark:bg-gray-700'} relative"><div class="absolute left-0.5 top-0.5 bg-white w-3 h-3 rounded-full transition-transform duration-300 ${item.sugerible ? 'transform translate-x-4' : ''}"></div></div></label><label class="flex items-center gap-2 cursor-pointer border-l border-gray-200 dark:border-gray-700 pl-4"><span class="text-[10px] font-bold uppercase tracking-wider ${av ? 'text-pn-forest' : 'text-red-500'}">${av ? (lang === 'es' ? 'En Stock' : 'In Stock') : (lang === 'es' ? 'Agotado' : 'Sold Out')}</span><input type="checkbox" class="sr-only" ${av ? 'checked' : ''} onchange="updMenuStock(${originalIndex},this.checked)"><div class="block w-10 h-6 rounded-full ${av ? 'bg-pn-forest' : 'bg-gray-300 dark:bg-gray-700'} relative"><div class="absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform duration-300 ${av ? 'transform translate-x-4' : ''}"></div></div></label></div></div><div class="flex flex-col md:flex-row gap-4 items-start md:items-center"><div class="flex-1 w-full space-y-2"><input type="text" value="${item.nombre}" class="fi text-sm font-bold py-2 ${av ? '' : 'opacity-60 grayscale'}" onchange="updMenu(${originalIndex},'nombre',this.value)"><textarea class="fi text-xs py-2 ${av ? '' : 'opacity-60 grayscale'}" rows="1" onchange="updMenu(${originalIndex},'descripcion',this.value)">${t_desc(item.descripcion)}</textarea><div class="flex items-center gap-2 mt-1"><svg class="w-4 h-4 text-gray-400 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg><input type="text" value="${item.img || ''}" class="fi text-xs py-1.5 px-3 flex-1 bg-gray-50 dark:bg-[#121612] border-dashed" placeholder="URL imagen (opcional)" onchange="updMenu(${originalIndex},'img',this.value)"></div></div><div class="w-full md:w-36 flex items-center gap-2"><span class="text-gray-400 font-bold">$</span><input type="number" value="${item.precio}" class="fi text-sm font-bold text-right py-2 ${av ? '' : 'opacity-60 grayscale'}" onchange="updMenu(${originalIndex},'precio',this.value)"></div><button onclick="rmMenu(${originalIndex})" class="w-10 h-10 shrink-0 flex items-center justify-center rounded-lg bg-red-50 text-red-500 hover:bg-red-500 hover:text-white transition-colors self-end md:self-auto"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><use href="#it"/></svg></button></div></div>`

            }).join('')

        }

        function updRestInfo(field, value) {

            const r = REST.find(x => x.nombre === loggedR);

            if (r) {

                r[field] = value;

                saveRestaurantStates();

                buildPromos();

                if (!Q('v-client').classList.contains('hidden')) renderGrid();

            }

        }

        function updMenu(i, f, v) {

            const r = REST.find(x => x.nombre === loggedR);

            if (r && r.catalogo) {

                if (f === 'sugerible') {

                    r.catalogo.forEach((item, idx) => { item.sugerible = idx === i ? !!v : false; });

                } else {

                    r.catalogo[i][f] = f === 'precio' ? parsePrice(v.toString()) : v;

                }

                saveMenus();

                if (f === 'sugerible') renderMenuList();

                buildPromos();

                if (!Q('v-client').classList.contains('hidden')) renderGrid();

            }

        }

        function updMenuStock(i, a) { const r = REST.find(x => x.nombre === loggedR); if (r && r.catalogo) { r.catalogo[i].activo = a; saveMenus(); renderMenuList(); buildPromos(); if (!Q('v-client').classList.contains('hidden')) renderGrid(); } }

        function addMenuItem() { const r = REST.find(x => x.nombre === loggedR), n = Q('inp-item-name').value, p = Q('inp-item-price').value, d = Q('inp-item-desc').value; if (r && n) { if (!r.catalogo) r.catalogo = []; r.catalogo.unshift({ categoria: 'General', nombre: n, descripcion: d || '', precio: parsePrice(p.toString()), extras: [], sugerible: false, activo: true, img: '' }); Q('inp-item-name').value = ''; Q('inp-item-price').value = ''; Q('inp-item-desc').value = ''; saveMenus(); renderMenuList(); buildPromos(); } }

        function rmMenu(i) { pending = { id: i, context: 'delete_menu' }; Q('time-picker').classList.add('hidden'); Q('action-msg').textContent = lang === 'es' ? '¿Eliminar producto del menú?' : 'Delete product from menu?'; show('mod-action'); }
    


        /* === ACTIONS & CANCEL === */

        function openAction(id, st, ctx) {

            pending = { id, newStatus: st, context: ctx };

            let msg = '';

            Q('time-picker').classList.add('hidden');

            if (ctx === 'kitchen') {

                if (st === 'Recibido') msg = lang === 'es' ? '¿Confirmas recepción?' : 'Confirm reception?';

                else if (st === 'En Preparación') {

                    msg = lang === 'es' ? 'Elige tiempo de preparación:' : 'Choose prep time:';

                    Q('time-picker').classList.remove('hidden');

                    Q('time-btns').innerHTML = [15, 30, 45, 60].map(m => `<button onclick="Q('sel-time').value=${m};Q('time-btns').querySelectorAll('button').forEach(b=>b.classList.remove('bg-green-50','text-pn-forest','border-pn-forest'));this.classList.add('bg-green-50','text-pn-forest','border-pn-forest')" class="bg-white dark:bg-pn-dark-card border border-gray-200 dark:border-gray-700 hover:border-pn-forest hover:text-pn-forest py-2.5 rounded-lg text-sm font-bold">${m} min</button>`).join('')

                } else if (st === 'Listo para entrega') msg = lang === 'es' ? '¿Marcar como listo?' : 'Mark ready?'

            } else if (ctx === 'admin') {

                msg = st === 'En Camino' ? (lang === 'es' ? '¿Repartidor lleva el pedido?' : 'Rider has the order?') : (lang === 'es' ? '¿Confirmas entrega?' : 'Confirm delivery?')

            }

            Q('action-msg').textContent = msg;

            show('mod-action')

        }

        function closeAction() {

            hide('mod-action');

            pending = null

        }

        function confirmAction() {

            if (!pending) return;

            if (pending.context === 'delete_menu') {

                const r = REST.find(x => x.nombre === loggedR);

                if (r && r.catalogo) {

                    r.catalogo.splice(pending.id, 1);

                    saveMenus();

                    renderMenuList();

                    buildPromos();

                }

                closeAction();

                return;

            }

            const p = findOrder(pending.id);

            if (!p) {

                closeAction();

                return;

            }

            if (pending.context === 'kitchen' && pending.newStatus === 'En Preparación') {

                const t = Q('sel-time').value;

                if (!t) {

                    alert(lang === 'es' ? "Selecciona tiempo" : "Select time");

                    return

                }

                p.estimatedTime = t

            }

            setOrderStatus(p, pending.newStatus, pending.context === 'admin' ? 'logistics' : 'kitchen');

            orders = sortOpsOrders(orders);

            saveOrders();

            refreshPanels();

            closeAction()

        }

        function openCancel(id, src) {

            pending = { id, source: src };

            const reasons = T(src === 'client' ? 'cancel_reasons_client' : 'cancel_reasons_staff');

            Q('sel-cancel').innerHTML = `<option value="">${lang === 'es' ? 'Selecciona un motivo' : 'Select a reason'}</option>` + reasons.map(r => `<option value="${r}">${r}</option>`).join('');

            show('mod-cancel')

        }

        function processCancel() {

            if (!pending) return;

            const reason = Q('sel-cancel').value;

            if (!reason) {

                alert(lang === 'es' ? "Selecciona motivo" : "Select reason");

                return

            }

            const p = findOrder(pending.id);

            if (p) {

                if (pending.source === 'client') {

                    if (p.status === 'Pagado') {

                        p.cancelInfo = { reason, source: 'client' };

                        setOrderStatus(p, 'Cancelado', 'client');

                        orders = sortOpsOrders(orders);

                        saveOrders();

                        refreshPanels();

                        hide('mod-cancel');

                        pending = null;

                        alert(lang === 'es' ? "Pedido cancelado." : "Order cancelled.");

                        return

                    } else {

                        p.cancellationRequested = true;

                        p.cancelRequestReason = reason;

                        p.updatedAt = new Date().toISOString();

                        syncOperationalFields(p);

                        saveOrders();

                        refreshPanels();

                        hide('mod-cancel');

                        pending = null;

                        alert(lang === 'es' ? "Solicitud enviada al local." : "Request sent.");

                        return

                    }

                } else {

                    p.cancelInfo = { reason, source: pending.source };

                    setOrderStatus(p, 'Cancelado', pending.source || 'staff');

                    orders = sortOpsOrders(orders);

                    saveOrders();

                    refreshPanels()

                }

            }

            hide('mod-cancel');

            pending = null

        }

        function processCancellationResponse(ref, accept) {

            const p = findOrder(ref);

            if (!p) return;

            if (accept) {

                p.cancelInfo = { reason: p.cancelRequestReason, source: 'client' };

                setOrderStatus(p, 'Cancelado', 'restaurant');

            }

            p.cancellationRequested = false;

            p.cancelRequestReason = null;

            p.updatedAt = new Date().toISOString();

            syncOperationalFields(p);

            orders = sortOpsOrders(orders);

            saveOrders();

            refreshPanels();

        }
    


        /* === CHAT === */

        function handleChat() {

            const inp = Q('inp-chat'), raw = inp.value.trim();

            if (!raw) return;

            const msg = raw.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();

            addBubble(raw, 'user');

            inp.value = '';

            setTimeout(() => {

                let r = lang === 'es' ? "No encontré información exacta. Usa el buscador o explora los menús. ¿Te ayudo con algo más?" : "I couldn't find exact info. Use the search bar or explore menus.";

                let allItems = [];

                REST.forEach(rest => {

                    if (rest.catalogo) rest.catalogo.forEach(item => {

                        if (item.activo !== false && item.precio > 0) allItems.push({ ...item, rest: rest.nombre })

                    })

                });

                if (msg.match(/(promo|promocion).*(barat|economic)/) || msg.match(/(cual|que).*promo.*(barat|economic)/)) {

                    let promos = allItems.filter(i => i.categoria.toLowerCase().includes('promo'));

                    if (promos.length) {

                        promos.sort((a, b) => a.precio - b.precio);

                        r = `La promo más económica: <b>${promos[0].nombre}</b> de <b>${promos[0].rest}</b> por <b>${fp(promos[0].precio)}</b>.<br><span class='text-[10px] text-gray-500 mt-1.5 block'>${t_desc(promos[0].descripcion)}</span>`

                    } else {

                        r = "No tenemos promociones registradas."

                    }

                }

                else if (msg.match(/(mas|lo mas|algo) (barat|economic)/) || msg.match(/que es lo (barat|economic)/)) {

                    let food = allItems.filter(i => !i.categoria.toLowerCase().match(/extra|bebida|postre|antojo/));

                    if (food.length) {

                        food.sort((a, b) => a.precio - b.precio);

                        r = `Te sugiero <b>${food[0].nombre}</b> de <b>${food[0].rest}</b> por <b>${fp(food[0].precio)}</b>.<br><span class='text-[10px] text-gray-500 mt-1.5 block'>${t_desc(food[0].descripcion)}</span>`

                    }

                }

                else if (msg.match(/(mas|lo mas) (caro|premium|exclusivo)/)) {

                    allItems.sort((a, b) => b.precio - a.precio);

                    r = `Lo más exclusivo: <b>${allItems[0].nombre}</b> en <b>${allItems[0].rest}</b> por <b>${fp(allItems[0].precio)}</b>.<br><span class='text-[10px] text-gray-500 mt-1.5 block'>${t_desc(allItems[0].descripcion)}</span>`

                }

                else if (msg.match(/(recomienda|mejor|que pedir|sugieres|rico)/)) {

                    r = "¡Todo es riquísimo! 🤤 Prueba <b>El Delicioso</b> de Eiroa, la <b>Burrata Ibérica</b> de Napo Ea, o la <b>Lasaña Bolognesa</b> de Fabrikai."

                }

                else if (msg.match(/^(hola|iorana|hello|hi|buenos dias|buenas tardes|alo)/)) {

                    r = lang === 'es' ? "¡Iorana! 🗿 Pregúntame sobre menús, precios, promos o delivery." : "Iorana! 🗿 Ask me about menus, prices, promos or delivery."

                }

                else if (msg.match(/(hora|abren|cierra|horario|hours|open|close)/)) {

                    r = lang === 'es' ? "La mayoría opera de <b>12:00 PM a medianoche</b>." : "Most restaurants operate from <b>12:00 PM to midnight</b>."

                }

                else if (msg.match(/(soporte|ayuda|help|support|contacto|problema)/)) {

                    r = `${lang === 'es' ? 'Contáctanos al' : 'Contact us via'} <a href='https://wa.me/56984752109' class='underline font-bold text-pn-forest dark:text-pn-matcha'>WhatsApp</a>`

                }

                else if (msg.match(/(pago|tarjeta|pay|card|efectivo)/)) {

                    r = lang === 'es' ? "Aceptamos pago con tarjeta (Débito/Crédito) vía Webpay Plus." : "We accept secure Webpay (Debit/Credit)."

                }

                else if (msg.match(/(envio|despacho|delivery|reparto|zona|mapa|recargo|hora punta|lluvia|clima|tarifa)/)) {

                    let base = lang === 'es' ? "El envío se calcula según el destino marcado en el mapa y la tabla de distancias del restaurante (puntos 1 a 40). " : "Delivery is calculated using the map destination and each restaurant distance table (points 1 to 40). ";

                    if (surgeActive) { const fees = getSurgeBreakdown(); const parts = []; if (fees.peakFee) parts.push(`hora punta ${fp(fees.peakFee)}`); if (fees.rainFee) parts.push(`lluvia ${fp(fees.rainFee)}`); base += `<br><br><b class="text-amber-600">⚠️ Recargos activos: ${parts.join(' + ')}.</b>`; }

                    else base += "<br><br>Tarifa normal activa.";

                    r = base

                }

                else if (msg.match(/(pizza|pasta|italiana|lasaña)/) && !msg.match(/(barat|caro)/)) {

                    r = "Explora <b>Napo Ea</b> o <b>Fabrikai</b> para pizzas y pastas frescas."

                }

                else if (msg.match(/(hamburguesa|burger|bajon|papas fritas)/) && !msg.match(/(barat|caro)/)) {

                    r = "¡<b>Eiroa Burgers</b> es tu lugar para hamburguesas increíbles!"

                }

                else {

                    let found = [];

                    const words = msg.split(' ').filter(w => w.length > 3);

                    allItems.forEach(item => {

                        const n = item.nombre.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""),

                            d = item.descripcion.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""),

                            c = item.categoria.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");

                        if (msg.length > 2 && (n.includes(msg) || c.includes(msg))) found.push(item);

                        else if (words.length > 0 && words.some(w => n.includes(w) || d.includes(w))) found.push(item)

                    });

                    if (found.length) {

                        found.sort((a, b) => {

                            const an = a.nombre.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""),

                                bn = b.nombre.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");

                            return (bn.includes(msg) ? 1 : 0) - (an.includes(msg) ? 1 : 0)

                        });

                        const match = found[0];

                        let ps = match.precio === 0 ? 'precio variable' : fp(match.precio);

                        if (match.sizes && match.sizes.length > 1) ps = `${fp(match.precio)} o ${fp(match.precio + match.sizes[1].price)}`;

                        r = `Tenemos <b>${match.nombre}</b> en <b>${match.rest}</b> por <b>${ps}</b>.<br><span class='text-[10px] text-gray-500 mt-1.5 block'>${t_desc(match.descripcion)}</span>`

                    }

                }

                addBubble(r, 'bot')

            }, 600)

        }

        function addBubble(t, type) {

            const c = Q('chat-msgs'), d = document.createElement('div');

            d.className = type === 'user' ? 'bg-pn-forest text-white p-3 rounded-2xl rounded-tr-sm self-end max-w-[85%] shadow-sm' : 'bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 p-3 rounded-2xl rounded-tl-sm self-start max-w-[85%] shadow-sm border border-gray-100 dark:border-gray-700';

            d.innerHTML = t;

            c.appendChild(d);

            c.scrollTop = c.scrollHeight

        }
    


        /* === REPORTS === */

        function getOrdersInRange(start, end) {

            const s = start ? new Date(start + "T00:00:00") : null, e = end ? new Date(end + "T23:59:59") : null;

            return orders.filter(o => {

                const d = new Date(o.createdAt || o.timestamp || 0);

                return (!s || d >= s) && (!e || d <= e);

            });

        }

        function setReportRange(mode) {

            const now = new Date();

            const fmt = d => new Date(d.getTime() - d.getTimezoneOffset() * 60000).toISOString().slice(0, 10);

            let from = new Date(now), to = new Date(now);

            if (mode === 'week') from.setDate(now.getDate() - 6);

            Q('report-from').value = fmt(from);

            Q('report-to').value = fmt(to);

            renderReportSummary();

        }

        function summarizeReportRows(rows) {

            const byRest = {};

            rows.forEach(o => {

                if (!byRest[o.restaurante]) byRest[o.restaurante] = { restaurant: o.restaurante, orders: 0, sales: 0, delivery: 0, tip: 0, commission: 0, payout: 0 };

                const r = byRest[o.restaurante];

                r.orders += 1;

                r.sales += o.subtotal || 0;

                r.delivery += o.shipping || 0;

                r.tip += o.tip || 0;

                r.commission += o.commissionAmount || 0;

                r.payout += (o.subtotal || 0) - (o.commissionAmount || 0);

            });

            return Object.values(byRest).sort((a, b) => b.sales - a.sales);

        }

        function renderReportSummary() {

            const box = Q('report-summary');

            if (!box) return;

            const rows = getOrdersInRange(Q('report-from').value, Q('report-to').value).filter(o => o.status !== 'Cancelado');

            const summary = summarizeReportRows(rows);

            const totalSales = summary.reduce((n, r) => n + r.sales, 0);

            const totalComm = summary.reduce((n, r) => n + r.commission, 0);

            const totalPayout = summary.reduce((n, r) => n + r.payout, 0);

            const cards = `

<div class="rounded-2xl border border-gray-100 dark:border-gray-800 bg-gray-50 dark:bg-gray-800/40 p-4">

<p class="text-[10px] uppercase tracking-widest text-gray-400 font-bold">Venta productos</p>

<p class="text-xl font-bold text-gray-900 dark:text-white mt-1">${fp(totalSales)}</p>

</div>

<div class="rounded-2xl border border-gray-100 dark:border-gray-800 bg-gray-50 dark:bg-gray-800/40 p-4">

<p class="text-[10px] uppercase tracking-widest text-gray-400 font-bold">Comisión app</p>

<p class="text-xl font-bold text-red-500 mt-1">${fp(totalComm)}</p>

</div>

<div class="rounded-2xl border border-gray-100 dark:border-gray-800 bg-gray-50 dark:bg-gray-800/40 p-4">

<p class="text-[10px] uppercase tracking-widest text-gray-400 font-bold">A pagar locales</p>

<p class="text-xl font-bold text-pn-forest dark:text-pn-matcha mt-1">${fp(totalPayout)}</p>

</div>`;

            const breakdown = summary.length ? `

<div class="md:col-span-3 rounded-2xl border border-gray-100 dark:border-gray-800 overflow-hidden bg-white dark:bg-pn-dark-card">

<div class="px-4 py-3 border-b border-gray-100 dark:border-gray-800 flex items-center justify-between">

<h4 class="font-bold text-sm text-gray-900 dark:text-white">Desglose por local</h4>

<span class="text-[10px] text-gray-400">Base para liquidación</span>

</div>

<div class="overflow-x-auto">

<table class="min-w-full text-sm">

<thead class="bg-gray-50 dark:bg-gray-800/50 text-gray-500">

<tr>

<th class="text-left px-4 py-3">Local</th>

<th class="text-right px-4 py-3">Pedidos</th>

<th class="text-right px-4 py-3">Venta</th>

<th class="text-right px-4 py-3">Delivery</th>

<th class="text-right px-4 py-3">Propinas</th>

<th class="text-right px-4 py-3">Comisión</th>

<th class="text-right px-4 py-3">A pagar</th>

</tr>

</thead>

<tbody>

${summary.map(r => `

<tr class="border-t border-gray-100 dark:border-gray-800">

<td class="px-4 py-3 font-medium text-gray-900 dark:text-white">${r.restaurant}</td>

<td class="px-4 py-3 text-right">${r.orders}</td>

<td class="px-4 py-3 text-right">${fp(r.sales)}</td>

<td class="px-4 py-3 text-right">${fp(r.delivery)}</td>

<td class="px-4 py-3 text-right">${fp(r.tip)}</td>

<td class="px-4 py-3 text-right text-red-500">${fp(r.commission)}</td>

<td class="px-4 py-3 text-right text-pn-forest dark:text-pn-matcha font-semibold">${fp(r.payout)}</td>

</tr>`).join('')}

</tbody>

</table>

</div>

</div>` : `<div class="md:col-span-3 text-sm text-gray-500 px-1">No hay ventas en ese rango.</div>`;

            box.innerHTML = cards + breakdown;

        }

        function exportSalesReport() {

            const from = Q('report-from')?.value || '', to = Q('report-to')?.value || '';

            const rows = getOrdersInRange(from, to);

            const valid = rows.filter(o => o.status !== 'Cancelado');

            const summary = summarizeReportRows(valid);

            if (!valid.length) {

                alert(lang === 'es' ? 'No hay pedidos en ese rango.' : 'No orders in that range.');

                return;

            }

            const summaryRows = summary.map(r => ({

                TipoRegistro: 'RESUMEN_LOCAL',

                Local: r.restaurant,

                Pedidos: r.orders,

                VentaProductos: r.sales,

                DeliveryCobrado: r.delivery,

                Propinas: r.tip,

                ComisionApp: r.commission,

                APagarLocal: r.payout

            }));

            const detailRows = valid.map(o => ({

                TipoRegistro: 'DETALLE_PEDIDO',

                Fecha: (o.createdAt || o.timestamp || '').replace('T', ' ').slice(0, 16),

                Pedido: o.id,

                Local: o.restaurante,

                TipoPedido: o.type === 'pickup' ? 'Retiro' : 'Delivery',

                EstadoPedido: o.status,

                CanalEstado: o.channel_status || '',

                EstadoCocina: o.kitchen_status || '',

                EstadoLogistica: o.delivery_status || '',

                Cliente: o.clientName,

                Telefono: o.clientPhone || '',

                Destino: o.zone || '',

                MedioPago: 'Webpay',

                SubtotalProductos: o.subtotal || 0,

                Delivery: o.shipping || 0,

                Propina: o.tip || 0,

                TotalCliente: o.total || 0,

                PorcentajeComision: Math.round((o.commissionRate || 0) * 100),

                ComisionMonto: o.commissionAmount || 0,

                PagoLocal: (o.subtotal || 0) - (o.commissionAmount || 0),

                Observacion: o.notes || '',

                AjusteManual: '',

                EstadoLiquidacion: 'Pendiente',

                FechaPago: ''

            }));

            const headers = Array.from(new Set([...Object.keys(summaryRows[0]), ...Object.keys(detailRows[0])]));

            const lines = [headers.join(';')];

            [...summaryRows, ...detailRows].forEach(row => {

                lines.push(headers.map(h => JSON.stringify(row[h] ?? '')).join(';'));

            });

            const csv = lines.join('\n');

            const blob = new Blob(["\uFEFF" + csv], { type: 'text/csv;charset=utf-8;' });

            const url = URL.createObjectURL(blob);

            const a = document.createElement('a');

            a.href = url;

            a.download = `cartola_tarikai_${from || 'inicio'}_${to || 'fin'}.csv`;

            a.click();

            setTimeout(() => URL.revokeObjectURL(url), 1000);

        }
    

Requests	IP Address	Location	AS Autonomous System
7	188.114.96.3	United States	AS13335Cloudflare, Inc.
2	104.18.3.36	United States	AS13335Cloudflare, Inc.
2	142.251.13.95	United States	AS15169Google LLC
2	142.251.110.94	United States	AS15169Google LLC
2	104.26.3.143	United States	AS13335Cloudflare, Inc.
2	104.21.80.4	United States	AS13335Cloudflare, Inc.
2	104.16.125.108	United States	AS13335Cloudflare, Inc.
19	7	-	-

Security Scan Report: tarikai.pages.dev

Summary

AI Security Verdict

Moderate Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies4

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History