📄 app.js

import Alpine from 'alpinejs';
window.Alpine = Alpine;
Alpine.start();

// ── Global enquiry form handler ──────────────────────────────
window.submitEnquiry = async function(e, formId) {
  e.preventDefault();
  const form    = document.getElementById(formId);
  const success = document.getElementById(formId + '_success');
  const btn     = form.querySelector('[type=submit]');
  const orig    = btn.innerHTML;

  btn.disabled  = true;
  btn.innerHTML = '<svg class="w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/></svg> Sending…';

  try {
    // Build the correct lang-prefixed URL from the current page URL
    const lang = document.documentElement.lang || 'en';
    const enquiryUrl = '/' + lang + '/enquiry';
    const res  = await fetch(enquiryUrl, { method:'POST', body: new FormData(form), headers:{ 'X-Requested-With':'XMLHttpRequest', 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content } });
    const data = await res.json();
    if (data.success) {
      form.classList.add('hidden');
      success.classList.remove('hidden');
    } else {
      btn.disabled  = false;
      btn.innerHTML = orig;
      alert(data.message || 'Something went wrong. Please try again.');
    }
  } catch {
    btn.disabled  = false;
    btn.innerHTML = orig;
    alert('Network error. Please call us directly.');
  }
};