import data from "./Jsondata.js"
const urlParams = new URLSearchParams(window.location.search);
const page = urlParams.get('page');
const formattedTitle = page.replace(/_/g, ' ').toUpperCase();
const filteredDecorations = data[page] || [];
const maindiv = document.getElementById("package_Image_map_div");
maindiv.innerHTML = '';
const title=document.getElementById("Subheading");
title.innerHTML=formattedTitle
filteredDecorations.forEach((el) => {
    const itemDiv = document.createElement('div');
    itemDiv.className = 'decor-item';

    const img = document.createElement('img');
    img.src = el.image;
    img.alt = el.name;

    const heading = document.createElement('h6');
    heading.textContent = el.name;

    const paragraph = document.createElement('p');
    paragraph.textContent = el.price;

    itemDiv.appendChild(img);
    itemDiv.appendChild(heading);
    itemDiv.appendChild(paragraph);
    itemDiv.addEventListener('click', () => {
        window.location.href = `productdetail.html?slug=${el.slug}`;
    });

    maindiv.appendChild(itemDiv);
});