// === AUTO FIDGET SPINNER - fidge.app (chính xác theo code gốc) ===
(() => {
  let running = true;
  const RADIUS = 160;   // bán kính vùng kéo
  const SPEED = 8;      // tốc độ quay

  // Tìm spinner element (div có touch-action: none)
  const spinnerArea = document.querySelector('div[style*="touch-action: none"]')
    || document.querySelector('div[style*="touchAction: none"]');

  if (!spinnerArea) {
    console.log('❌ Không tìm thấy spinner area');
    return;
  }

  const rect = spinnerArea.getBoundingClientRect();
  const cx = rect.left + rect.width / 2;
  const cy = rect.top + rect.height / 2;

  console.log(🎯 Spinner center: (${cx.toFixed(0)}, ${cy.toFixed(0)}));
  console.log(📐 Rect: ${rect.width}x${rect.height});

  // Pointer events chính xác như code gốc
  function pointerDown(x, y) {
    spinnerArea.dispatchEvent(new PointerEvent('pointerdown', {
      bubbles: true, cancelable: true, view: window,
      clientX: x, clientY: y,
      pointerId: 1, pointerType: 'mouse',
      pressure: 0.5, button: 0, buttons: 1,
      isPrimary: true
    }));
  }

  function pointerMove(x, y) {
    spinnerArea.dispatchEvent(new PointerEvent('pointermove', {
      bubbles: true, cancelable: true, view: window,
      clientX: x, clientY: y,
      pointerId: 1, pointerType: 'mouse',
      pressure: 0.5, button: 0, buttons: 1,
      isPrimary: true
    }));
  }

  function pointerUp(x, y) {
    spinnerArea.dispatchEvent(new PointerEvent('pointerup', {
      bubbles: true, cancelable: true, view: window,
      clientX: x, clientY: y,
      pointerId: 1, pointerType: 'mouse',
      pressure: 0, button: 0, buttons: 0,
      isPrimary: true
    }));
  }

  // Bắt đầu
  let angle = 0;
  const startX = cx + RADIUS;
  const startY = cy;

  pointerDown(startX, startY);
  console.log('👇 pointerdown tại:', startX.toFixed(0), startY.toFixed(0));

  // Kéo liên tục theo vòng tròn
  let lastTime = performance.now();

  function loop(now) {
    if (!running) return;

    const dt = Math.max(1, now - lastTime);
    lastTime = now;
    angle += SPEED * 0.03;

    const x = cx + RADIUS * Math.cos(angle);
    const y = cy + RADIUS * Math.sin(angle);

    pointerMove(x, y);
    requestAnimationFrame(loop);
  }

  requestAnimationFrame(loop);

  console.log('🌀 Đang quay! Gõ stopSpin() để dừng.');

  window.stopSpin = () => {
    running = false;
    const endX = cx + RADIUS * Math.cos(angle);
    const endY = cy + RADIUS * Math.sin(angle);
    pointerUp(endX, endY);
    console.log('⏹️ Dừng.');
  };
})();