document.addEventListener("DOMContentLoaded", function () {
    const tabBtn = document.querySelector('.more-info-tabs__nav-link.mobile[data-id="reviews"]');
    const tabContent = document.querySelector('#reviews');

    if (tabBtn && tabContent) {
        tabBtn.classList.add("active");
        tabContent.classList.add("show", "active");
        tabContent.style.display = "block";
    }
});





document.addEventListener("DOMContentLoaded", function () {
  const target = document.querySelector("#product-form > salla-product-options > salla-conditional-fields");

  if (target) {
    const html = `
      <div class="accordion-group">
        <div class="accordion-title icon-size"> جدول مقاسات الفساتين</div>
        <div class="accordion-content">

          <table>
            <thead>
              <tr>
                <th>المقاس</th>
                <th>الصدر</th>
                <th>الخصر</th>
                <th>الأرداف</th>
              </tr>
            </thead>
            <tbody>
              <tr><td>S</td><td>32</td><td>26</td><td>36</td></tr>
              <tr><td>M</td><td>34</td><td>28</td><td>38</td></tr>
              <tr><td>L</td><td>36</td><td>30</td><td>40</td></tr>
              <tr><td>XL</td><td>38</td><td>32</td><td>42</td></tr>
              <tr><td>XXL</td><td>40</td><td>34</td><td>44</td></tr>
              <tr><td>XXXL</td><td>42</td><td>36</td><td>46</td></tr>
            </tbody>
          </table>

        </div>
      </div>
    `;

    // ندرجه أسفل كل الأكوردينات الحالية
    target.insertAdjacentHTML("beforeend", html);

    // نفس حركة الفتح/الإغلاق
    document.querySelectorAll(".accordion-title").forEach((title) => {
      title.addEventListener("click", () => {
        const parent = title.closest(".accordion-group");
        const isOpen = parent.classList.contains("open");

        document
          .querySelectorAll(".accordion-group")
          .forEach((g) => g.classList.remove("open"));

        if (!isOpen) parent.classList.add("open");
      });
    });
  }
});