<script>
document.addEventListener("input", calcularTotal);
document.addEventListener("change", calcularTotal);
function calcularTotal() {
let total = 0;
/* =====================
PRECIOS
===================== */
const PRECIOS = {
empanada: 35,
pasta_59: 59,
pasta_89: 89,
extra: 22,
refresco: 22,
gajos: 75,
papas: 75
};
/* =====================
EMPANADAS
===================== */
document.querySelectorAll(
'[name^="empanada_"]'
).forEach(input => {
total += (parseInt(input.value) || 0) * PRECIOS.empanada;
});
/* =====================
PASTAS
===================== */
const pastas59 = [
'pasta_pesto',
'pasta_aglio',
'pasta_tuco',
'pasta_tozajo'
];
pastas59.forEach(name => {
const el = document.querySelector(`[name="${name}"]`);
if (el) total += (parseInt(el.value) || 0) * PRECIOS.pasta_59;
});
const bolo = document.querySelector('[name="pasta_bolo"]');
if (bolo) total += (parseInt(bolo.value) || 0) * PRECIOS.pasta_89;
/* =====================
EXTRAS
===================== */
document.querySelectorAll(
'[name^="extra_"]'
).forEach(input => {
total += (parseInt(input.value) || 0) * PRECIOS.extra;
});
/* =====================
REFRESCOS (DINÁMICOS)
===================== */
document.querySelectorAll(
'[name="bebida_refresco[]"]'
).forEach(input => {
total += (parseInt(input.value) || 0) * PRECIOS.refresco;
});
/* =====================
ACOMPAÑANTES
===================== */
const gajos = document.querySelector('[name="acompanante_gajos"]');
if (gajos) total += (parseInt(gajos.value) || 0) * PRECIOS.gajos;
const papas = document.querySelector('[name="acompanante_papas"]');
if (papas) total += (parseInt(papas.value) || 0) * PRECIOS.papas;
/* =====================
ENVÍO POR COLONIA
===================== */
const colonia = document.getElementById("colonia");
if (colonia && colonia.value) {
const envio = parseInt(colonia.value.split("|")[1]) || 0;
total += envio;
}
/* =====================
MOSTRAR TOTAL
===================== */
document.getElementById("total").textContent =
"$" + total.toFixed(2);
}
</script>
