(function () {
  // ==== إعدادات ====
  var SWITCH_MS = 20000; // 60 ثانية بين كل رسالة ورسالة
  var STOP_AT_VH = 35;   // يصعد ويتوقف قبل منتصف الشاشة (بالنسبة المئوية من ارتفاع الشاشة)

  // الرسائل + ألوان الخلفية (شبه شفافة أنيقة)
  var messages = [
    { text: '🔥 +<strong>100 متدرب</strong> يسجّل في «بكج الإدارة» الآن ✨',                    color: 'rgba(199,0,0,0.85)' },
    { text: '🔥 <strong>الآن</strong> يسجّل متدرب جديد بـ «دورة إدخال البيانات ومعالجة النصوص» 🚀', color: 'rgba(22,163,74,0.85)' },
    { text: '✨ +5000 متدرب حصلوا على <strong>شهادات معتمدة</strong> 🎓🏆 الآن',                    color: 'rgba(88,28,135,0.85)' }
  ];

  // ==== مساعد لانتظار DOM ====
  function onReady(fn){
    if (document.readyState !== 'loading') fn();
    else document.addEventListener('DOMContentLoaded', fn);
  }

  onReady(function(){
    if (document.getElementById('reb-1000-badge')) return; // لا تكرار

    // احترام تفضيل تقليل الحركة
    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

    // ==== إنشاء العناصر ====
    var badge = document.createElement('div');
    badge.id = 'reb-1000-badge';
    badge.setAttribute('dir','rtl');
    badge.setAttribute('aria-live','polite');

    var msg = document.createElement('span');
    msg.id = 'reb-msg';
    msg.innerHTML = messages[0].text;

    badge.appendChild(msg);
    document.body.appendChild(badge);

    // ==== تنسيق عبر JS (بدون <style>) ====
    var s = badge.style;
    s.position = 'fixed';
    s.left = '24px';
    s.bottom = '0';
    s.zIndex = '2147483647';
    s.color = '#fff';
    s.padding = '14px 20px';
    s.borderRadius = '14px';
    s.font = '700 16px/1.4 system-ui, Tahoma, Arial';
    s.boxShadow = '0 6px 25px rgba(0,0,0,.35)';
    s.backdropFilter = 'blur(6px)';
    s.webkitBackdropFilter = 'blur(6px)';
    s.background = messages[0].color;
    s.opacity = '1';
    s.willChange = 'transform, opacity, background';

    // تصغير على الشاشات الصغيرة
    function responsive(){
      if (window.innerWidth <= 480){
        s.left = '12px';
        s.padding = '12px 16px';
        badge.style.fontSize = '14px';
      } else {
        s.left = '24px';
        s.padding = '14px 20px';
        badge.style.fontSize = '16px';
      }
    }
    responsive();
    window.addEventListener('resize', responsive);

    // ==== وميض النص بالكامل (بدون CSS) ====
    var blinkAnim = null;
    function startBlink(){
      if (reduceMotion) return;
      // 1 -> 0.35 -> 1
      blinkAnim = msg.animate(
        [{opacity:1},{opacity:0.35},{opacity:1}],
        { duration: 1200, iterations: Infinity, easing: 'ease-in-out' }
      );
    }
    startBlink();

    // ==== صعود الشريط لأقل من المنتصف (مرّة واحدة) ====
    if (!reduceMotion){
      badge.animate(
        [
          { transform: 'translateY(100%)', opacity: 0 },
          { transform: 'translateY(-' + STOP_AT_VH + 'vh)', opacity: 1 }
        ],
        { duration: 900, easing: 'ease-out', fill: 'forwards' }
      );
    } else {
      // بدون حركة: ثبّته مباشرة
      s.transform = 'translateY(-' + STOP_AT_VH + 'vh)';
    }

    // ==== تبديل الرسائل: اخفاء الصندوق كله ثم إظهاره مع الرسالة التالية ====
    var i = 0, swapping = false;
    function cycle(){
      if (swapping) return;
      swapping = true;

      // اخفاء الصندوق بالكامل (Fade Out)
      var hide = reduceMotion ? null : badge.animate(
        [{opacity:1},{opacity:0}],
        { duration: 600, easing: 'ease', fill: 'forwards' }
      );

      var afterHide = function(){
        // عدّل المؤشر والمحتوى واللون
        i = (i + 1) % messages.length;
        msg.innerHTML = messages[i].text;
        s.background = messages[i].color;

        // أعد تشغيل وميض النص من جديد لضمان الاستمرارية
        if (blinkAnim) blinkAnim.cancel();
        startBlink();

        // إظهار الصندوق (Fade In)
        if (!reduceMotion){
          var show = badge.animate(
            [{opacity:0},{opacity:1}],
            { duration: 600, easing: 'ease', fill: 'forwards' }
          );
          show.addEventListener('finish', function(){ swapping = false; });
        } else {
          s.opacity = '1';
          swapping = false;
        }
      };

      if (hide){
        hide.addEventListener('finish', afterHide);
      } else {
        // في وضع تقليل الحركة: نفّذ مباشرة
        s.opacity = '0';
        afterHide();
      }
    }

    // ابدأ التبديل التلقائي
    setInterval(cycle, SWITCH_MS);
  });
})();