<div class="row">  
  <div class="col-12">
    <div class="card">
      <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Proceso de Reclutamiento</h5>
        <?php if (!in_array($estatusActual, ['rechazado', 'proceso_concluido'])): ?>
          <button class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#statusModal">
            <i class="fas fa-edit me-1"></i>Cambiar Estatus
          </button>
        <?php endif; ?>
      </div>
      <div class="card-body">
        <div class="recruitment-process row row-cols-1 row-cols-md-3 g-4 position-relative">
          <?php foreach ($estatusOrden as $index => $clave): ?>
            <?php
              $clase = 'disabled';
              $fecha = 'Pendiente';
              $comentario = '';

              if (isset($historial[$clave])) {
                  $clase = ($clave === $estatusActual) ? 'active' : 'completed';
                  $fecha = $historial[$clave]['fecha'];
                  $comentario = $historial[$clave]['comentario'];
              } elseif ($index < $indexActual) {
                  $clase = 'not-required';
                  $fecha = 'No fue requerida';
              } elseif ($index >= $indexActual) {
                  $clase = 'pendiente';
                  $fecha = 'Pendiente';
              }


              if ($estatusActual === 'rechazado' && $clave === 'rechazado') {
                  $clase = 'rejected';
                  $fecha = $historial[$clave]['fecha'] ?? 'Rechazado';
                  $comentario = $historial[$clave]['comentario'] ?? '';
              }

              if ($fecha === 'Pendiente') $clase = 'pendiente';
              $fechaClase = (trim(strtolower($fecha)) === 'pendiente') ? 'pendiente' : '';
            ?>
            <div class="col d-flex flex-column align-items-center timeline-step">
              <div
                class="process-step <?= $clase ?> text-center p-3 border rounded position-relative"
                data-comentario="<?= htmlspecialchars($comentario) ?>"
                data-etiqueta="<?= htmlspecialchars($estatusLabels[$clave] ?? ucfirst($clave)) ?>"
                onclick="mostrarComentario(this)"
              >
                <div class="step-icon mb-2">
                  <?php if ($clase === 'rejected'): ?>
                    <i class="fas fa-times-circle text-danger fa-lg"></i>
                  <?php elseif ($clase === 'pendiente'): ?>
                    <i class="fas fa-exclamation-circle text-warning fa-lg"></i>
                  <?php else: ?>
                    <i class="fas fa-check-circle fa-lg"></i>
                  <?php endif; ?>
                </div>
                <div class="step-label fw-semibold"><?= $estatusLabels[$clave] ?? ucfirst($clave) ?></div>
                <div class="step-date small <?= $fechaClase ?> <?= ($fechaClase !== 'pendiente') ? 'text-muted' : '' ?>">
                  <?= $fecha ?>
                </div>
              </div>
            </div>
          <?php endforeach; ?>
        </div>

        <?php if ($estatusActual === 'referencias'): ?>
        <div class="text-end pt-4">
          <input type="hidden" id="aspirante_id" value="<?= $c['id'] ?>">
          <button type="button" class="btn btn-success" id="btnEnviarReferencias">
            <i class="fas fa-paper-plane me-2"></i>Enviar a referencias
          </button>
        </div>
        <?php endif; ?>

      </div>
    </div>
  </div>
</div>
