<?php
// Mostrar errores en pantalla para depuración temporal
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
?>
<div class="col-lg-4 mb-3">
  <div class="card h-100 text-center">
    <div class="card-body">
      <i class="fas fa-user-circle fa-4x text-primary mb-3"></i>
      <h4 class="mb-1 d-flex align-items-center justify-content-center gap-2">
        <button type="button" class="btn btn-link p-0 m-0 align-middle" data-bs-toggle="modal" data-bs-target="#modalEditarNombre" title="Editar nombre y apellidos" style="line-height:1;">
          <i class="fas fa-edit fa-2x text-primary"></i>
        </button>
  <span id="card-nombre-completo"><?= htmlspecialchars($nombreCompleto ?? '') ?></span>
      </h4>
      <?php if (!empty($c['reactivado']) && $c['reactivado'] === 'activado'): ?>
        <span class="badge bg-warning text-dark mb-2">
          <i class="fas fa-undo-alt me-1"></i> REACTIVADO
        </span>
      <?php endif; ?>
  <p class="text-muted mb-2"><?= htmlspecialchars($c['puesto'] ?? '') ?></p>

      <!-- Nueva línea: Mostrar Ubicación -->
      <p class="small text-muted mb-3">
        <i class="fas fa-map-marker-alt me-1"></i><?= htmlspecialchars($ubicacionNombre ?? '') ?>
      </p>

      <!-- Nueva línea: Mostrar Procedencia de CV -->
      <?php if (!empty($c['procedencia_cv_nombre'])): ?>
        <p class="small text-muted mb-3">
          <i class="fas fa-file-alt me-1"></i>Procedencia de CV: <?= htmlspecialchars($c['procedencia_cv_nombre'] ?? '') ?>
        </p>
      <?php endif; ?>

      <!-- Vacante asignada -->
    <div id="card-vacante">
      <?php if (!empty($vacanteAsignada['vacante_codigo'])): ?>
        <div class="alert alert-info small mt-2">
          <i class="fas fa-briefcase me-1"></i>
          <strong>Vacante asignada:</strong><br>
          <?= htmlspecialchars($vacanteAsignada['vacante_puesto'] ?? '') ?><br>
          <small class="text-muted"><?= htmlspecialchars($vacanteAsignada['vacante_pdv'] ?? '') ?></small>
        </div>
      <?php else: ?>
        <p class="text-muted small mt-2">
          <i class="fas fa-briefcase me-1"></i> Vacante por definir
        </p>
      <?php endif; ?>
   </div>
      <!-- Botones de contacto -->
      <div class="d-flex justify-content-center gap-2 mb-3">
  <a href="tel:<?= htmlspecialchars($c['telefono'] ?? '') ?>" class="btn btn-sm btn-outline-primary">
          <i class="fas fa-phone"></i>
        </a>
  <a href="mailto:<?= htmlspecialchars($c['correo'] ?? '') ?>" class="btn btn-sm btn-outline-primary">
          <i class="fas fa-envelope"></i>
        </a>
      </div>

      <!-- Reactivación -->
      <?php if (!empty($c['reactivado']) && $c['reactivado'] === 'activado'): ?>
        <div class="alert alert-warning d-flex align-items-center" role="alert">
          <i class="fas fa-undo-alt me-2"></i>
          <strong>Aspirante Reactivado desde el Banco</strong>
        </div>
      <?php endif; ?>


      <!-- Botón Editar Expediente -->
      <div class="d-flex justify-content-center mb-2">
        <button class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#modalEditarExpediente">
          <i class="fas fa-edit me-1"></i> Editar Expediente
        </button>
      </div>

      <!-- Mostrar PDV sugerido si existe -->
      <?php if (!empty($c['pdv_sugerido'])): ?>
        <p class="fw-bold mb-1">PDV sugerido por el regional:</p>
        <p class="mb-0"><?= htmlspecialchars($c['pdv_sugerido'] ?? '') ?></p>
      <?php endif; ?>
    </div>
  </div>
    <!-- Modal Editar Expediente -->
  <div class="modal fade" id="modalEditarExpediente" tabindex="-1" aria-labelledby="modalEditarExpedienteLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <form id="formEditarExpediente">
          <div class="modal-header">
            <h5 class="modal-title" id="modalEditarExpedienteLabel">Editar Expediente del Aspirante</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
          </div>
          <div class="modal-body">
            <input type="hidden" name="aspirante_id" value="<?= intval($c['id'] ?? 0) ?>">
              <div class="mb-3">
                <label for="curp" class="form-label">CURP</label>
                <input type="text" style="text-transform: uppercase" name="curp" id="curp" class="form-control" maxlength="18" value="<?= htmlspecialchars($c['curp'] ?? '') ?>" autocomplete="off">
              </div>
              <div class="mb-3">
                <label for="confirmar_curp" class="form-label">Confirmar CURP</label>
                <input type="text" style="text-transform: uppercase"  id="confirmar_curp" class="form-control" maxlength="18" autocomplete="off" onpaste="return false;" ondrop="return false;">
              </div>

              <div class="mb-3">
                <label for="nss" class="form-label">NSS</label>
                <input type="text" name="nss" id="nss" class="form-control" maxlength="11" value="<?= htmlspecialchars($c['nss'] ?? '') ?>" autocomplete="off">
              </div>
              <div class="mb-3">
                <label for="confirmar_nss" class="form-label">Confirmar NSS</label>
                <input type="text" id="confirmar_nss" class="form-control" maxlength="11" autocomplete="off" onpaste="return false;" ondrop="return false;">
              </div>

              <div class="mb-3">
                <label for="rfc" class="form-label">RFC</label>
                <input type="text" style="text-transform: uppercase" name="rfc" id="rfc" class="form-control" maxlength="13" value="<?= htmlspecialchars($c['rfc'] ?? '') ?>" autocomplete="off">
              </div>
              <div class="mb-3">
                <label for="confirmar_rfc" class="form-label">Confirmar RFC</label>
                <input type="text" style="text-transform: uppercase" id="confirmar_rfc" class="form-control" maxlength="13" autocomplete="off" onpaste="return false;" ondrop="return false;">
              </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-primary">Guardar Cambios</button>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Fuera de la tarjeta y de cualquier contenedor -->
  <!-- Modal Editar Nombre y Apellidos -->
  <div class="modal fade" id="modalEditarNombre" tabindex="-1" aria-labelledby="modalEditarNombreLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <form id="formEditarNombre">
          <div class="modal-header">
            <h5 class="modal-title" id="modalEditarNombreLabel">Editar Nombre y Apellidos</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
          </div>
          <div class="modal-body">
            <input type="hidden" name="aspirante_id" value="<?= intval($c['id'] ?? 0) ?>">
            <div class="mb-3">
              <label for="nombre_modal" class="form-label">Nombre(s)</label>
              <input type="text" name="nombre" id="nombre_modal" class="form-control" value="<?= htmlspecialchars($c['nombre'] ?? '') ?>" required autocomplete="off">
            </div>
            <div class="mb-3">
              <label for="apellido_paterno_modal" class="form-label">Apellido Paterno</label>
              <input type="text" name="apellido_paterno" id="apellido_paterno_modal" class="form-control" value="<?= htmlspecialchars($c['apellido_paterno'] ?? '') ?>" required autocomplete="off">
            </div>
            <div class="mb-3">
              <label for="apellido_materno_modal" class="form-label">Apellido Materno</label>
              <input type="text" name="apellido_materno" id="apellido_materno_modal" class="form-control" value="<?= htmlspecialchars($c['apellido_materno'] ?? '') ?>" autocomplete="off">
            </div>
          </div>
          <div class="modal-footer">
            <button type="submit" class="btn btn-primary">Guardar Cambios</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<!-- jQuery CDN (debe ir antes de cualquier script que use $) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- SweetAlert2 CDN -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
// Enviar formulario de edición de nombre por AJAX
$(document).ready(function() {
  $('#formEditarNombre').on('submit', function(e) {
    e.preventDefault();
    var form = $(this);
    var btn = form.find('button[type="submit"]');
    btn.prop('disabled', true);
    $.ajax({
      url: '../../backend/aspirantes/actualizar_nombre.php',
      type: 'POST',
      data: form.serialize(),
      dataType: 'json',
      success: function(resp) {
        if (resp.success) {
          var nuevoNombre = resp.nombreCompleto.trim();
          $("#modalEditarNombre").modal('hide');
          $("#card-nombre-completo").text(nuevoNombre);
          // SweetAlert2 con recarga al cerrar
          Swal.fire({
            icon: 'success',
            title: 'Nombre actualizado',
            text: 'El nombre se actualizo correctamente.',
            confirmButtonText: 'Aceptar',
            allowOutsideClick: false
          }).then(() => {
            location.reload();
          });
        } else {
          Swal.fire({
            icon: 'error',
            title: 'Error',
            text: resp.message || 'No se pudo actualizar',
            confirmButtonText: 'Cerrar',
            allowOutsideClick: false
          });
        }
      },
      error: function() {
        alert('Error de conexión');
      },
      complete: function() {
        btn.prop('disabled', false);
      }
    });
  });
});
</script>
