index.js

const express = require("express");
const { create } = require("express-handlebars");
const { v4: uuid } = require("uuid");

const app = express();

//MIDDLEWARE
//DEJAMOS PUBLICA LA CARPETA PUBLIC
app.use("/public", express.static(__dirname + "/public"));

/*
si el cliente manda un objeto de notación javascript
dicho objeto quedará guardado en req.body
*/
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

//crear instancia de hanblebars con configuración de carpeta de partials
const hbs = create({
    partialsDir: ["views/partials/"],
});

//registrar handlebars como motor de plantillas de la app de express.

app.engine("handlebars", hbs.engine);
app.set("view engine", "handlebars");
app.set("views", __dirname + "/views");

app.listen(3000, () =>
    console.log("Servidor escuchando en http://localhost:3000")
);

//RUTAS DE VISTAS
//RUTA PRINCIPAL
app.get("/", (req, res) => {
    res.render("home", {
        homePage: true,
    });
});

let productos = [
    {
        id: 1,
        nombre: "Perfume",
        precio: 500,
        img: "/public/img/producto1.jpg",
    },
    {
        id: 2,
        nombre: "Vinagre",
        precio: 1000,
        img: "/public/img/producto2.webp",
    },
    {
        id: 3,
        nombre: "Aceite de coco",
        precio: 2000,
        img: "/public/img/producto3.webp",
    },
    {
        id: 4,
        nombre: "Aceite extra virgen",
        precio: 4500,
        img: "/public/img/producto4.webp",
    },
];

app.get("/productos", (req, res) => {
    res.render("productos", {
        productos,
        titulo: "Lista de productos.",
        productsPage: true,
    });
});

app.get("/productos/mantenedor", (req, res) => {
    res.render("productosMantenedor", {
        productos,
    });
});

//ENDPOINTS
//ENDPOINT AGREGAR PRODUCTOS
app.post("/api/productos", (req, res) => {
    try {
        let { nombre, precio, imagen } = req.body;
        let nuevoProducto = {
            id: uuid().slice(0, 6),
            nombre,
            precio,
            img: imagen,
        };

        productos.push(nuevoProducto);

        res.status(201).send({
            code: 201,
            message: "Producto creado con éxito.",
        });
    } catch (error) {
        res.status(500).send({
            code: 500,
            message: "Problemas internos del servidor.",
        });
    }
});

//ENDPOINT DE ELIMINAR

app.delete("/api/productos/:id", (req, res) => {
    try {
        let id = req.params.id;

        //eliminar elemento de un array

        //encontrar indice el producto
        let indice = productos.findIndex((producto) => producto.id == id);

        if (indice == -1) {
            return res.status(400).send({
                code: 400,
                message: `ID DE PRODUCTO ${id} NO ENCONTRADO, RECARGUE LA PÁGINA.`,
            });
        }

        productos.splice(indice, 1);

        res.status(200).send({
            code: 200,
            message: "Producto eliminado con éxito.",
        });
    } catch (error) {
        res.status(500).send({
            code: 500,
            message: "Ha ocurrido un error al intentar eliminar el producto.",
        });
    }
});


app.put("/api/productos/:id", (req, res) => {
    try {
        let id = req.params.id;
        let { nombre, precio, imagen } = req.body;

        let productoBuscado = productos.find(producto => producto.id == id);

        if (!productoBuscado) {
             return res.status(400).send({
                 code: 400,
                 message: `PRODUCTO CON ${id} NO ENCONTRADO, PRUEBE RECARGUE LA PÁGINA.`,
             });
        }
        productoBuscado.nombre = nombre || productoBuscado.nombre;
        productoBuscado.precio = precio || productoBuscado.precio;
        productoBuscado.img = imagen || productoBuscado.img;

        res.status(201).send({
            code: 201,
            message: "Producto modificado con éxito.",
        });
    } catch (error) {
        console.log(error);
        res.status(500).send({
            code: 500,
            message: "Problemas internos del servidor.",
        });
    }
});

app.get("/api/productos/:id", (req, res) => {
    try {
        let id = req.params.id;
        let productoBuscado = productos.find((producto) => producto.id == id);

        if (!productoBuscado) {
            return res.status(400).send({
                code: 400,
                message: `PRODUCTO CON ${id} NO ENCONTRADO, PRUEBE RECARGUE LA PÁGINA.`,
            });
        }
        res.send({ code: 200, producto: productoBuscado });
    } catch (error) {
        res.status(500).send({code: 500, message:"No se pudieron cargar los productos."})
    }
});


//SIEMPRE AL FINAL
app.all("*", (req, res) => {
    res.render("error404", {
        layout: "error",
    });
});