(function () {
  var isHome = /^\/(ar|en)?\/?$/.test(location.pathname);
  if (!isHome) return;
  var menuLink = document.querySelector('a.offers-link');
  var offersUrl = menuLink ? menuLink.href : '/ar/offers';

  var popup = document.createElement('div');
  popup.className = 'offers-popup';
  popup.setAttribute('role', 'dialog');
  popup.setAttribute('aria-modal', 'true');
  popup.innerHTML =
    '<div class="offers-popup__box">' +
      '<button type="button" class="offers-popup__close" aria-label="إغلاق">&times;</button>' +
      '<div class="offers-popup__icon"><i class="sicon-special-discount"></i></div>' +
      '<h3 class="offers-popup__title">تخفيضات لفترة محدودة!</h3>' +
      '<p class="offers-popup__text">اكتشف أحدث العروض على الأقمشة بأسعار مميزة</p>' +
      '<a href="' + offersUrl + '" class="offers-popup__btn">تسوق التخفيضات الآن</a>' +
    '</div>';

  function close() {
    popup.classList.remove('is-open');
    setTimeout(function () { popup.remove(); }, 300);
    document.removeEventListener('keydown', onKey);
  }
  function onKey(e) { if (e.key === 'Escape') close(); }

  function open() {
    document.body.appendChild(popup);
    requestAnimationFrame(function () { popup.classList.add('is-open'); });
    try { sessionStorage.setItem(KEY, '1'); } catch (e) {}
    document.addEventListener('keydown', onKey);
  }

  popup.addEventListener('click', function (e) {
    if (e.target === popup || e.target.classList.contains('offers-popup__close')) close();
  });

  window.addEventListener('load', function () { setTimeout(open, 1000); });
})();