Cevichería El Sabor Marino — Full Feature Overview

setInterval(() => {
  slideIndex = (slideIndex + 1) % slides.length;
  updateCarousel();
}, 5000);

class Categoria(models.Model):
    nombre = models.CharField(max_length=100)

class Plato(models.Model):
    categoria = models.ForeignKey(Categoria, on_delete=models.CASCADE)
    nombre    = models.CharField(max_length=200)
    descripcion = models.TextField()
    precio    = models.DecimalField(max_digits=8, decimal_places=2)
    imagen    = models.ImageField(upload_to='platos/')
    disponible = models.BooleanField(default=True)
    creado    = models.DateTimeField(auto_now_add=True)

let carrito = [];

function agregarCarrito(nombre, precio) {
    carrito.push({ nombre, precio });
    mostrarNotificacion(nombre + " agregado 🛒");
    actualizarCarrito();
}

function actualizarCarrito() {
    console.log(carrito);
}

function mostrarNotificacion(msg) {
    const notif = document.createElement("div");
    notif.className = "toast";
    notif.innerText = msg;
    document.body.appendChild(notif);
    setTimeout(() => notif.classList.add("show"), 100);
    setTimeout(() => {
        notif.classList.remove("show");
        setTimeout(() => notif.remove(), 300);
    }, 2500);
}

const scrollElements = document.querySelectorAll(
    '.scroll-reveal, .scroll-left, .scroll-right'
);

const elementInView = (el, offset = 100) => {
    const elementTop = el.getBoundingClientRect().top;
    return elementTop <= (window.innerHeight - offset);
};

const displayScrollElement = (element) => {
    element.classList.add('show');
};

const handleScrollAnimation = () => {
    scrollElements.forEach(el => {
        if (elementInView(el, 150)) {
            displayScrollElement(el);
        }
    });
};

window.addEventListener('scroll', () => { handleScrollAnimation(); });
window.addEventListener('load',   () => { handleScrollAnimation(); });

function abrirModal(nombre, desc) {
    document.getElementById("modal").style.display = "block";
    document.getElementById("modalTitulo").innerText = nombre;
    document.getElementById("modalDesc").innerText = desc;
}

function cerrarModal() {
    document.getElementById("modal").style.display = "none";
}