const addLangIconToHeader = () => {
  var lang = document.querySelector("html").lang || "ar";
  const langhBtn = document.createElement("span");
  langhBtn.classList.add("lang-btn");
  langhBtn.innerHTML = `
    <button type="button" onclick="if (!window.__cfRLUnblockHandlers) return false; salla.event.dispatch('localization::open')" aria-label="Change Language">
       <span>${lang == "en" ? "AR" : "EN"}</span>
    </button>
    <style>
        .lang-btn {
            padding: 10px;
            padding-inline-end: 4px !important;
        }
        .lang-btn span {
            font-size: 1.2rem;
            font-weight: 500;
        }
    </style>
    `;
  const headerUser = document.querySelector(
    ".main-nav-container salla-cart-summary"
  );
  if (langhBtn && headerUser) {
    headerUser.before(langhBtn);
  }
};
document.addEventListener("DOMContentLoaded", () => {
  addLangIconToHeader();
});