/**
 * Native link submission form.
 *
 * @package Jio
 */
(function () {
  'use strict';

  var cfg = window.jioLinksSubmit || {};
  var i18n = cfg.i18n || {};
  var form = document.querySelector('.jio-links-submit-form');
  if (!form) return;

  var button = form.querySelector('.jio-links-submit-btn');
  var status = form.querySelector('.jio-links-submit-status');
  var logoInput = form.querySelector('.jio-links-logo-input');
  var preview = form.querySelector('.jio-links-logo-preview');

  function setStatus(message, type) {
    if (!status) return;
    status.textContent = message || '';
    status.className = 'jio-links-submit-status' + (type ? ' text-' + type : '');
  }

  if (logoInput && preview) {
    logoInput.addEventListener('change', function () {
      var file = logoInput.files && logoInput.files[0];
      if (!file) return;
      preview.src = URL.createObjectURL(file);
    });
  }

  function closeModal() {
    var modal = document.getElementById('submit-links-modal');
    if (!modal) return;
    if (window.jQuery) {
      window.jQuery(modal).modal('hide');
      return;
    }
    modal.classList.remove('show', 'in', 'is-open');
    modal.setAttribute('aria-hidden', 'true');
    document.body.classList.remove('modal-open');
  }

  form.addEventListener('submit', function (event) {
    event.preventDefault();
    if (button && button.disabled) return;

    var payload = new FormData(form);
    var original = button ? button.innerHTML : '';
    if (button) {
      button.disabled = true;
      button.innerHTML = '<i class="fa fas fa-spinner fa-spin"></i> ' + (i18n.submitting || '正在提交…');
    }
    setStatus(i18n.submitting || '正在提交…', 'muted');

    var captcha = window.JioCaptcha;
    var captchaPromise = captcha ? captcha.run('friend_link', form) : Promise.resolve({});
    captchaPromise.then(function (tokens) {
      if (tokens === null) throw new Error(i18n.captcha || '请完成人机验证');
      Object.keys(tokens || {}).forEach(function (key) {
        payload.set(key, tokens[key]);
      });
      return fetch(cfg.ajaxUrl || '/wp-admin/admin-ajax.php', {
        method: 'POST',
        credentials: 'same-origin',
        body: payload,
      });
    }).then(function (response) {
      return response.json().then(function (body) {
        return { ok: response.ok, body: body };
      });
    }).then(function (result) {
      var body = result.body || {};
      var data = body.data || {};
      if (!result.ok || !body.success) {
        throw new Error(data.message || i18n.error || '提交失败，请重试');
      }
      setStatus(data.message || i18n.success || '提交成功', 'success');
      form.reset();
      if (preview) preview.src = '';
      if (button) button.disabled = false;
      if (button) button.innerHTML = original;
      if (captcha) captcha.reset('friend_link', form);
      window.setTimeout(closeModal, 1800);
    }).catch(function (error) {
      setStatus(error.message || i18n.error || '提交失败，请重试', 'danger');
      if (button) {
        button.disabled = false;
        button.innerHTML = original;
      }
      if (captcha) captcha.reset('friend_link', form);
    });
  });

  document.addEventListener('click', function (event) {
    var dismiss = event.target.closest('#submit-links-modal [data-dismiss="modal"]');
    if (dismiss) {
      event.preventDefault();
      closeModal();
    }
  });
})();