<?php
session_start();
$_SESSION['attuid'] = 'admin01';
$_SESSION['rol'] = 'admin01';

require_once __DIR__ . '/../includes/valida_posiciones.php';
?>

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <title>Test de Candidatos</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body class="bg-light">
  <div class="container py-5">
    <h3 class="mb-4">Lista de Candidatos (Test)</h3>
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>Nombre</th>
          <th>Puesto</th>
          <th>Estado</th>
        </tr>
      </thead>
      <tbody id="candidatos-tbody">
        <!-- Se inyectará por JS -->
      </tbody>
    </table>
  </div>

  <script>
document.addEventListener('DOMContentLoaded', function () {
  const tbody = document.getElementById('candidatos-tbody');

  fetch('../../backend/recruiter/get_candidates.php')
    .then(res => res.text()) // 👈 importante: .text() para ver el contenido crudo
    .then(text => {
      console.log('[DEBUG RAW RESPONSE]');
      console.log(text); // 🔍 ver la respuesta REAL del backend

      try {
        const data = JSON.parse(text);
        if (!data.success || !Array.isArray(data.data)) {
          tbody.innerHTML = '<tr><td colspan="3" class="text-danger">Respuesta vacía</td></tr>';
          return;
        }

        data.data.forEach(c => {
          const tr = document.createElement('tr');
          tr.innerHTML = `
            <td>${c.nombre_completo}</td>
            <td>${c.puesto}</td>
            <td>${c.estado}</td>
          `;
          tbody.appendChild(tr);
        });
      } catch (err) {
        console.error('❌ Error al parsear JSON:', err);
        tbody.innerHTML = `<tr><td colspan="3" class="text-danger">Respuesta no válida:<br>${text}</td></tr>`;
      }
    })
    .catch(err => {
      console.error('❌ Error general:', err);
      tbody.innerHTML = '<tr><td colspan="3" class="text-danger">Error al cargar</td></tr>';
    });
});
</script>

</body>
</html>
