<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<?php $__env->startSection('form'); ?>

<div class="alert alert-warning alert-dismissible" role="alert">
  <p><i class="fa fa-exclamation-circle" aria-hidden="true"></i> <strong>Nota: </strong>Por favor, tenga en cuenta que toda la información que digite en el formulario, debe registrarse únicamente en español</p>
</div>

<div class="panel panel-default">
    <?php if($msg): ?>
    <div id="msg" data-toggle="modal"  data-toggle="modal" data-target="#ss"class="alert alert-success" role="alert">
        <?php echo e($msg); ?>

    </div>
    <div class="modal fade" id="ss" tabindex="-1" role="dialog" aria-labelledby="ss">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body" style="background: #dff0d8; border-radius: 8px; text-align: center; font-size: 16pt;color: #3c763d;">
            <?php echo e($msg); ?>

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

    <?php endif; ?>

    <div class="panel-heading">
        <strong>Estudios</strong>

    </div>
    <form method="post" action="<?php echo e(env('APP_URL')); ?>estudios" class="form-horizontal" style="margin:20px 0" enctype="multipart/form-data">
        <?php echo csrf_field(); ?>


        <div class="panel-body">
          <div class="form-group">
              <label for="niveles_id" class="col-sm-12 col-md-2 control-label">Nivel de estudio </label>
              <div class="col-sm-12 col-md-3">
                  <div>
                      <div class="input-group">
                          <select class="form-select" id="niveles_id" name="niveles_id" required>
                              <option value="">Seleccione</option>
                              <?php foreach($niveles as $nivel): ?>
                              <option value="<?php echo e($nivel->id); ?>" data-label="<?php echo e($nivel->nombre); ?>"><?php echo e($nivel->nombre); ?></option>
                              <?php endforeach; ?>
                          </select>
                      </div>
                  </div>
              </div>
          </div>
            <div class="form-group">
                <label for="titulo" id="titulo" class="col-sm-12 col-md-2 control-label">Título académico obtenido</label>
                <div class="col-sm-12 col-md-9">
		  <input type="text" class="form-control" id="titulo" maxlength="100" name="titulo" placeholder="Nombre del título académico obtenido" required>
		</div>
	    </div>
	    <div class="form-group">
	      <label for="institucion" class="col-sm-12 col-md-2 control-label">Nombre de la institución</label>
	      <div class="col-sm-12 col-md-9">
		<input type="text" class="form-control typeahead" id="institucion" maxlength="250" name="institucion" placeholder="Nombre de la institución" data-provide="typeahead"  autocomplete="off" value="" required>
	      </div>
	    </div>

	    <div class="form-group">
	      <div id="fecha_finalizacion">
		<label for="fecha_finalizacion" class="col-sm-12 col-md-2 control-label">Fecha de finalización de estudios</label>
		<div class="col-sm-12 col-md-3">
		  <div>
              <div class="input-group">
                  <input type="date" placeholder="dd/mm/aaaa" class="form-control maxToday" id="fecha_finalizacion" name="fecha_finalizacion" max="<?php echo e(\Carbon\Carbon::now()->format('Y-m-d')); ?>" aria-describedby="fecha_finalizacion-help"/>
              </div>
          </div>
    </div>
	      </div>

              <div class="form-group">
                <label for="paises_id" class="col-sm-12 col-md-2 control-label">País donde realizó los estudios </label>
                <div class="col-sm-12 col-md-3">
                    <div>
                        <div class="input-group">
                            <select class="form-select" id="paises_id" name="paises_id">
                                <option value="">Seleccione</option>
                                <?php foreach($paises as $pais): ?>
                                <option value="<?php echo e($pais->id); ?>" data-label="<?php echo e($pais->nombre); ?>" <?php echo e(($pais->id == 57) ? 'selected' : ''); ?>><?php echo e($pais->nombre); ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group adjunto">
                <div class="col-sm-12 col-md-2">
                    <label for="adjunto" class="control-label">Documento de soporte: </label>
                </div>
                <div class="col-sm-12 col-md-9" style="max-width: 650px; ">
                    <input id="adjunto" type="file" class="form-control input-padding" style="max-height: 5px; !important" name="adjunto" accept=".pdf,application/pdf" required/>
                    <em>Por favor, tenga en cuenta que el archivo adjunto debe estar en formato PDF y no tener un tamaño superior a 9MB</em>
                </div>
            </div>
            <div class="form-group adjunto" id="convalidacion-group" style="display: none;">
                <div class="col-sm-12 col-md-2">
                <label for="adjunto_res_convalidacion" >Resolución de convalidación: </label>
                </div>
                <div class="col-sm-12 col-md-9" style="max-width: 650px;">
                    <input id="adjunto_res_convalidacion" type="file" class="form-control input-padding" style="max-height: 5px; !important" name="additional_attatchments" accept=".pdf,application/pdf" >
                        <em>Por favor, tenga en cuenta que el archivo adjunto debe estar en formato PDF y no tener un tamaño superior a 9MB</em>
                    <br><em style="color: #428bca;">De conformidad con lo dispuesto en el Acuerdo 023 de 2023 del CSU, los
                            aspirantes al concurso profesoral que no hayan convalidado sus títulos, podrán
                            participar en el concurso sin cumplir con este requisito. En todo caso el aspirante
                            que, haciendo uso de la presente excepción, resulte ganador, deberá presentar el
                            (los) título(s) debidamente convalidado(s) para tomar posesión en el cargo.</em>
                </div>
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-4 col-md-offset-4">
                <button type="submit" class="btn btn-success form-control select-fix">
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>
                    <i class="fa fa-plus" aria-hidden="true"></i>
                    Guardar información de estudios
                </button>
            </div>
        </div>

    </form>

    <div class="panel-heading">
        <strong>Resumen de estudios ingresados</strong>
    </div>
    <div class="panel-body">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Nombre de la institución</th>
                    <th>Nivel</th>
                    <th>Título</th>
                    <th>Fecha de fin de estudios</th>
                    <th>Documento de soporte</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <?php $__empty_1 = true; foreach($estudios as $estudio): $__empty_1 = false; ?>
            <tr>
                <td>
                    <?php echo e($estudio->institucion); ?>

                </td>
                <td>
                  <?php foreach($niveles as $nivel): ?>
                    <?php if($nivel->id==$estudio->niveles_id): ?>
                    <?php echo e($nivel->nombre); ?>

                    <?php endif; ?>
                  <?php endforeach; ?>
                </td>
                <td>
                    <?php echo e($estudio->titulo); ?>

                </td>
                <td>
					<?php echo e($estudio->fecha_finalizacion); ?>

                </td>
                <td>
                    <?php if(!$estudio->ruta_adjunto==null): ?>
						<a style="color:#428bca;" href="<?php echo e(env('APP_URL').$estudio->ruta_adjunto); ?> " download>Documento de soporte</a><br>
                    <?php else: ?>
						No requerido
                    <?php endif; ?>
                    <?php if($estudio->ruta_entramite_minedu): ?>
						<a style="color:#428bca;" href="<?php echo e(env('APP_URL').$estudio->ruta_entramite_minedu); ?>" download>Documento de manifiesto: En trámite ante MinEdu</a><br>
                    <?php endif; ?>
                    <?php if($estudio->ruta_res_convalidacion): ?>
						<a style="color:#428bca;" href="<?php echo e(env('APP_URL').$estudio->ruta_res_convalidacion); ?>" download>Resolución de convalidación</a><br>
                    <?php endif; ?>
                    <?php if($estudio->ruta_resumen_ejecutivo): ?>
						<a style="color:#428bca;" href="<?php echo e(env('APP_URL').$estudio->ruta_resumen_ejecutivo); ?>">Resumen ejecutivo</a><br>
                    <?php endif; ?>
                </td>
                <td>
                    <form method="post" onsubmit="return confirm('¿Está seguro que desea borrar la información de estudios seleccionada?');" action="<?php echo e(env('APP_URL')); ?>estudios/delete" class="form-horizontal" style="margin:20px 0">
                        <?php echo csrf_field(); ?>

                        <input type="hidden" name="id" value="<?php echo e($estudio->id); ?>"/>
                        <button type="submit" data-id="<?php echo e($estudio->id); ?>" class="btn btn-danger btn-sm">
                            <i class="fa fa-trash" aria-hidden="true"></i>
                        </button>
                    </form>
                </td>
            </tr>
            <?php endforeach; if ($__empty_1): ?>
            <tr>
                <td colspan="5">No se han ingresado información asociada.</td>
            </tr>
            <?php endif; ?>
        </table>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Función para actualizar el campo de convalidación según el país seleccionado
        function actualizarVisibilidadConvalidacion() {
            var paisSelect = document.getElementById("paises_id");
            if (!paisSelect) {
                return; // El elemento no existe todavía
            }
            
            var paisId = paisSelect.value;
            var selectedOption = paisSelect.options[paisSelect.selectedIndex];
            var paisNombre = selectedOption ? selectedOption.text.toLowerCase().trim() : '';
            var convalidacionGroup = document.getElementById("convalidacion-group");
            
            if (!convalidacionGroup) {
                return; // El elemento no existe todavía
            }
            
            // Verificar si es Colombia (por ID o por nombre)
            var esColombia = (parseInt(paisId) === 57 || String(paisId) === '57' || paisNombre.indexOf('colombia') !== -1);
            
            // Lógica para "Resolución de convalidación"
            if (esColombia || !paisId || paisId === '') {
                // Si es Colombia o no hay país seleccionado, ocultar el campo de convalidación
                convalidacionGroup.style.display = 'none';
                var fileInput = document.querySelector("input[name='additional_attatchments']");

                // Limpiar el valor del input file
                var adjuntoInput = document.getElementById("adjunto_res_convalidacion");
                if (adjuntoInput) {
                    adjuntoInput.value = '';
                }
            } else {
                // Si no es Colombia, mostrar el campo de convalidación y hacerlo requerido
                convalidacionGroup.style.display = 'block';
                var fileInput = document.querySelector("input[name='additional_attatchments']");
            }
        }
        
        // Obtener el select de país y configurar el evento
        var paisSelect = document.getElementById("paises_id");
        if (paisSelect) {
            // Ejecutar al cargar la página
            actualizarVisibilidadConvalidacion();
            
            // Lógica para actualizar campo de convalidación cuando cambia el país
            paisSelect.addEventListener("change", function () {
                actualizarVisibilidadConvalidacion();
            });
        }

        // Trigger del mensaje modal si existe
        var msgElement = document.getElementById("msg");
        if (msgElement) {
            msgElement.click();
        }
    });
</script>
<?php $__env->stopSection(); ?>

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