(function () {
  var FORCE_BG = '#e20f03';
  var FORCE_TEXT = '#ffffff';
  var SPEED_DESKTOP = '65s';
  var SPEED_MOBILE = '70s';

  var css = `
    #salla-promo-bar {
      width: 100% !important;
      background: ${FORCE_BG} !important;
      color: ${FORCE_TEXT} !important;
      position: relative !important;
      z-index: 999999 !important;
      display: block !important;
      direction: ltr !important;
      padding-right: 40px !important;
    }
    #salla-promo-bar .track-wrapper {
      overflow: hidden !important;
      width: 100% !important;
      padding: 9px 0 !important;
    }
    #salla-promo-bar .track {
      display: flex !important;
      flex-direction: row !important;
      direction: ltr !important;
      will-change: transform !important;
      width: max-content !important;
    }
    #salla-promo-bar .track:hover { animation-play-state: paused !important; }
    #salla-promo-bar .copy {
      display: flex !important;
      flex-direction: row !important;
      flex-shrink: 0 !important;
      align-items: center !important;
      direction: ltr !important;
    }
    #salla-promo-bar .ad-item {
      white-space: nowrap !important;
      padding: 0 40px !important;
      font-size: 13px !important;
      font-weight: 600 !important;
      color: ${FORCE_TEXT} !important;
      text-decoration: none !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      direction: rtl !important;
    }
    #salla-promo-bar .ad-item i { font-size: 15px !important; }
    #salla-promo-close {
      position: absolute !important;
      top: 50% !important;
      right: 10px !important;
      transform: translateY(-50%) !important;
      background: transparent !important;
      border: none !important;
      color: ${FORCE_TEXT} !important;
      font-size: 16px !important;
      cursor: pointer !important;
      line-height: 1 !important;
      padding: 4px 8px !important;
      opacity: 0.8 !important;
      z-index: 9999999 !important;
      pointer-events: all !important;
      position: absolute !important;
    }
    #salla-promo-close:hover { opacity: 1 !important; }

    #salla-promo-bar .track-wrapper {
      pointer-events: none !important;
    }
    #salla-promo-bar .ad-item {
      pointer-events: all !important;
    }
  `;

  var styleEl = document.createElement('style');
  styleEl.textContent = css;
  document.head.appendChild(styleEl);

  function startMarquee() {
    var track = document.querySelector('#salla-promo-bar .track');
    var copy1 = document.querySelector('#salla-promo-bar .copy1');
    if (!track || !copy1) return;

    var isMobile = window.innerWidth <= 768;
    var duration = isMobile ? parseFloat(SPEED_MOBILE) : parseFloat(SPEED_DESKTOP);
    var copyWidth = copy1.offsetWidth;

    var oldStyle = document.getElementById('salla-marquee-dynamic');
    if (oldStyle) oldStyle.remove();

    var dynStyle = document.createElement('style');
    dynStyle.id = 'salla-marquee-dynamic';
    dynStyle.textContent = `
      @keyframes salla-marquee-dynamic {
        from { transform: translateX(0px); }
        to   { transform: translateX(-${copyWidth}px); }
      }
    `;
    document.head.appendChild(dynStyle);

    track.style.animation = 'none';
    setTimeout(function() {
      track.style.animation = 'salla-marquee-dynamic ' + duration + 's linear infinite';
    }, 10);
  }

  function buildBar(ads) {
    if (!ads || !ads.length) return;

    var itemsHTML = ads.map(function(ad) {
      var icon = '';
      var text = (ad.description || ad.title || '');
      if (ad.url && ad.url !== '#') {
        return '<a href="' + ad.url + '" target="' + (ad.target || '_self') + '" class="ad-item">' + icon + text + '</a>';
      } else {
        return '<span class="ad-item">' + icon + text + '</span>';
      }
    }).join('');

    var repeat = itemsHTML.repeat(6);

    var bar = document.createElement('div');
    bar.id = 'salla-promo-bar';
    bar.innerHTML =
      '<div class="track-wrapper">' +
        '<div class="track">' +
          '<div class="copy copy1">' + repeat + '</div>' +
          '<div class="copy copy2">' + repeat + '</div>' +
        '</div>' +
      '</div>' +
      '<button id="salla-promo-close" aria-label="إغلاق">✕</button>';

    function insertBar() {
      if (document.getElementById('salla-promo-bar')) return;
      var target = document.querySelector('header')
                || document.querySelector('#header')
                || document.querySelector('.header')
                || document.body.firstElementChild;
      if (target) target.parentNode.insertBefore(bar, target);
      else document.body.prepend(bar);

      var closeBtn = document.getElementById('salla-promo-close');
      closeBtn.onclick = function(e) {
        e.stopPropagation();
        var b = document.getElementById('salla-promo-bar');
        if (b) b.parentNode.removeChild(b);
        return false;
      };

      setTimeout(startMarquee, 100);
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', insertBar);
    } else {
      insertBar();
    }

    window.addEventListener('resize', function() {
      setTimeout(startMarquee, 100);
    });
  }

  function init() {
    salla.api.advertisement.fetch().then(function(r) {
      buildBar(r && r.data ? r.data : []);
    }).catch(function() {});
  }

  if (typeof salla !== 'undefined' && salla.api && salla.api.advertisement) {
    init();
  } else {
    salla.onReady(init);
  }

})();