document.addEventListener("DOMContentLoaded", function() {
    const variantInventory = document.getElementById("variant-inventory");

    // إنشاء زر "دليل المقاسات"
    const sizeGuideBtn = document.createElement("button");
    sizeGuideBtn.innerHTML = '<i class="sicon-pencil-ruler"></i> دليل المقاسات';
    sizeGuideBtn.className = "bg-primary text-white px-4 py-2 rounded-md mt-2";
    sizeGuideBtn.id = "sizeGuideBtn";

    // إنشاء جدول المقاسات
    const sizeGuideTable = document.createElement("div");
    sizeGuideTable.id = "sizeGuideTable";
    sizeGuideTable.className = "hidden mt-4 border p-4 bg-gray-100 rounded-md";
    sizeGuideTable.innerHTML = `
        <h3 class="text-lg font-bold mb-2">جدول المقاسات</h3>
        <table class="w-full border-collapse border border-gray-400">
            <thead>
                <tr class="bg-gray-300">
                    <th class="border border-gray-400 px-4 py-2">المقاس</th>
                    <th class="border border-gray-400 px-4 py-2">الطول</th>
                    <th class="border border-gray-400 px-4 py-2">العرض</th>
                    <th class="border border-gray-400 px-4 py-2">طول الكم</th>
                </tr>
            </thead>
            <tbody id="sizeTableBody"></tbody>
        </table>
    `;

    // إدراج العناصر بعد `variant-inventory`
    variantInventory.insertAdjacentElement("afterend", sizeGuideBtn);
    sizeGuideBtn.insertAdjacentElement("afterend", sizeGuideTable);

    // بيانات المقاسات
    const sizes = [50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60];
    const sizeTableBody = document.getElementById("sizeTableBody");

    sizes.forEach((size, index) => {
        let row = document.createElement("tr");
        row.innerHTML = `
            <td class="border border-gray-400 px-4 py-2">${size}</td>
            <td class="border border-gray-400 px-4 py-2">${50 + index}</td>
            <td class="border border-gray-400 px-4 py-2">${(21 + index * 0.5).toFixed(1)}</td>
            <td class="border border-gray-400 px-4 py-2">${28 + Math.floor(index / 2)}</td>
        `;
        sizeTableBody.appendChild(row);
    });

    // التحكم في إظهار وإخفاء الجدول
    sizeGuideBtn.addEventListener("click", function() {
        sizeGuideTable.classList.toggle("hidden");
    });
});






document.addEventListener("DOMContentLoaded", function () {
 
  
  const footerRights = document.querySelector('.footer-bottom .footer-rights');

  if (footerRights) {
    const poweredBySpan = document.createElement("span");
    poweredBySpan.innerHTML = '<a href="https://tara.com.sa/" target="_blank" rel="noreferrer" class="hover:text-primary">Powered by TARA</a>';
    
    footerRights.insertAdjacentElement("beforebegin", poweredBySpan);
  } else {
    console.error("⚠️ لم يتم العثور على عنصر 'footer-rights'");
  }
});