/**
 * Reward (打赏) — dedicated module.
 *
 * Handles the reward modal: amount selection, custom amount input,
 * QR code display, and open/close interaction.
 *
 * @package AKSRT
 */
;(function () {
  'use strict';

  function initReward() {
    var btn = document.getElementById('action-reward');
    if (!btn) return;

    var modal = document.getElementById('reward-modal');
    if (!modal) return;

    var closeBtn   = modal.querySelector('.reward-modal__close');
    var overlay    = modal.querySelector('.reward-modal__overlay');
    var amountBtns = modal.querySelectorAll('.reward-amounts__btn');
    var customWrap = modal.querySelector('.reward-custom');
    var customInput = modal ? modal.querySelector('.reward-custom__input') : null;
    var customConfirm = modal ? modal.querySelector('.reward-custom__confirm') : null;
    var selectedAmount = 0;

    /* ---- open / close ---- */
    function openReward() {
      modal.classList.add('is-open');
      document.body.style.overflow = 'hidden';
    }

    function closeReward() {
      modal.classList.remove('is-open');
      document.body.style.overflow = '';
      // reset selection
      selectedAmount = 0;
      amountBtns.forEach(function (b) { b.classList.remove('is-active'); });
      if (customInput) customInput.value = '';
    }

    btn.addEventListener('click', openReward);
    if (closeBtn) closeBtn.addEventListener('click', closeReward);
    if (overlay) overlay.addEventListener('click', closeReward);

    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape' && modal.classList.contains('is-open')) closeReward();
    });

    /* ---- amount selection ---- */
    amountBtns.forEach(function (b) {
      b.addEventListener('click', function () {
        amountBtns.forEach(function (x) { x.classList.remove('is-active'); });
        b.classList.add('is-active');
        selectedAmount = parseInt(b.dataset.amount || '0', 10);
        // clear custom input when preset is chosen
        if (customInput) customInput.value = '';
      });
    });

    /* ---- custom amount ---- */
    if (customInput) {
      customInput.addEventListener('focus', function () {
        amountBtns.forEach(function (x) { x.classList.remove('is-active'); });
        selectedAmount = 0;
      });
      customInput.addEventListener('input', function () {
        // strip non-digits
        customInput.value = customInput.value.replace(/[^\d]/g, '');
      });
    }

    if (customConfirm) {
      customConfirm.addEventListener('click', function () {
        var val = customInput ? parseInt(customInput.value, 10) : 0;
        if (val > 0) {
          selectedAmount = val;
          amountBtns.forEach(function (x) { x.classList.remove('is-active'); });
        }
      });
    }
  }

  /* ---- register with AksrtFrontend lifecycle ---- */
  if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
    window.AksrtFrontend.register('aksrt-reward', function () {
      initReward();
    });
  } else {
    // fallback: run on DOMContentLoaded
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', initReward);
    } else {
      initReward();
    }
  }
})();