/* Add custom JS code below */ 
document.addEventListener("DOMContentLoaded", function () {

  function cleanText(text) {
    return text
      .replace(/<br\s*\/?>/gi, "\n")
      .replace(/<\/p>/gi, "\n")
      .replace(/<[^>]*>/g, "")
      .replace(/&nbsp;/g, " ")
      .trim();
  }

  // حل مشكلة الـ invalid schema
  function escapeJSON(text) {
    return text
      .replace(/\\/g, "\\\\")
      .replace(/"/g, '\\"')
      .replace(/\n/g, " ")
      .replace(/\r/g, " ")
      .trim();
  }

  function processAllContent() {
const elements = document.querySelectorAll(
".blog-description, .blog-post-content, .article__content, .page-content, .content-entry, article"
);

elements.forEach(function(el) {

    if (el.dataset.faqDone === "true") {
        return;
    }

    const html = el.innerHTML;

    if (!html) {
        return;
    }

    if (
        !html.includes("|اسئلة|") &&
        !html.includes("|جدول|")
    ) {
        return;
    }
  
      if (!el.innerHTML) return;
      if (el.dataset.faqDone === "true") return;

      if (el.innerHTML.includes("|اسئلة|")) {
        processFAQ(el);
      }

      if (el.innerHTML.includes("|جدول|")) {
        processTable(el);
      }

      el.dataset.faqDone = "true";
    });
  }

  function processFAQ(targetElement) {
    var faqRegex = /\|اسئلة\|([\s\S]*?)\|نهاية\|/g;

    targetElement.innerHTML = targetElement.innerHTML.replace(faqRegex, function(match, faqContent) {

      var lines = cleanText(faqContent)
        .split("\n")
        .map(function(line) { return line.trim(); })
        .filter(function(line) { return line.length > 0; });

      var html = '<div class="salla-faq-container">';
      var q = "";
      var a = "";
      var schema = [];

      lines.forEach(function(line) {

        if (line.startsWith("س:")) {
          if (q && a) {
            html += faqItem(q, a);
            schema.push(schemaItem(q, a));
          }
          q = line.replace("س:", "").trim();
          a = "";
        }

        else if (line.startsWith("ج:")) {
          a = line.replace("ج:", "").trim();
        }

        else if (a) {
          a += " " + line;
        }

      });

      if (q && a) {
        html += faqItem(q, a);
        schema.push(schemaItem(q, a));
      }

      html += "</div>";

      // ✨ إضافة السكيمة بشكل صحيح
if (schema.length && !document.getElementById("truefit-faq-schema")) {        var script = document.createElement("script");
        script.type = "application/ld+json";
        script.id = "truefit-faq-schema";
        script.textContent = JSON.stringify({
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": schema
        });
        document.head.appendChild(script);
      }

      return html;
    });
  }

  function schemaItem(q, a) {
    return {
      "@type": "Question",
      "name": escapeJSON(q),
      "acceptedAnswer": {
        "@type": "Answer",
        "text": escapeJSON(a)
      }
    };
  }

  function faqItem(q, a) {
    return '<div class="salla-faq-item"><h3>' + q + '</h3><p>' + a + '</p></div>';
  }

  function processTable(targetElement) {
    var tableRegex = /\|جدول\|([\s\S]*?)\|الجدول\|/g;

    targetElement.innerHTML = targetElement.innerHTML.replace(tableRegex, function(match, tableContent) {

      var lines = cleanText(tableContent)
        .split("\n")
        .map(function(line) { return line.trim(); })
        .filter(function(line) { return line.length > 0; });

      if (!lines.length) return match;

      var header = lines[0].split("|").map(function(c) {
        return c.trim();
      }).filter(Boolean);

      var html = '<div class="salla-table-wrapper"><table class="salla-multi-table"><thead><tr>';

      header.forEach(function(col) {
        html += "<th>" + col + "</th>";
      });

      html += "</tr></thead><tbody>";

      lines.slice(1).forEach(function(line) {
        var cols = line.split("|").map(function(c) {
          return c.trim();
        }).filter(Boolean);

        if (!cols.length) return;

        html += "<tr>";

        cols.forEach(function(col) {
          html += "<td>" + col + "</td>";
        });

        html += "</tr>";
      });

      html += "</tbody></table></div>";

      return html;
    });
  }

  processAllContent();
  setTimeout(processAllContent, 1000);
  setTimeout(processAllContent, 2500);

});