<!-- Plantsrobot 订阅 JS 钩子 — 粘贴到 Shopify Custom Liquid 区块 -->
<!-- email_mode: 'thank_you' = 用户订阅后直接确认，发送感谢邮件 -->
<!-- HTML/CSS 样式由你自主设计，以下只提供订阅提交逻辑 -->

<script>
  (function() {
    var SUPABASE_URL = 'https://evhoszenrrqbhgltvyqv.supabase.co';

    // ========== 核心订阅函数 ==========
    // 调用示例: pmSubscribe(email, firstName, tagsArray, onSuccess, onError)
    window.pmSubscribe = function(email, firstName, tags, onSuccess, onError) {
      firstName = firstName || '';
      tags = tags || [];
      return fetch(SUPABASE_URL + '/functions/v1/subscribe', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          email: email,
          first_name: firstName,
          tags: tags,
          email_mode: 'thank_you'
        }),
        signal: AbortSignal.timeout(60000)
      })
      .then(function(resp) { return resp.json(); })
      .then(function(data) {
        if (data.success) {
          if (onSuccess) onSuccess(data);
        } else {
          if (onError) onError(data.error || 'Subscription failed');
        }
        return data;
      })
      .catch(function(err) {
        if (onError) onError('Network error. Please try again.');
      });
    };

    // ========== 快速绑定：表单提交自动调用 pmSubscribe ==========
    // 用法: 给你的 <form> 添加 data-pm-subscribe 属性即可
    // <form data-pm-subscribe data-pm-success="#msg">...</form>
    document.addEventListener('DOMContentLoaded', function() {
      var forms = document.querySelectorAll('form[data-pm-subscribe]');
      forms.forEach(function(form) {
        form.addEventListener('submit', function(e) {
          e.preventDefault();
          var btn = form.querySelector('button[type="submit"], input[type="submit"]');
          if (btn) { btn.disabled = true; btn.textContent = 'Subscribing...'; }

          var email = (form.querySelector('input[type="email"]') || {}).value || '';
          var name  = (form.querySelector('input[name="first_name"]') || {}).value || '';

          window.pmSubscribe(email, name, ['waitlist'],
            function() {
              form.style.display = 'none';
              var sel = form.getAttribute('data-pm-success');
              if (sel) {
                var el = document.querySelector(sel);
                if (el) el.style.display = 'block';
              }
            },
            function(errMsg) {
              if (btn) { btn.disabled = false; btn.textContent = 'Subscribe'; }
              alert(errMsg);
            }
          );
        });
      });
    });
  })();
</script>