/* PymeLegal WordPress JS */
(function(){
  function initPymeLegal(){

    const root = document.querySelector('.pl-wrap');
    const SCRIPT_URL = root ? root.getAttribute('data-script-url') : '';
  
    if (!root) return;
  
    const leadForm = document.getElementById('plLeadForm');
    const statusBox = document.getElementById('plFormStatus');
    const testGate = document.getElementById('plTestGate');
    const showTestBtn = document.getElementById('plShowTest');
    const skipTestBtn = document.getElementById('plSkipTest');
    const testCard = document.getElementById('plTestCard');
    const testForm = document.getElementById('plTestForm');
    const resultCard = document.getElementById('plResultCard');
    const resultScore = document.getElementById('plResultScore');
    const resultTitle = document.getElementById('plResultTitle');
    const resultText = document.getElementById('plResultText');
    const resultList = document.getElementById('plResultList');
  
    function showStatus(type, message){
      statusBox.className = 'pl-form-status is-' + type;
      statusBox.textContent = message;
    }
  
    if (!leadForm || !statusBox || !testGate || !showTestBtn || !skipTestBtn || !testCard || !testForm || !resultCard || !resultScore || !resultTitle || !resultText || !resultList) {
      return;
    }
  
    leadForm.addEventListener('submit', async function(event){
      event.preventDefault();
  
      const submitButton = leadForm.querySelector('button[type="submit"]');
      submitButton.disabled = true;
      submitButton.textContent = 'Enviando...';
  
      const formData = new FormData(leadForm);
      const payload = {
        nombre: formData.get('nombre'),
        email: formData.get('email'),
        empresa: formData.get('empresa'),
        mensaje: formData.get('mensaje'),
        origen: formData.get('origen') || 'pymelegal.cl'
      };
  
      let submissionOk = false;
  
      if (SCRIPT_URL) {
        try {
          await fetch(SCRIPT_URL, {
            method: 'POST',
            mode: 'no-cors',
            headers: {
              'Content-Type': 'text/plain;charset=utf-8'
            },
            body: JSON.stringify(payload)
          });
          submissionOk = true;
        } catch (error) {
          submissionOk = false;
        }
      }
  
      testGate.classList.add('is-visible');
      testCard.classList.remove('is-visible');
      resultCard.classList.remove('is-visible');
  
      if (submissionOk) {
        showStatus('success', 'Listo. Ya recibimos tus datos. Si quieres, ahora puedes hacer el test de validación de cumplimiento.');
        leadForm.reset();
      } else {
        showStatus('error', 'Hubo un problema al enviar el formulario. El Apps Script no está respondiendo de forma usable desde esta landing. Igual puedes continuar con el test.');
      }
  
      testGate.scrollIntoView({behavior:'smooth', block:'start'});
      submitButton.disabled = false;
      submitButton.textContent = 'Solicitar asesoría gratuita';
    });
  
    showTestBtn.addEventListener('click', function(){
      testGate.classList.remove('is-visible');
      testCard.classList.add('is-visible');
      testCard.scrollIntoView({behavior:'smooth', block:'start'});
    });
  
    skipTestBtn.addEventListener('click', function(){
      testGate.innerHTML = '<div class="pl-form-card"><h3 style="font-size:28px;margin-bottom:10px;">Perfecto</h3><p style="color:var(--muted);font-size:15px;">Ya recibimos tu solicitud. Te contactaremos pronto para revisar tu caso.</p></div>';
      testGate.classList.add('is-visible');
      testCard.classList.remove('is-visible');
    });
  
    testForm.addEventListener('submit', function(event){
      event.preventDefault();
  
      const data = new FormData(testForm);
      let yesCount = 0;
  
      for (let i = 1; i <= 10; i++) {
        if (data.get('q' + i) === 'si') yesCount++;
      }
  
      let title = '';
      let text = '';
      let tips = [];
  
      if (yesCount >= 8) {
        title = 'Vas adelantado, pero aún hay que validar';
        text = 'Tu empresa muestra varias senales de preparación. Aún así, conviene revisar la bajada legal y operativa para confirmar que ese cumplimiento resiste una fiscalización o reclamo.';
        tips = [
          'Revisar si lo documentado realmente coincide con la operacion diaria.',
          'Validar contratos, consentimientos y trazabilidad de proveedores.',
          'Hacer una revisión final antes de diciembre de 2026.'
        ];
      } else if (yesCount >= 5) {
        title = 'Tienes avances, pero aún hay brechas importantes';
        text = 'Tu empresa ya tiene ciertas bases, pero todavia hay vacíos que pueden exponerte frente a la nueva ley. Lo razonable es ordenarlo antes de que el riesgo te obligue a reacciónar.';
        tips = [
          'Priorizar brechas de consentimiento, contratos y protocolos.',
          'Ordenar donde se almacenan y como se usan los datos.',
          'Definir un responsable y un plan concreto de implementacion.'
        ];
      } else {
        title = 'Hoy tu empresa esta expuesta';
        text = 'El test muestra que hay brechas relevantes de cumplimiento. No significa que no puedas corregirlo, pero si que conviene actuar pronto con una hoja de ruta concreta.';
        tips = [
          'Partir por diagnóstico de flujos, formularios y documentos.',
          'Corregir bases legales y operativas más urgentes.',
          'Definir un plan de cumplimiento antes de diciembre de 2026.'
        ];
      }
  
      resultScore.textContent = yesCount + '/10';
      resultTitle.textContent = title;
      resultText.textContent = text;
      resultList.innerHTML = tips.map(function(item){ return '<li>' + item + '</li>'; }).join('');
      resultCard.classList.add('is-visible');
      resultCard.scrollIntoView({behavior:'smooth', block:'start'});
    });

  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPymeLegal);
  } else {
    initPymeLegal();
  }
})();