/* ============================================================
   ALDOHA COFFEE — محمصة الدوحة
   كود JS مخصص لإضافة وظائف تفاعلية لمتجر سلة (ثيم سولي)

   مكان اللصق: تصميم المتجر → (...) على بطاقة الثيم →
   تخصيص النسخة → تخصيص الثيم → تخصيص عن طريق الـ JS → حفظ

   ملاحظة: الصق الكود كما هو (بدون وسم <script>)، فلوحة سلة
   تتعامل معه كملف JS مستقل تلقائياً.
   ============================================================ */

document.addEventListener('DOMContentLoaded', function () {

  /* ---------- 1) شاشة ترحيبية عند فتح المتجر (Splash Screen) ---------- */
  // تظهر شعار المتجر لثانية واحدة مع تلاشي ناعم، ثم تختفي.
  // غيّر رابط الصورة logoUrl لرابط شعار ALDOHA COFFEE الفعلي من إعدادات المتجر.
  (function showSplashScreen() {
    var logoUrl = 'https://cdn.files.salla.network/theme/1324170029/68775e7e-596d-4efc-86af-e8c9ad1209fc_350x376.png';
    if (!logoUrl) return;

    var splash = document.createElement('div');
    splash.id = 'aldoha-splash';
    splash.innerHTML = '<img src="' + logoUrl + '" alt="ALDOHA COFFEE" />';
    splash.style.cssText = [
      'position:fixed', 'inset:0', 'z-index:99999',
      'display:flex', 'align-items:center', 'justify-content:center',
      'background:#2B1A12', 'transition:opacity .6s ease'
    ].join(';');
    splash.querySelector('img').style.cssText = 'max-width:160px;opacity:0;transition:opacity .8s ease .1s';

    document.body.appendChild(splash);
    requestAnimationFrame(function () {
      splash.querySelector('img').style.opacity = '1';
    });

    setTimeout(function () {
      splash.style.opacity = '0';
      setTimeout(function () { splash.remove(); }, 600);
    }, 1400);
  })();

  /* ---------- 2) ظهور تدريجي لبطاقات المنتجات عند التمرير ---------- */
  // كل بطاقة منتج تظهر بحركة "fade + slide up" ناعمة عند دخولها الشاشة.
  (function fadeInProductCards() {
    var cards = document.querySelectorAll('.product-card, .s-product-card-wrap');
    if (!cards.length || !('IntersectionObserver' in window)) return;

    cards.forEach(function (card) {
      card.style.opacity = '0';
      card.style.transform = 'translateY(16px)';
      card.style.transition = 'opacity .5s ease, transform .5s ease';
    });

    var observer = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.style.opacity = '1';
          entry.target.style.transform = 'translateY(0)';
          observer.unobserve(entry.target);
        }
      });
    }, { threshold: 0.15 });

    cards.forEach(function (card) { observer.observe(card); });
  })();

  /* ---------- 3) اهتزاز بسيط لأيقونة السلة عند إضافة منتج ---------- */
  document.body.addEventListener('click', function (e) {
    var addBtn = e.target.closest('.btn-add-cart, .add-cart-button');
    if (!addBtn) return;

    var cartIcon = document.querySelector('.sicon-cart');
    if (!cartIcon) return;

    cartIcon.style.transition = 'transform .3s ease';
    cartIcon.style.transform = 'scale(1.3) rotate(-8deg)';
    setTimeout(function () {
      cartIcon.style.transform = 'scale(1) rotate(0)';
    }, 300);
  });

  /* ---------- 5) تحديد "قسم الترحيب" (اسم المتجر + البيت الشعري) عن طريق النص ---------- */
  // بدل تخمين اسم الكلاس (اللي سبب مشكلة الفوتر سابقاً)، نبحث عن العناصر
  // اللي نصها يطابق كل سطر من البيت الشعري فعلياً، ونضيف لها كلاس آمن نصمم عليه بـ CSS.
  (function tagHeroSection() {
    var lineSnippets = ['يا عاشقين البن', 'يطيب المزاجي']; // جزء ثابت من كل سطر من البيت الشعري

    function findSmallestMatch(snippet) {
      var candidates = [];
      document.querySelectorAll('h1, h2, h3, p, div, span').forEach(function (el) {
        if (el.textContent && el.textContent.indexOf(snippet) !== -1) {
          candidates.push(el);
        }
      });
      if (!candidates.length) return null;
      return candidates.reduce(function (smallest, el) {
        return el.textContent.length < smallest.textContent.length ? el : smallest;
      }, candidates[0]);
    }

    var poemLineEls = lineSnippets.map(findSmallestMatch).filter(Boolean);

    console.log('ALDOHA JS: تم تشغيل الكود، عدد أسطر البيت الشعري الموجودة =', poemLineEls.length);

    if (!poemLineEls.length) return; // لم يُعثر على أي سطر — لا شيء يتغيّر (آمن تماماً)

    poemLineEls.forEach(function (el) { el.classList.add('aldoha-hero-poem'); });
    console.log('ALDOHA JS: تم تحديد أسطر البيت الشعري', poemLineEls);

    // نطلع لأعلى 3 مستويات كحد أقصى من أول سطر لنجد الحاوية الأكبر (البطاقة كاملة)
    var container = poemLineEls[0].parentElement;
    for (var i = 0; i < 3 && container; i++) {
      if (container.querySelector('img')) break; // وصلنا لحاوية فيها الشعار أيضاً
      container = container.parentElement;
    }
    if (container) container.classList.add('aldoha-hero-block');

    // تحديد عنوان المتجر (أول h1/h2/h3 داخل نفس الحاوية)
    if (container) {
      var titleEl = container.querySelector('h1, h2, h3');
      if (titleEl) titleEl.classList.add('aldoha-hero-title');
    }

    console.log('ALDOHA JS: الحاوية النهائية', container);
  })();

  /* ---------- 6) تحديد بطاقات المنتجات عن طريق نص زر "إضافة للسلة" ---------- */
  // نفس منطق قسم الترحيب: نبحث بالنص بدل تخمين اسم الكلاس، لأن التخمين
  // فشل مرتين (الفوتر وبطاقات المنتجات) بسبب اختلاف مسميات الثيم الفعلية.
  (function tagProductCards() {
    var btnSnippet = 'إضافة للسلة';
    var taggedCount = 0;

    document.querySelectorAll('button, a, div, span').forEach(function (el) {
      if (el.children.length > 1) return; // نريد العنصر الورقي (النص المباشر) لا حاوية كبيرة
      if (!el.textContent || el.textContent.trim().indexOf(btnSnippet) === -1) return;

      // نطلع لأعلى حتى نلقى أول حاوية فيها صورة (بطاقة المنتج كاملة)
      var card = el.parentElement;
      for (var i = 0; i < 6 && card; i++) {
        if (card.querySelector('img')) break;
        card = card.parentElement;
      }
      if (!card || card.classList.contains('aldoha-product-card')) return;

      card.classList.add('aldoha-product-card');
      var img = card.querySelector('img');
      if (img) img.classList.add('aldoha-product-img');
      taggedCount++;
    });

    console.log('ALDOHA JS: عدد بطاقات المنتجات المحددة =', taggedCount);
  })();

});