<?php $__env->startSection('content'); ?>
<?php echo $__env->make('auth/condiciones', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php if(isset($limit_date)): ?>
    <div class="row">
        <div class="col-12 text-center mt-5">
            <div class="alert alert-warning">
                <h4>Periodo cerrado</h4>
                <p>El plazo para el envío de documentación ha culminado. Fecha límite: <strong><?php echo e($limit_date); ?></strong></p>
            </div>
            <div class="mt-4">
                <a href="<?php echo e(env('APP_URL')); ?>" class="btn btn-secondary">Volver al inicio</a>
            </div>
        </div>
    </div>
<?php else: ?>

<div class="bg-primary-90 vstack justify-content-center align-items-center py-2 px-4 flex-grow-1 flex-lg-row bg-fixed-primary-90 rounded-end-top-unal">
  <form name="registro" id="registro" method="post" action="<?php echo e(env('APP_URL')); ?>auth/register" class="bg-neutral-99 rounded-4 w-xl-40">

    <div class="vstack justify-content-center align-self-stretch gap-8 px-lg-10 px-3 pt-7">
      <!--<div class="escudocabecera"><img src="<?php echo e(env('APP_URL')); ?>images/logosimbolo_central_2c.png" width="40%"></div>-->
      <h3 align="center" class="text-center text-neutral-30">Registro al formulario de aspirantes - <?php echo e(env("APP_NAME")); ?></h3>

      <?php if(count($errors) > 0): ?>
      <div class="alert alert-danger">
        <ul>
          <?php foreach($errors->all() as $error): ?>
          <li><?php echo e($error); ?></li>
          <?php endforeach; ?>
        </ul>
      </div>
      <?php endif; ?>

      <div class=" vstack gap-3">
        <?php echo csrf_field(); ?>

        <div class="row row-cols-1 row-cols-lg-2 g-3">
          <div class="form-group">
            <label for="name" class="form-label required">Nombres y apellidos</label>
            <div class="input-group">
              <span class="input-group-text start material-symbols-outlined" translate="no">person</span>
              <input type="text" class="form-control" name="name" id="name" placeholder="Nombres Apellidos" required>
            </div>
          </div>

          <div class="form-group">
            <label for="email" class="form-label required">Correo electrónico</label>
            <div class="input-group">
              <span class="input-group-text start material-symbols-outlined" translate="no">mail</span>
              <input type="text" class="form-control" maxlength="250" name="email" id="email" placeholder="micorreo@miproveedor.com" required>
            </div>
          </div>

          <div class="form-group">
            <label for="password" class="form-label required">Contraseña</label>
            <div class="input-group">
              <span class="input-group-text start material-symbols-outlined" translate="no">lock</span>
              <input type="password" class="form-control" name="password" id="password" placeholder="********" required>
            </div>
          </div>
          <div class="form-group">
            <label for="password_confirmation" class="form-label required">Confirmar contraseña</label>
            <div class="input-group">
              <span class="input-group-text start material-symbols-outlined" translate="no">lock</span>
              <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" placeholder="********" required>
            </div>
          </div>
        </div>
        <div class=" d-flex justify-content-center">
            <?php echo Recaptcha::render(); ?>

          
        </div>
        <hr class="hr bg-neutral-80" />
        <!--<div class="form-check">
          <center><h4>ESTIMADO ASPIRANTE</h4></center>
          <br>
          <p>Se solicita su autorización para que de manera libre, previa y expresa, permita a la
              Universidad Nacional de Colombia, el recaudo, almacenamiento y disposición de los datos
              personales incorporados en el sistema de información y envío de documentos para el concurso. </p>
          <br>
          <p> 
              La Universidad Nacional de Colombia, como responsable del tratamiento de información de datos personales, informa que los datos suministrados serán tratados de acuerdo con la ley 1581 de 2012, y a nuestra Política de Datos Personales, bajo las finalidades correspondientes al uso de sus datos personales y podrá ejercer sus derechos como titular mediante el canal protecdatos_na@unal.edu.co
          </p>
          <br>
        </div>-->
        <div for="agree" class="form-check">
          <input class="form-check-input sm" type="checkbox" name="terminos" id="terminos" value="1" required/>
          <label class="form-check-label text-justify">
            Manifiesto que he leído y acepto los términos y condiciones, declaro que autorizo libre, expresa, inequívoca y exclusivamente a la Universidad Nacional de Colombia, con NIT 899.999.063-3, a consultar mis datos personales en el registro de inhabilidades por delitos sexuales cometidos contra personas menores edad que administra el Ministerio de Defensa - Policía Nacional de Colombia, en los términos señalados en la Ley 1918 de 2018, reglamentada por el Decreto 753 de 2019 y la Ley 2375 de 2024, como requisito previo para mi eventual vinculación o contratación y, de llegarse a formalizar, cada cuatro (4) meses a partir del inicio de ésta y mientras se encuentre vigente.
            <br><br>
            Así mismo, declaro que conozco que la recolección y tratamiento de mis datos se realizará de conformidad con la normatividad vigente sobre protección de datos personales, en especial la Ley 1581 de 2012, el Decreto 1074 de 2015 y la <a class="link link-primary" href="https://unal.edu.co/proteccion-de-datos-personales" target="_blank">Política de Tratamiento de Datos Personales</a>, manifestando que he sido informado(a) de forma clara y suficiente de los fines de su tratamiento.
          </label>
        </div>
      </div> 
      <div class="vstack align-items-center justify-content-center gap-3 mb-4">
        <button class="btn btn-primary btn-lg" type="submit" name="envio">Continuar</button>
      </div>

      <script>
        window.onload = function () {
            var recaptcha = document.querySelector('#g-recaptcha-response');
            if (recaptcha) {
                recaptcha.setAttribute("required", "required");
            }
        };

        document.addEventListener('DOMContentLoaded', function() {
            var registroForm = document.getElementById("registro");
            if (registroForm) {
                registroForm.addEventListener('submit', function(event){
                    var isValid = true;
                    var terminosCheckbox = document.getElementById('terminos');
                    //console.log(terminosCheckbox);
                    if (!terminosCheckbox || !terminosCheckbox.checked){
                        alert('Debe aceptar los términos y condiciones de la convocatoria para registrarse.');
                        event.preventDefault();
                    }
                });
            }
        });

      </script>
    </div>
    <div class="border-top border-neutral-80 text-center py-4" id="registerLink">
      <a align="center" href="login">&nbsp;Si tiene usuario y contraseña, por favor ingrese aquí.</a>
    </div>
  </form>
</div>

<style>
  .new-button{
    background-color: rgb(102, 122, 42);
    color: rgb(255, 255, 255);
    max-width: 300px;
  }

  .back-arrow {
    font-size: 1.5rem;
    text-decoration: none;
    color: #444;
    margin-right: 10px;
    vertical-align: middle;
  }
</style>
<?php endif; ?>

<?php echo $__env->make('components.error-alert', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php echo $__env->make('components.auth-styles', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php echo $__env->make('components.auth-scripts', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('unal-new', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>