@push('scripts')
@if($errors->has('domain'))
<script>
document.addEventListener('DOMContentLoaded', function () {
  var el = document.getElementById('addDkimDomainModal');
  if (el && typeof bootstrap !== 'undefined') {
    new bootstrap.Modal(el).show();
  }
});
</script>
@endif
<script>
document.addEventListener('DOMContentLoaded', function () {
  // 行内の削除ボタン等をクリックしたときは、行の展開をしない。
  document.querySelectorAll('[data-no-row-toggle]').forEach(function (el) {
    el.addEventListener('click', function (e) { e.stopPropagation(); });
  });
  // DNS 値のコピーボタン
  document.querySelectorAll('.copy-btn').forEach(function (btn) {
    btn.addEventListener('click', async function (e) {
      e.preventDefault();
      e.stopPropagation();
      var text = btn.getAttribute('data-copy-text') || '';
      if (!text) return;
      try {
        if (navigator.clipboard && navigator.clipboard.writeText) {
          await navigator.clipboard.writeText(text);
        } else {
          var ta = document.createElement('textarea');
          ta.value = text;
          ta.style.position = 'fixed';
          ta.style.left = '-9999px';
          document.body.appendChild(ta);
          ta.select();
          document.execCommand('copy');
          document.body.removeChild(ta);
        }
        var prev = btn.innerHTML;
        btn.innerHTML = '<i class="bi bi-check2" aria-hidden="true"></i>';
        setTimeout(function () { btn.innerHTML = prev; }, 900);
      } catch (err) {
        // 失敗時は何もしない（ブラウザ権限など）
      }
    });
  });
  // 文中の例（__DOMAIN__）を実ドメインに置換
  document.querySelectorAll('[data-mail-domain]').forEach(function (wrap) {
    var d = wrap.getAttribute('data-mail-domain') || '';
    if (!d) return;
    wrap.querySelectorAll('code').forEach(function (el) {
      var t = el.textContent || '';
      if (t.indexOf('__DOMAIN__') >= 0) {
        el.textContent = t.replaceAll('__DOMAIN__', d);
      }
    });
  });
  // キーボード操作（Enter/Space）でも行を開けるようにする。
  document.querySelectorAll('.dkim-domain-row').forEach(function (row) {
    row.addEventListener('keydown', function (e) {
      if (e.key === 'Enter' || e.key === ' ') {
        e.preventDefault();
        row.click();
      }
    });
  });

  document.querySelectorAll('.dns-check-btn').forEach(function (btn) {
    btn.addEventListener('click', function (e) {
      e.preventDefault();
      e.stopPropagation();
      var panel = btn.closest('[data-mail-domain]');
      if (!panel) return;
      var id = btn.getAttribute('data-mail-domain-id');
      var url = btn.getAttribute('data-check-url');
      var meta = document.querySelector('meta[name="csrf-token"]');
      var token = meta ? meta.getAttribute('content') : '';
      btn.disabled = true;
      var prevHtml = btn.innerHTML;
      btn.innerHTML = '<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"></span>';
      panel.querySelectorAll('tr[data-dns-row]').forEach(function (row) {
        var el = row.querySelector('.dns-check-label');
        var det = row.querySelector('.dns-check-detail');
        if (el) {
          el.removeAttribute('title');
          el.textContent = '確認中…';
          el.className = 'dns-check-label small text-muted';
        }
        if (det) det.textContent = '';
      });
      fetch(url, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Accept: 'application/json',
          'X-CSRF-TOKEN': token,
          'X-Requested-With': 'XMLHttpRequest'
        },
        body: JSON.stringify({ mail_domain_id: parseInt(id, 10) })
      })
        .then(function (r) {
          if (!r.ok) throw new Error('HTTP ' + r.status);
          return r.json();
        })
        .then(function (data) {
          if (data && (data.checked_at_human || data.checked_at)) {
            var lastEl = document.getElementById('dns-last-checked-at-' + id);
            if (lastEl) lastEl.textContent = data.checked_at_human || data.checked_at;
          }
          (data.items || []).forEach(function (item) {
            var row = panel.querySelector('tr[data-dns-row="' + item.key + '"]');
            if (!row) return;
            var label = row.querySelector('.dns-check-label');
            var detailEl = row.querySelector('.dns-check-detail');
            if (!label) return;
            var detail = item.detail || '';
            if (item.ok === true) {
              label.innerHTML =
                '<i class="bi bi-check-circle-fill text-success me-1" aria-hidden="true"></i>設定完了';
              label.className = 'dns-check-label small text-success';
              label.removeAttribute('title');
              if (detailEl) detailEl.textContent = '';
            } else if (item.ok === false) {
              label.innerHTML =
                '<i class="bi bi-x-circle-fill text-danger me-1" aria-hidden="true"></i>未設定';
              label.className = 'dns-check-label small text-danger';
              label.setAttribute('title', detail);
              if (detailEl) detailEl.textContent = detail;
            } else {
              label.textContent = '—';
              label.className = 'dns-check-label small text-muted';
              label.removeAttribute('title');
              if (detailEl) detailEl.textContent = '';
            }
          });
        })
        .catch(function () {
          panel.querySelectorAll('tr[data-dns-row]').forEach(function (row) {
            var el = row.querySelector('.dns-check-label');
            var det = row.querySelector('.dns-check-detail');
            if (el) {
              el.removeAttribute('title');
              el.textContent = '確認できませんでした';
              el.className = 'dns-check-label small text-danger';
            }
            if (det) det.textContent = '';
          });
        })
        .finally(function () {
          btn.disabled = false;
          btn.innerHTML = prevHtml;
        });
    });
  });
});
</script>
@endpush