(function () {
  const COMPONENT_ID = "luxe-daily-look";

  const TARGET_SELECTORS = [
    "section.s-block.lima-store-features",
    ".s-block.lima-store-features",
    "section.lima-store-features",
    ".lima-store-features"
  ];

  const BIG_IMAGE =
    "https://cdn.files.salla.network/homepage/394134660/4cdd706f-3b3f-4771-a588-8c76687e52c6_1172x900.webp";

  const SMALL_IMAGE =
    "https://cdn.files.salla.network/homepage/394134660/b49dde38-0b46-417c-be7c-1268cbd31cec_1440x888.webp";

  function renameWishlist() {
    document.querySelectorAll('a[href*="/wishlist"]').forEach(function (link) {
      link.setAttribute("aria-label", "المفضلة");

      const span = link.querySelector("span");
      if (span && span.textContent.trim() === "الأمنيات") {
        span.textContent = "المفضلة";
      }
    });
  }

  function getTarget() {
    for (const selector of TARGET_SELECTORS) {
      const el = document.querySelector(selector);
      if (el) return el.closest("section") || el;
    }

    return null;
  }

  function removeOldComponent() {
    [
      "luxe-daily-look",
      "luxury-daily-banner",
      "luxury-daily-look-banner"
    ].forEach(function (id) {
      const el = document.getElementById(id);
      if (el) el.remove();
    });
  }

  function getHTML() {
    return `
      <section id="${COMPONENT_ID}" class="s-block py-12 !mt-0">
        <div class="container">
          <div class="ldl-row">
            <div class="ldl-main-img">
              <img
                src="${BIG_IMAGE}"
                alt="إطلالة فاخرة و عصرية"
                loading="lazy"
              >
            </div>

            <div class="ldl-content">
              <h2 class="ldl-title">رفيقك اليومي لكل إطلالة فاخرة و عصرية</h2>
              <p class="ldl-desc">قطع أنيقة ومريحة تمنحك لمسة إضافية من الجمال في كل وقت</p>

              <a
                href="https://charmies.sa/drop-earring/p1070816139"
                class="ldl-btn"
              >
                تسوق الان
              </a>

              <div class="ldl-small-img">
                <img
                  src="${SMALL_IMAGE}"
                  alt="قطع أنيقة ومريحة"
                  loading="lazy"
                >
              </div>
            </div>
          </div>
        </div>
      </section>
    `;
  }

  function injectBanner() {
    const target = getTarget();
    if (!target) return false;

    removeOldComponent();
    target.insertAdjacentHTML("afterend", getHTML());

    return true;
  }

  function init() {
    renameWishlist();
    injectBanner();
  }

  init();

  window.addEventListener("load", init);
  document.addEventListener("DOMContentLoaded", init);

  document.addEventListener("click", function () {
    setTimeout(renameWishlist, 100);
    setTimeout(renameWishlist, 500);
    setTimeout(renameWishlist, 1000);
  });

  const observer = new MutationObserver(function () {
    renameWishlist();

    if (!document.getElementById(COMPONENT_ID)) {
      injectBanner();
    }
  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true,
    characterData: true
  });
})();