<?php $title = 'Crear cuenta'; ?>
<?= view('partials/header') ?>

<div class="container mt-5 mb-5" style="max-width: 480px;">

  <div class="text-center mb-4">
    <i class="bi bi-person-circle fs-1 text-primary"></i>
    <h3 class="fw-bold mt-2">Crear cuenta</h3>
    <p class="text-muted">Empieza a postular hoy mismo</p>
  </div>

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

  <?php if (!empty($errors)): ?>
    <div class="alert alert-danger">
      <?php foreach ($errors as $e): ?>
        <p class="mb-0"><?= $e ?></p>
      <?php endforeach; ?>
    </div>
  <?php endif; ?>

  <form action="<?= base_url('registro') ?>" method="POST">
    <?= csrf_field() ?>

    <div class="mb-3">
      <input type="text" name="nombre" class="form-control" placeholder="Nombre completo" value="<?= old('nombre') ?>" required>
    </div>
    <div class="mb-3">
      <input type="text" name="apellidos" class="form-control" placeholder="Apellidos completos" value="<?= old('apellidos') ?>" required>
    </div>
    <div class="mb-3">
      <input type="email" name="email" class="form-control" placeholder="Correo electrónico" value="<?= old('email') ?>" required>
    </div>
    <div class="mb-3">
      <input type="password" name="password" class="form-control" placeholder="Crear contraseña" required>
    </div>
    <div class="mb-3">
      <select name="puesto_deseado" class="form-select" required>
        <option value="">Puesto deseado</option>
        <option>Desarrollador Frontend</option>
        <option>Desarrollador Backend</option>
        <option>Diseñador UI/UX</option>
        <option>Marketing Digital</option>
        <option>Administración</option>
      </select>
    </div>
    <div class="mb-3">
      <select name="departamento" class="form-select" required>
        <option value="">Selecciona tu departamento</option>
        <option>Guatemala</option>
        <option>Sacatepéquez</option>
        <option>Quetzaltenango</option>
        <option>Escuintla</option>
        <option>Jalapa</option>
      </select>
    </div>

    <button type="submit" class="btn btn-primary w-100 fw-bold">Crear Cuenta</button>
  </form>

  <hr>
  <p class="text-center small">
    ¿Ya tienes cuenta? <a href="<?= base_url('login') ?>" class="fw-bold">Inicia sesión</a><br>
    ¿Necesitas contratar? <a href="<?= base_url('registro-empresa') ?>" class="fw-bold text-success">Regístrate como empresa</a>
  </p>
  <p class="text-center text-muted" style="font-size:0.8rem;">Al registrarte, aceptas nuestros términos y condiciones.</p>

</div>

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