<?php $title = 'Mi Perfil'; ?>
<?= view('partials/header') ?>

<section class="hero hero-recursos text-center">
  <div class="container">
    <h1 class="fw-bold">Mi Perfil Profesional</h1>
    <p class="text-muted">Gestiona tus datos personales y tu currículum vitae</p>
  </div>
</section>

<section class="section py-5">
  <div class="container">
    <div class="row g-4">

      <!-- SIDEBAR -->
      <div class="col-lg-4">
        <div class="card p-4 shadow-sm border-0 text-center bg-white">
          <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center fw-bold fs-2 mx-auto mb-3" style="width:80px;height:80px;">
            <?= strtoupper(substr(session()->get('usuario_nombre'), 0, 1)) ?>
          </div>
          <h5 class="fw-bold mb-1"><?= session()->get('usuario_nombre') ?></h5>
          <p class="text-muted small mb-1"><i class="bi bi-briefcase me-1"></i> <?= $postulante['profesion'] ?? 'Sin profesión' ?></p>
          <p class="text-muted small mb-3"><i class="bi bi-geo-alt me-1 text-danger"></i> <?= $postulante['direccion'] ?? 'Sin ubicación' ?></p>
          <hr>
          <div class="list-group list-group-flush text-start">
            <a href="#datos" class="list-group-item list-group-item-action border-0 rounded mb-1 p-3"><i class="bi bi-person-vcard me-2"></i> Datos Personales</a>
            <a href="#cv" class="list-group-item list-group-item-action border-0 rounded mb-1 p-3"><i class="bi bi-file-earmark-pdf me-2"></i> Mi Currículum</a>
            <a href="#postulaciones" class="list-group-item list-group-item-action border-0 rounded p-3"><i class="bi bi-send-check me-2"></i> Mis Postulaciones</a>
            <a href="#habilidades" class="list-group-item list-group-item-action border-0 rounded mb-1 p-3"><i class="bi bi-tools me-2"></i> Mis Habilidades</a>
          </div>
        </div>
      </div>

      <!-- CONTENIDO -->
      <div class="col-lg-8">

        <!-- DATOS PERSONALES -->
        <div class="card p-4 shadow-sm border-0 bg-white mb-4" id="datos">
          <h5 class="fw-bold text-primary mb-4"><i class="bi bi-person-gear me-2"></i> Información de la Cuenta</h5>
          <form action="<?= base_url('perfil/actualizar') ?>" method="POST">
            <?= csrf_field() ?>
            <div class="row g-3">
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Nombre Completo</label>
                <input type="text" name="nombre" class="form-control" value="<?= session()->get('usuario_nombre') ?>" required>
              </div>
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Correo electrónico</label>
                <input type="email" class="form-control" value="<?= session()->get('usuario_email') ?>" disabled>
              </div>
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Teléfono</label>
                <input type="tel" name="telefono" class="form-control" value="<?= $postulante['telefono'] ?? '' ?>" placeholder="Ej: 7761-0000">
              </div>
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Departamento</label>
                <select name="direccion" class="form-select">
                  <?php
                  $deptos = ['Alta Verapaz','Baja Verapaz','Chimaltenango','Chiquimula','El Progreso','Escuintla','Guatemala','Huehuetenango','Izabal','Jalapa','Jutiapa','Petén','Quetzaltenango','Quiché','Retalhuleu','Sacatepéquez','San Marcos','Santa Rosa','Sololá','Suchitepéquez','Totonicapán','Zacapa'];
                  foreach ($deptos as $d): ?>
                    <option value="<?= $d ?>" <?= ($postulante['direccion'] ?? '') == $d ? 'selected' : '' ?>><?= $d ?></option>
                  <?php endforeach; ?>
                </select>
              </div>

              <!-- NUEVOS CAMPOS -->
            <div class="col-md-6">
              <label class="form-label fw-medium text-muted small">Fecha de Nacimiento</label>
              <input type="date" name="fecha_nacimiento" class="form-control" value="<?= $postulante['fecha_nacimiento'] ?? '' ?>">
            </div>

            <div class="col-md-6">
              <label class="form-label fw-medium text-muted small">Experiencia</label>
              <select name="experiencia" class="form-select">
                <option value="">Selecciona...</option>
                <option value="Sin experiencia" <?= ($postulante['experiencia'] ?? '') == 'Sin experiencia' ? 'selected' : '' ?>>Sin experiencia</option>
                <option value="Menos de 1 año" <?= ($postulante['experiencia'] ?? '') == 'Menos de 1 año' ? 'selected' : '' ?>>Menos de 1 año</option>
                <option value="1-2 años" <?= ($postulante['experiencia'] ?? '') == '1-2 años' ? 'selected' : '' ?>>1-2 años</option>
                <option value="3-5 años" <?= ($postulante['experiencia'] ?? '') == '3-5 años' ? 'selected' : '' ?>>3-5 años</option>
                <option value="Más de 5 años" <?= ($postulante['experiencia'] ?? '') == 'Más de 5 años' ? 'selected' : '' ?>>Más de 5 años</option>
              </select>
            </div>

            <div class="col-md-6">
              <label class="form-label fw-medium text-muted small">Nivel Académico</label>
              <select name="niveles_academicos_id" class="form-select">
                <option value="">Selecciona...</option>
                <?php foreach ($niveles as $nivel): ?>
                  <option value="<?= $nivel['id'] ?>" 
                    <?= ($postulante['niveles_academicos_id'] ?? '') == $nivel['id'] ? 'selected' : '' ?>>
                    <?= $nivel['nombre'] ?>
                  </option>
                <?php endforeach; ?>
              </select>
            </div>
            <!-- FIN NUEVOS CAMPOS -->

              <div class="col-12">
                <label class="form-label fw-medium text-muted small">Profesión / Puesto deseado</label>
                <input type="text" name="profesion" class="form-control" value="<?= $postulante['profesion'] ?? '' ?>">
              </div>
              <div class="col-12">
                <label class="form-label fw-medium text-muted small">Resumen profesional</label>
                <textarea name="resumen" class="form-control" rows="3" placeholder="Cuéntanos sobre ti..."><?= $postulante['resumen'] ?? '' ?></textarea>
              </div>
            </div>
            <div class="text-end mt-4">
              <button type="submit" class="btn btn-primary px-4 fw-bold">Actualizar Datos</button>
            </div>
          </form>
        </div>

       <!-- CV -->
      <div class="card p-4 shadow-sm border-0 bg-white mb-4" id="cv">
            <h5 class="fw-bold text-primary mb-3">
              <i class="bi bi-file-earmark-arrow-up me-2"></i> Currículum (PDF)
            </h5>
            <p class="text-muted small">Adjunta tu CV en formato PDF para que las empresas puedan contactarte.</p>

              <?php if (!empty($cv)): ?>
                <div class="alert alert-success d-flex align-items-center gap-2 mb-3">
                    <i class="bi bi-file-earmark-check fs-5"></i>
                  <div>
                      <strong>CV actual:</strong> <?= $cv['nombre_original'] ?>
                        <a href="<?= base_url('uploads/cvs/' . $cv['archivo']) ?>" target="_blank" class="ms-2 btn btn-sm btn-outline-success">
                            <i class="bi bi-eye me-1"></i> Ver PDF
                        </a>
                  </div>
                </div>
              <?php endif; ?>

              <?php if (session()->getFlashdata('error')): ?>
                  <div class="alert alert-danger"><?= session()->getFlashdata('error') ?></div>
              <?php endif; ?>

                  <form action="<?= base_url('perfil/subirCV') ?>" method="POST" enctype="multipart/form-data">
                      <?= csrf_field() ?>
                        <div class="p-4 border border-2 rounded text-center bg-light">
                          <i class="bi bi-filetype-pdf fs-1 text-muted d-block mb-2"></i>
                          <input type="file" name="cv" class="form-control mb-2" accept=".pdf" required>
                        </div>
                        <div class="text-end mt-3">
                            <button type="submit" class="btn btn-outline-primary fw-bold">
                            <i class="bi bi-upload me-1"></i> Subir CV
                            </button>
                        </div>
                  </form>
      </div>

      
      <!-- HABILIDADES -->
<div class="card p-4 shadow-sm border-0 bg-white mb-4" id="habilidades">
  <h5 class="fw-bold text-primary mb-3">
    <i class="bi bi-tools me-2"></i> Mis Habilidades
  </h5>
  <p class="text-muted small">Selecciona las habilidades que mejor te describen.</p>

  <?php if (session()->getFlashdata('mensaje')): ?>
    <div class="alert alert-success"><?= session()->getFlashdata('mensaje') ?></div>
  <?php endif; ?>

  <form action="<?= base_url('perfil/actualizarHabilidades') ?>" method="POST">
    <?= csrf_field() ?>
    <div class="row g-2">
      <?php foreach ($habilidades as $h): ?>
        <div class="col-md-4 col-6">
          <div class="form-check">
            <input class="form-check-input" type="checkbox" 
                   name="habilidades[]" 
                   value="<?= $h['id'] ?>"
                   id="hab_<?= $h['id'] ?>"
                   <?= in_array($h['id'], $habilidadesSeleccionadas) ? 'checked' : '' ?>>
            <label class="form-check-label small" for="hab_<?= $h['id'] ?>">
              <?= $h['nombre'] ?>
            </label>
          </div>
        </div>
      <?php endforeach; ?>
    </div>
    <div class="text-end mt-4">
      <button type="submit" class="btn btn-primary fw-bold">
        <i class="bi bi-save me-1"></i> Guardar Habilidades
      </button>
    </div>
  </form>
</div>


        <!-- POSTULACIONES -->
        <div class="card p-4 shadow-sm border-0 bg-white" id="postulaciones">
          <h5 class="fw-bold text-primary mb-3"><i class="bi bi-send-check me-2"></i> Mis Postulaciones</h5>
          <p class="text-muted small">Aquí verás los empleos a los que te has postulado.</p>
          <!-- Se llenará dinámicamente después -->
        </div>

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

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