/**
 * Genera calculadora y contenido SEO automáticamente a partir SOLO del título.
 * Regla:
 *  - Si el post está vacío (sin [ea_calc]) al guardar,
 *    construimos todo y actualizamos el post.
 */
function ea_calc_autogenerate_if_empty( $post_ID, $post, $update ) {

    // No tocar revisiones ni autosaves
    if ( wp_is_post_revision( $post_ID ) ) return;
    if ( defined('DOING_AUTOSAVE') && DOING_AUTOSAVE ) return;

    // Traemos el contenido actual (raw para evitar filtros)
    $current_content = get_post_field( 'post_content', $post_ID, 'raw' );
    $title           = get_the_title( $post_ID );

    // Si ya tiene contenido útil o ya tiene shortcode, no hacemos nada
    if ( trim( $current_content ) !== '' && strpos( $current_content, '[ea_calc ' ) !== false ) {
        return;
    }

    // Slug base para la calculadora
    $slug = sanitize_title( $title );

    // 1. Elegir plantilla según el título
    $calc_template = ea_calc_build_calc_template_from_title( $title, $slug );

    // 2. Guardar la calculadora en /uploads/ea-calculators/slug.php
    ea_calc_ensure_dir();
    $file_path = ea_calc_file_path( $slug );
    @file_put_contents( $file_path, $calc_template['calculator_code'] );

    // 3. Generar el cuerpo del post con intro SEO + shortcode + secciones
    $new_body  = '';
    $new_body .= '<p>' . esc_html( $calc_template['intro_p1'] ) . '</p>';
    $new_body .= '<p>' . esc_html( $calc_template['intro_p2'] ) . '</p>';
    $new_body .= "\n\n" . '[ea_calc slug="'.esc_attr($slug).'"]' . "\n\n";
    $new_body .= $calc_template['extra_sections_html']; // ya viene con HTML seguro

    // 4. Actualizar el post UNA sola vez
    remove_action( 'save_post', 'ea_calc_autogenerate_if_empty', 20 );
    wp_update_post( array(
        'ID'           => $post_ID,
        'post_content' => $new_body,
    ) );
    add_action( 'save_post', 'ea_calc_autogenerate_if_empty', 20, 3 );
}

/**
 * Construye:
 *  - código HTML+CSS+JS limpio de la calculadora
 *  - texto introductorio SEO
 *  - secciones extra (tabla, fórmulas, ejemplos)
 * según el título.
 */
function ea_calc_build_calc_template_from_title( $title, $slug ) {

    $t_lower = strtolower( $title );

    // Caso especial reconocido: "kva" y "kw"
    if ( strpos($t_lower, 'kva') !== false && strpos($t_lower, 'kw') !== false ) {

        // ---------- Calculadora kVA -> kW ----------
        // Fórmula real: kW = kVA × FP
        $calculator_code = '<style>
#'.$slug.'-wrap,*{box-sizing:border-box;font:16px/1.35 Arial,system-ui,Segoe UI,Roboto,sans-serif;margin:0}
#'.$slug.'-wrap{
  max-width:420px;margin:20px auto;padding:18px;background:#AEDB9C;border-radius:12px;
  border:1px solid #034078;box-shadow:0 0 10px #0002;color:#0f172a
}
#'.$slug.'-wrap h2{color:#034078;font-size:1.1rem;margin:0 0 .5rem;font-weight:700}
#'.$slug.'-wrap label{display:block;margin-top:12px;font-weight:600;color:#034078;font-size:.9rem}
#'.$slug.'-wrap input{
  width:100%;padding:8px;border:1px solid #034078;border-radius:6px;font-size:1rem;
  background:#fff;color:#0f172a
}
#'.$slug.'-wrap button{
  background:#034078;color:#fff;border:0;border-radius:6px;padding:8px 12px;
  font-size:.9rem;font-weight:600;cursor:pointer;margin-top:12px;margin-right:8px
}
#'.$slug.'-wrap button:hover{filter:brightness(1.1)}
#'.$slug.'-result{
  border:1px solid #034078;background:#fff;padding:10px;border-radius:8px;
  margin-top:16px;font-size:1rem;color:#0f172a
}
#'.$slug.'-formula-box{
  margin-top:16px;border:1px solid #034078;background:#fff;border-radius:8px;
  padding:10px;font-size:.85rem;line-height:1.4;color:#0f172a
}
#'.$slug.'-formula-content[hidden]{display:none}
</style>

<div id="'.$slug.'-wrap" role="region" aria-labelledby="'.$slug.'-title">
  <h2 id="'.$slug.'-title">'.esc_html($title).'</h2>

  <form id="'.$slug.'-form" onsubmit="return false" style="display:block">
    <label for="'.$slug.'-kva">
      Potencia aparente (kVA)
      <span style="font-weight:400;color:#0f172a">(valor positivo)</span>
    </label>
    <input id="'.$slug.'-kva" name="kva" type="number" min="0" step="0.01" placeholder="Ej. 150" required>

    <label for="'.$slug.'-fp">
      Factor de potencia (0–1)
      <span style="font-weight:400;color:#0f172a">(ej. 0.85)</span>
    </label>
    <input id="'.$slug.'-fp" name="fp" type="number" min="0" max="1" step="0.01" placeholder="Ej. 0.85" required>

    <div style="margin-top:12px;display:flex;flex-wrap:wrap;gap:8px">
      <button type="button" id="'.$slug.'-calc-btn">Calcular</button>
      <button type="button" id="'.$slug.'-reset-btn">Restablecer</button>
      <button type="button" id="'.$slug.'-copy-btn">Copiar resultado</button>
      <button type="button" id="'.$slug.'-share-btn">Compartir</button>
    </div>
  </form>

  <div id="'.$slug.'-result" aria-live="polite"></div>

  <div id="'.$slug.'-formula-box">
    <button type="button"
            id="'.$slug.'-formula-toggle"
            aria-expanded="false"
            aria-controls="'.$slug.'-formula-content"
            style="background:#034078;color:#fff;border:0;border-radius:6px;padding:6px 10px;font-size:.8rem;cursor:pointer;">
      Ver fórmula
    </button>
    <div id="'.$slug.'-formula-content" hidden>
      <p><strong>Fórmula básica:</strong><br>kW = kVA × FP</p>
      <p><strong>Sustitución actual:</strong><br>
        kW = <span id="'.$slug.'-show-kva">-</span> ×
        <span id="'.$slug.'-show-fp">-</span> =
        <span id="'.$slug.'-show-kw">-</span> kW
      </p>
      <p style="font-size:.8rem;color:#555">
        Nota: esta conversión asume carga equilibrada y FP constante.
      </p>
    </div>
  </div>
</div>

<script>
(function(){
  const kvaEl   = document.getElementById("'.$slug.'-kva");
  const fpEl    = document.getElementById("'.$slug.'-fp");
  const resEl   = document.getElementById("'.$slug.'-result");

  const fBoxBtn = document.getElementById("'.$slug.'-formula-toggle");
  const fBoxDiv = document.getElementById("'.$slug.'-formula-content");

  const showKva = document.getElementById("'.$slug.'-show-kva");
  const showFp  = document.getElementById("'.$slug.'-show-fp");
  const showKw  = document.getElementById("'.$slug.'-show-kw");

  function calc(){
    const kva = parseFloat(kvaEl.value.replace(",",".")); 
    const fp  = parseFloat(fpEl.value.replace(",",".")); 

    if (isNaN(kva) || kva <= 0) {
      resEl.textContent = "Ingresa kVA válido (>0).";
      return;
    }
    if (isNaN(fp) || fp <= 0 || fp > 1) {
      resEl.textContent = "Ingresa factor de potencia entre 0 y 1.";
      return;
    }

    const kw = kva * fp;
    const kwText = kw.toLocaleString("es-ES", {maximumFractionDigits: 3});

    resEl.innerHTML =
      "<p><strong>Potencia activa (kW):</strong> " + kwText + " kW</p>" +
      "<p style=\\"font-size:.8rem;color:#555\\">" +
      "kW = kVA × FP = " + kva + " × " + fp + "</p>";

    // actualizar acordeón
    showKva.textContent = kva;
    showFp.textContent  = fp;
    showKw.textContent  = kwText;
  }

  function resetAll(){
    kvaEl.value = "";
    fpEl.value  = "";
    resEl.textContent = "";
    showKva.textContent = "-";
    showFp.textContent  = "-";
    showKw.textContent  = "-";
  }

  function copyResult(){
    const txt = resEl.innerText.trim();
    if(!txt){
      alert("No hay resultado para copiar.");
      return;
    }
    navigator.clipboard.writeText(txt).then(()=>{
      alert("Resultado copiado.");
    });
  }

  function shareResult(){
    const base = window.location.origin + window.location.pathname;
    const kva = encodeURIComponent(kvaEl.value||"");
    const fp  = encodeURIComponent(fpEl.value||"");
    const url = base + "?kva=" + kva + "&fp=" + fp;
    navigator.clipboard.writeText(url).then(()=>{
      alert("URL copiada: " + url);
    });
  }

  // botones
  document.getElementById("'.$slug.'-calc-btn").addEventListener("click", calc);
  document.getElementById("'.$slug.'-reset-btn").addEventListener("click", resetAll);
  document.getElementById("'.$slug.'-copy-btn").addEventListener("click", copyResult);
  document.getElementById("'.$slug.'-share-btn").addEventListener("click", shareResult);

  // acordeón fórmula
  fBoxBtn.addEventListener("click", function(){
    const isOpen = fBoxDiv.hasAttribute("hidden") ? false : true;
    if (isOpen){
      fBoxDiv.setAttribute("hidden","");
      fBoxBtn.setAttribute("aria-expanded","false");
    } else {
      fBoxDiv.removeAttribute("hidden");
      fBoxBtn.setAttribute("aria-expanded","true");
    }
  });

  // Restaura parámetros por URL (kva, fp)
  const params = new URLSearchParams(window.location.search);
  if (params.has("kva")) kvaEl.value = params.get("kva");
  if (params.has("fp"))  fpEl.value  = params.get("fp");
  if (kvaEl.value && fpEl.value){ calc(); }
})();
</script>';

        $intro_p1 = "Convierte kVA a kW en segundos con factor de potencia real. Ideal para selección de equipos eléctricos.";
        $intro_p2 = "Ingresa la potencia aparente (kVA) y el factor de potencia (FP) para obtener la potencia activa en kW con explicación paso a paso.";

        $extra_sections_html = '
<h2>¿Cómo funciona la conversión de kVA a kW?</h2>
<p><strong>Fórmula principal:</strong> kW = kVA × FP</p>
<p>Donde FP (factor de potencia) normalmente está entre 0.8 y 0.95 en motores industriales. Un FP bajo significa más potencia aparente para la misma potencia real.</p>

<h2>Tabla rápida de referencia</h2>
<table style="width:100%;border-collapse:collapse;border:1px solid #034078;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.4;color:#0f172a">
<thead style="background:#AEDB9C;color:#034078">
<tr>
<th style="border:1px solid #034078;padding:6px">kVA</th>
<th style="border:1px solid #034078;padding:6px">FP</th>
<th style="border:1px solid #034078;padding:6px">kW</th>
</tr>
</thead>
<tbody>
<tr><td style="border:1px solid #034078;padding:6px">10</td><td style="border:1px solid #034078;padding:6px">0.80</td><td style="border:1px solid #034078;padding:6px">8.0</td></tr>
<tr><td style="border:1px solid #034078;padding:6px">25</td><td style="border:1px solid #034078;padding:6px">0.85</td><td style="border:1px solid #034078;padding:6px">21.25</td></tr>
<tr><td style="border:1px solid #034078;padding:6px">50</td><td style="border:1px solid #034078;padding:6px">0.90</td><td style="border:1px solid #034078;padding:6px">45.0</td></tr>
<tr><td style="border:1px solid #034078;padding:6px">75</td><td style="border:1px solid #034078;padding:6px">0.95</td><td style="border:1px solid #034078;padding:6px">71.25</td></tr>
<tr><td style="border:1px solid #034078;padding:6px">100</td><td style="border:1px solid #034078;padding:6px">0.80</td><td style="border:1px solid #034078;padding:6px">80.0</td></tr>
</tbody>
</table>

<h2>Ejemplo práctico de ingeniería</h2>
<p>Supongamos una carga de 75 kVA con FP 0.85. La potencia activa será:<br>
kW = 75 × 0.85 = 63.75 kW.</p>
<p>Este valor es el que realmente factura la empresa en energía activa y el que usas para estimar capacidad térmica del conductor, selección de transformador y dimensionamiento de generador.</p>

<h2>Buenas prácticas</h2>
<ul>
<li>No uses FP mayor que 1.0: físicamente no aplica.</li>
<li>Para motores, considera FP entre 0.8 y 0.9 a plena carga.</li>
<li>Si dimensionas generadores, deja margen extra (10-20%).</li>
<li>Revisa normativas locales e IEC/IEEE para potencias nominales.</li>
</ul>';

        return array(
            'calculator_code'      => $calculator_code,
            'intro_p1'             => $intro_p1,
            'intro_p2'             => $intro_p2,
            'extra_sections_html'  => $extra_sections_html,
        );
    }

    // ---------- Fallback genérico ----------
    // Plantilla neutra que multiplica Valor A * Valor B solo para tener algo funcional.
    $calculator_code = '<style>
#'.$slug.'-wrap,*{box-sizing:border-box;font:16px/1.35 Arial,system-ui,Segoe UI,Roboto,sans-serif;margin:0}
#'.$slug.'-wrap{
  max-width:420px;margin:20px auto;padding:18px;background:#AEDB9C;border-radius:12px;
  border:1px solid #034078;box-shadow:0 0 10px #0002;color:#0f172a
}
#'.$slug.'-wrap h2{color:#034078;font-size:1.1rem;margin:0 0 .5rem;font-weight:700}
#'.$slug.'-wrap label{display:block;margin-top:12px;font-weight:600;color:#034078;font-size:.9rem}
#'.$slug.'-wrap input{
  width:100%;padding:8px;border:1px solid #034078;border-radius:6px;font-size:1rem;
  background:#fff;color:#0f172a
}
#'.$slug.'-wrap button{
  background:#034078;color:#fff;border:0;border-radius:6px;padding:8px 12px;
  font-size:.9rem;font-weight:600;cursor:pointer;margin-top:12px;margin-right:8px
}
#'.$slug.'-wrap button:hover{filter:brightness(1.1)}
#'.$slug.'-result{
  border:1px solid #034078;background:#fff;padding:10px;border-radius:8px;
  margin-top:16px;font-size:1rem;color:#0f172a
}
</style>

<div id="'.$slug.'-wrap" role="region" aria-labelledby="'.$slug.'-title">
  <h2 id="'.$slug.'-title">'.esc_html($title).'</h2>

  <label for="'.$slug.'-a">Valor A</label>
  <input id="'.$slug.'-a" type="number" step="any" placeholder="Ej. 10">

  <label for="'.$slug.'-b">Valor B</label>
  <input id="'.$slug.'-b" type="number" step="any" placeholder="Ej. 2.5">

  <div style="margin-top:12px;display:flex;flex-wrap:wrap;gap:8px">
    <button type="button" id="'.$slug.'-calc-btn">Calcular</button>
    <button type="button" id="'.$slug.'-reset-btn">Restablecer</button>
    <button type="button" id="'.$slug.'-copy-btn">Copiar resultado</button>
  </div>

  <div id="'.$slug.'-result" aria-live="polite"></div>
</div>

<script>
(function(){
  const aEl = document.getElementById("'.$slug.'-a");
  const bEl = document.getElementById("'.$slug.'-b");
  const rEl = document.getElementById("'.$slug.'-result");

  function calc(){
    const a = parseFloat((aEl.value||"").replace(",",".")); 
    const b = parseFloat((bEl.value||"").replace(",",".")); 
    if(isNaN(a) || isNaN(b)){
      rEl.textContent = "Ingresa ambos valores numéricos.";
      return;
    }
    const res = a*b;
    rEl.textContent = "Resultado = " + res.toLocaleString("es-ES",{maximumFractionDigits:4});
  }

  function resetAll(){
    aEl.value="";bEl.value="";
    rEl.textContent="";
  }

  function copyRes(){
    if(!rEl.textContent.trim()){
      alert("No hay resultado para copiar.");
      return;
    }
    navigator.clipboard.writeText(rEl.textContent).then(()=>{
      alert("Resultado copiado.");
    });
  }

  document.getElementById("'.$slug.'-calc-btn").addEventListener("click",calc);
  document.getElementById("'.$slug.'-reset-btn").addEventListener("click",resetAll);
  document.getElementById("'.$slug.'-copy-btn").addEventListener("click",copyRes);
})();
</script>';

    $intro_p1 = "Calculadora automática basada en el título: ". $title .". Ingresa valores y obtén el resultado al instante.";
    $intro_p2 = "Incluye campo de entrada, resultado en vivo y opciones para restablecer y copiar.";

    $extra_sections_html = '
<h2>¿Cómo usar esta calculadora?</h2>
<p>1. Ingresa dos valores numéricos.<br>
2. Pulsa “Calcular”.<br>
3. Copia el resultado si lo deseas.</p>

<h2>Notas importantes</h2>
<ul>
<li>Esta es una plantilla genérica. Puedes editar el archivo de la calculadora en uploads/ea-calculators para ajustarla a tu fórmula real.</li>
<li>El estilo respeta tu paleta (#AEDB9C y #034078) y es mobile-first.</li>
<li>El resultado se muestra sin recargar la página.</li>
</ul>';

    return array(
        'calculator_code'      => $calculator_code,
        'intro_p1'             => $intro_p1,
        'intro_p2'             => $intro_p2,
        'extra_sections_html'  => $extra_sections_html,
    );
}

// Enganchamos nuestro autogenerador DESPUÉS de que WP guarda el post
add_action( 'save_post', 'ea_calc_autogenerate_if_empty', 20, 3 );