<?php $title = 'Detalle de Usuario'; ?>
<?= view('partials/header') ?>

<section class="hero text-center" style="background:#fff3cd;padding:40px 0;">
  <div class="container">
    <h1 class="fw-bold"><i class="bi bi-person-lines-fill me-2"></i> Detalle de Usuario</h1>
    <p class="text-muted">Información completa del usuario</p>
  </div>
</section>

<section class="py-5">
  <div class="container" style="max-width:800px;">

    <!-- DATOS GENERALES -->
    <div class="card shadow-sm border-0 mb-4">
      <div class="card-body p-4">
        <div class="d-flex align-items-center mb-4">
          <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center fw-bold fs-2 me-3" style="width:70px;height:70px;min-width:70px;">
            <?= strtoupper(substr($usuario['nombre'], 0, 1)) ?>
          </div>
          <div>
            <h4 class="fw-bold mb-0"><?= $usuario['nombre'] ?></h4>
            <p class="text-muted mb-0"><?= $usuario['email'] ?></p>
            <?php if ($usuario['tipo'] == 'candidato'): ?>
              <span class="badge bg-primary">Candidato</span>
            <?php elseif ($usuario['tipo'] == 'empresa'): ?>
              <span class="badge bg-success">Empresa</span>
            <?php elseif ($usuario['tipo'] == 'admin'): ?>
              <span class="badge bg-warning text-dark">Admin</span>
            <?php else: ?>
              <span class="badge bg-secondary">Sin tipo</span>
            <?php endif; ?>
          </div>
        </div>

        <div class="row g-3">
          <div class="col-md-6">
            <p class="text-muted small mb-1">Fecha de registro</p>
            <p class="fw-medium"><?= $usuario['fecha_registro'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Teléfono</p>
            <p class="fw-medium"><?= $usuario['telefono'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Departamento</p>
            <p class="fw-medium"><?= $usuario['direccion'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Fecha de nacimiento</p>
            <p class="fw-medium"><?= $usuario['fecha_nacimiento'] ?? '—' ?></p>
          </div>
           <!-- NUEVOS CAMPOS -->
            <div class="col-md-6">
                <p class="text-muted small mb-1">Experiencia</p>
                <p class="fw-medium"><?= $usuario['experiencia'] ?? '—' ?></p>
            </div>
            <div class="col-md-6">
                <p class="text-muted small mb-1">Nivel Académico</p>
                <p class="fw-medium"><?= $usuario['nivel_academico'] ?? '—' ?></p>
            </div>
            <div class="col-md-6">
                <p class="text-muted small mb-1">Profesión / Puesto deseado</p>
                <p class="fw-medium"><?= $usuario['profesion'] ?? '—' ?></p>
            </div>
            <div class="col-12">
                <p class="text-muted small mb-1">Resumen profesional</p>
                <p class="fw-medium"><?= $usuario['resumen'] ?? '—' ?></p>
            </div>

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

     <!-- HABILIDADES -->
  <?php if (!empty($habilidades)): ?>
  <div class="col-12">
    <p class="text-muted small mb-1">Habilidades</p>
    <div class="d-flex flex-wrap gap-2">
      <?php foreach ($habilidades as $h): ?>
        <span class="badge bg-primary bg-opacity-10 text-primary border border-primary px-3 py-2">
          <?= $h['nombre'] ?>
        </span>
      <?php endforeach; ?>
    </div>
  </div>
  <?php else: ?>
  <div class="col-12">
    <p class="text-muted small mb-1">Habilidades</p>
    <p class="fw-medium">—</p>
  </div>
  <?php endif; ?>

</div>


    <!-- SI ES CANDIDATO -->
    <?php if ($usuario['tipo'] == 'candidato'): ?>
    <div class="card shadow-sm border-0 mb-4">
      <div class="card-body p-4">
        <h5 class="fw-bold text-primary mb-4"><i class="bi bi-briefcase me-2"></i> Perfil Profesional</h5>
        <div class="row g-3">
          <div class="col-md-6">
            <p class="text-muted small mb-1">Profesión / Puesto deseado</p>
            <p class="fw-medium"><?= $usuario['profesion'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Experiencia</p>
            <p class="fw-medium"><?= $usuario['experiencia'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Nivel Académico</p>
            <p class="fw-medium"><?= $usuario['nivel_academico'] ?? '—' ?></p>
          </div>
          <div class="col-12">
            <p class="text-muted small mb-1">Resumen profesional</p>
            <p class="fw-medium"><?= $usuario['resumen'] ?? '—' ?></p>
          </div>
        </div>
      </div>
    </div>

    <!-- CV -->
    <div class="card shadow-sm border-0 mb-4">
      <div class="card-body p-4">
        <h5 class="fw-bold text-primary mb-3"><i class="bi bi-file-earmark-pdf me-2"></i> Currículum</h5>
        <?php if (!empty($usuario['cv_archivo'])): ?>
          <div class="d-flex align-items-center gap-3">
            <i class="bi bi-filetype-pdf fs-2 text-danger"></i>
            <div>
              <p class="fw-medium mb-0"><?= $usuario['cv_nombre'] ?></p>
              <a href="<?= base_url('uploads/cvs/' . $usuario['cv_archivo']) ?>" target="_blank" class="btn btn-sm btn-outline-primary mt-1">
                <i class="bi bi-eye me-1"></i> Ver PDF
              </a>
            </div>
          </div>
        <?php else: ?>
          <p class="text-muted">Este candidato no ha subido su CV todavía.</p>
        <?php endif; ?>
      </div>
    </div>

    <!-- HABILIDADES -->
    <div class="card shadow-sm border-0 mb-4">
    <div class="card-body p-4">
        <h5 class="fw-bold text-primary mb-3">
        <i class="bi bi-tools me-2"></i> Habilidades
        </h5>
        <?php if (!empty($habilidades)): ?>
        <div class="d-flex flex-wrap gap-2">
            <?php foreach ($habilidades as $h): ?>
            <span class="badge bg-primary bg-opacity-10 text-primary border border-primary px-3 py-2">
                <?= $h['nombre'] ?>
            </span>
            <?php endforeach; ?>
        </div>
        <?php else: ?>
        <p class="text-muted">Este candidato no ha agregado habilidades todavía.</p>
        <?php endif; ?>
    </div>
    </div>

    <!-- SI ES EMPRESA -->
    <?php elseif ($usuario['tipo'] == 'empresa'): ?>
    <div class="card shadow-sm border-0 mb-4">
      <div class="card-body p-4">
        <h5 class="fw-bold text-success mb-4"><i class="bi bi-building me-2"></i> Datos de Empresa</h5>
        <div class="row g-3">
          <div class="col-md-6">
            <p class="text-muted small mb-1">Nombre de la empresa</p>
            <p class="fw-medium"><?= $usuario['nombre_empresa'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Ubicación</p>
            <p class="fw-medium"><?= $usuario['ubicacion'] ?? '—' ?></p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Sitio web</p>
            <p class="fw-medium">
              <?php if (!empty($usuario['sitio_web'])): ?>
                <a href="<?= $usuario['sitio_web'] ?>" target="_blank"><?= $usuario['sitio_web'] ?></a>
              <?php else: ?>
                —
              <?php endif; ?>
            </p>
          </div>
          <div class="col-md-6">
            <p class="text-muted small mb-1">Verificada</p>
            <p class="fw-medium">
              <?php if ($usuario['verificada']): ?>
                <span class="badge bg-success">Sí</span>
              <?php else: ?>
                <span class="badge bg-secondary">No</span>
              <?php endif; ?>
            </p>
          </div>
          <div class="col-12">
            <p class="text-muted small mb-1">Descripción</p>
            <p class="fw-medium"><?= $usuario['empresa_descripcion'] ?? '—' ?></p>
          </div>
        </div>
      </div>
    </div>
    <?php endif; ?>

    <div class="mt-2">
      <a href="<?= base_url('admin/usuarios') ?>" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Volver a usuarios
      </a>
    </div>

  </div>
</section>

<?= view('partials/footer') ?>