<form id="formulario_perfil_academico">
    {{ csrf_field() }}
    <!-- Titulo -->
    <div class="row my-4">
        <div class="col-md-10">
            <h4 class="text-start">Perfil Academico</h4>
        </div>
    </div>
    <!--- Nivel de estudio --->
    <div class="row">
        <div class="col-12 col-md-12 my-2">
            <label for="nivel_de_estudio" class="form-label">¿Cuál fue el máximo grado de estudios alcanzado? <b class="text-danger">*</b></label>
            <select name="nivel_de_estudio" id="nivel_de_estudio" class="form-select form-select-sm">
                <option value="">Seleccione la opcion</option>
                <option value="primario">Primario</option>
                <option value="secundario">Secundario</option>
                <option value="terciario">Terciario</option>
                <option value="universitario_curso">Universitario en curso</option>
                <option value="universitario_completo">Universitario completo</option>
                <option value="postgrado">Postgrado/Maéstria</option>
            </select>
        </div>
    </div>
    <!--- Nivel de estudio datos --->
    <div id="seccion_datos_nivel_de_estudio">
    </div>
    <!--- Realizo algun curso adicional --->
    <div class="row my-4">
        <div class="col-12 col-md-12 my-2">
            <label for="curso_adicional" class="form-label">¿Realizó algún curso adicional?</label>
            <select name="curso_adicional" id="curso_adicional" class="form-select form-select-sm">
                <option value="">Seleccione la opcion</option>
                <option value="Y">Si</option>
                <option value="N">No</option>
            </select>
        </div>
    </div>
    <!-- Datos del curso adicional --->
    <div id="seccion_datos_curso_adicional" class="d-none">
        <!-- -->
        <div class="row justify-content-center">
            <!-- Institucion -->
            <div class="col-12 col-md-4 my-2">
                <label for="institucion_curso">Institucion del curso</label>
                <input type="text" name="institucion_curso" id="institucion_curso" class="form-control form-control-sm">
            </div>
            <!-- Titulo --->
            <div class="col-12 col-md-4 my-2">
                <label for="titulo_curso">Título del curso</label>
                <input type="text" name="titulo_curso" id="titulo_curso" class="form-control form-control-sm">
            </div>
            <!-- Fecha de inicio -->
            <div class="col-12 col-md-4 my-2">
                <label for="fecha_inicio_curso">Fecha de inicio del curso</label>
                <input type="text" name="fecha_inicio_curso" id="fecha_inicio_curso" class="form-control form-control-sm">
            </div>
        </div>
        <!--- -->
        <div class="row justify-content-center">
            <!--- --->
            <div class="col-12 col-md-4 my-2">
                <label for="fecha_finalizacion_curso" class="form-label">Fecha de finalizacion del curso</label>
                <input id="fecha_finalizacion_curso" name="fecha_finalizacion_curso" type="text" class="form-control form-control-sm">
            </div>
            <!-- --->
            <div class="col-12 col-md-4 my-2">
                <label for="carga_horaria_curso" class="form-label">Carga horaria del curso</label>
                <input id="carga_horaria_curso" name="carga_horaria_curso" type="text" class="form-control form-control-sm">
            </div>
            <!-- --->
            <div class="col-12 col-md-4 my-2">
                <label for="archivo_titulo_curso" class="form-label">Carga horaria del curso</label>
                <input id="archivo_titulo_curso" name="archivo_titulo_curso" type="file" class="form-control form-control-sm">
            </div>
        </div>
    </div>
    <!--- Matricula habilitantes -->
    <div class="row justify-content-center">
        <div class="col-12 col-md-12 my-2" id="seccion_matriculas_habilitadas">
            <label for="tiene_matriculas_habilitantes" class="form-label">¿Tiene matrículas habilitantes? <b class="text-danger">*</b></label>
            <select name="tiene_matriculas_habilitantes" id="tiene_matriculas_habilitantes" class="form-select form-select-sm">
                <option value="">Seleccione la opcion</option>
                <option value="Y">Si</option>
                <option value="N">No</option>
            </select>
        </div>
        <!--- Adjuntar Matricula --->
        <div class="col-12 col-md-6 my-2 d-none" id="seccion_adjuntar_matricula">
            <label for="matricula" class="form-label">Adjuntar Matricula <b class="text-danger">*</b></label>
            <input type="file" id="matricula" name="matricula" class="form-control form-control-sm">
        </div>
    </div>
</form>