/* أوتوكور — شريط إعلان متحرك + زر واتساب في الهيدر + زر واتساب عائم (2026-10-12)
   نص الشريط يُكتب من لوحة سلة (إعلانات المتجر)، وكل رسالة يُفصل بينها بـ « • » فتظهر كبنر مستقل في الشريط المتحرك.
   الشريط يُبنى هنا من بيانات الإعلان نفسها، لأن مكوّن سلة <salla-advertisement> ما يكمل تحميله في ثيم رائد. */
(function () {
  var WA = 'https://wa.me/966536790096?text=';
  // يظهر فقط لو فشل جلب الإعلان من سلة
  var FALLBACK = {
    description: 'أرسل رقم الهيكل على واتساب ونحدد لك القطعة المطابقة لسيارتك • خصم 5% على الطلبات عبر واتساب • شحن مجاني للطلبات فوق 200 ريال',
    url: WA + encodeURIComponent('السلام عليكم، أبغى قطعة لسيارتي (من شريط موقع أوتوكور)'),
    colors: { bg: '#03624C', text: '#ffffff' }
  };
  var ICON = '<svg viewBox="0 0 16 16" aria-hidden="true"><path fill="currentColor" d="M13.6 2.33A7.85 7.85 0 0 0 8 0C3.63 0 .07 3.56.06 7.93c0 1.4.37 2.76 1.06 3.96L0 16l4.2-1.1a7.9 7.9 0 0 0 3.79.97c4.37 0 7.93-3.56 7.94-7.93a7.9 7.9 0 0 0-2.33-5.61M8 14.53a6.6 6.6 0 0 1-3.36-.92l-.24-.14-2.5.65.67-2.43-.16-.25a6.6 6.6 0 0 1-1.01-3.5C1.4 4.3 4.36 1.34 8 1.34a6.6 6.6 0 0 1 6.59 6.6c0 3.63-2.96 6.59-6.6 6.59m3.62-4.93c-.2-.1-1.17-.58-1.35-.65s-.31-.1-.45.1c-.13.2-.51.65-.63.78-.11.13-.23.15-.43.05s-.84-.31-1.6-.99c-.59-.52-.99-1.17-1.1-1.37-.12-.2-.01-.3.09-.4.09-.09.2-.23.3-.35.1-.11.13-.2.2-.33s.03-.25-.02-.35-.45-1.07-.61-1.47c-.16-.39-.33-.33-.45-.34h-.38a.73.73 0 0 0-.53.25c-.18.2-.7.68-.7 1.65s.71 1.92.81 2.05 1.4 2.13 3.38 2.99c.47.2.84.33 1.13.42.47.15.9.13 1.24.08.38-.06 1.17-.48 1.33-.94.17-.46.17-.86.12-.94s-.18-.13-.38-.23"/></svg>';

  // كل زر له وسم مختلف في الرسالة، عشان نعرف من الرسائل من وين جا العميل
  function waLink(msg, tag) { return WA + encodeURIComponent(msg + '\n(' + tag + ')'); }
  function esc(t) { return String(t).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '&quot;'); }
  function isProduct() { return /\/p\d+\/?$/.test(location.pathname); }

  // 1) شريط الإعلان المتحرك
  function buildBar(ad) {
    if (document.querySelector('.ac-bar')) return;
    var items = String(ad.description || '').split('•').map(function (t) { return t.trim(); }).filter(Boolean);
    if (!items.length) return;
    var href = esc(ad.url || FALLBACK.url);
    var group = items.map(function (t) {
      return '<a href="' + href + '" target="_blank" rel="noopener">' + esc(t) + '</a>';
    }).join('');
    var bar = document.createElement('div');
    bar.className = 'ac-bar';
    bar.setAttribute('role', 'region');
    bar.setAttribute('aria-label', 'عروض أوتوكور');
    var c = ad.colors || FALLBACK.colors;
    bar.style.backgroundColor = c.bg || FALLBACK.colors.bg;
    bar.style.color = c.text || FALLBACK.colors.text;
    var track = document.createElement('div');
    track.className = 'ac-ticker';
    bar.appendChild(track);
    var host = document.querySelector('salla-advertisement');
    if (host && host.parentNode) host.parentNode.insertBefore(bar, host);
    else document.body.insertBefore(bar, document.body.firstChild);
    // نسختين متطابقتين (أو أكثر) عشان الحركة تدور بلا فراغ
    var n = 0;
    do {
      track.insertAdjacentHTML('beforeend',
        '<span class="ac-ticker-group"' + (n ? ' aria-hidden="true"' : '') + '>' + group + '</span>' +
        '<span class="ac-ticker-group" aria-hidden="true">' + group + '</span>');
      n += 2;
    } while (track.scrollWidth / 2 < window.innerWidth + 200 && n < 12);
    // الروابط المكررة ما تاخذ تركيز الكيبورد
    track.querySelectorAll('[aria-hidden="true"] a').forEach(function (a) { a.setAttribute('tabindex', '-1'); });
    // سرعة ثابتة تقريباً مهما كان طول النص (~60 بكسل بالثانية)
    track.style.animationDuration = Math.max(20, Math.round(track.scrollWidth / 2 / 60)) + 's';
  }

  function ticker() {
    var slug = (window.salla && salla.config && salla.config.get('page.slug')) || null;
    var p = (window.salla && salla.api && salla.api.advertisement) ? salla.api.advertisement.fetch(slug) : Promise.reject();
    p.then(function (r) {
      var ad = r && Array.isArray(r.data) && r.data[0];
      buildBar(ad || FALLBACK);
    }).catch(function () { buildBar(FALLBACK); });
  }

  // 2) زر واتساب في الهيدر بدل رقم الاتصال
  function headerButton() {
    var c = document.querySelector('salla-contacts.s-contacts-header');
    if (!c) return false;
    if (document.querySelector('.ac-wa-top')) return true;
    var b = document.createElement('a');
    b.className = 'ac-wa-top';
    b.href = waLink('السلام عليكم، أبغى أسأل عن قطعة لسيارتي', 'من زر أعلى موقع أوتوكور');
    b.target = '_blank';
    b.rel = 'noopener';
    b.innerHTML = ICON + '<span>اطلب عبر واتساب</span><span class="ac-num">053 679 0096</span>';
    c.parentNode.insertBefore(b, c);
    return true;
  }

  // 3) زر واتساب عائم ثابت في كل الصفحات (في صفحة المنتج: اسم القطعة ورابطها)
  function floatButton() {
    if (!document.body) return false;
    if (document.querySelector('.ac-wa-float')) return true;
    var msg = 'السلام عليكم، أبغى أسأل عن قطعة لسيارتي';
    var h1 = document.querySelector('h1');
    if (isProduct() && h1) {
      var url = location.origin + location.pathname;
      try { url = decodeURI(url); } catch (e) {}
      msg = 'السلام عليكم، أبغى أسأل عن هذي القطعة: ' + h1.textContent.trim() + '\n' + url;
    }
    var f = document.createElement('a');
    f.className = 'ac-wa-float';
    f.href = waLink(msg, 'من زر واتساب العائم في موقع أوتوكور');
    f.target = '_blank';
    f.rel = 'noopener';
    f.setAttribute('aria-label', 'اطلب عبر واتساب');
    f.innerHTML = ICON + '<span>اطلب عبر واتساب</span>';
    document.body.appendChild(f);
    return true;
  }

  function start() {
    ticker();
    // نعيد المحاولة ١٠ ثواني: الثيم يعيد رسم الشريط العلوي بعد التحميل ويمسح الزر أحياناً
    var tries = 0;
    var timer = setInterval(function () {
      tries++;
      headerButton();
      floatButton();
      if (tries > 40) clearInterval(timer);
    }, 250);
  }

  if (window.salla && salla.onReady) salla.onReady(start);
  else if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);
  else start();
})();