<!-- PNotify -->

<link href="../vendors/pnotify/dist/pnotify.css" rel="stylesheet">

<link href="../vendors/pnotify/dist/pnotify.buttons.css" rel="stylesheet">

<link href="../vendors/pnotify/dist/pnotify.nonblock.css" rel="stylesheet">

<div class="">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h1>Solicita más información al Consejero Técnico </h1><br>
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style='margin-left: 10%'>
                <form id="form-nueva" data-parsley-validate>
                    @csrf
                    <div class="form-group row">
                        <label for="numero_control"
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth ">Número
                            de Control <span class="required">*</span></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input type="number" class="form-control" id="numero_control" name="numero_control"
                                required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="nombre"
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth">Nombre
                            completo <span class="required">*</span></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input type="text" class="form-control" id="nombre" name="nombre" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth pt-0"
                            for="carrera">Carrera <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <select class="custom-select mr-sm-2" id="carrera" name="carrera" required>
                                <option value checked>Seleccione una opción</option>
                                <option value="Arquitectura">Arquitectura</option>
                                <option value="Contador Público">Contador Público</option>
                                <option value="Gestión Empresarial">Gestión Empresarial</option>
                                <option value="Ingeniería Civil">Ingeniería Civil</option>
                                <option value="Ingeniería Electromecánica">Ingeniería Electromecánica</option>
                                <option value="Ingeniería en Industrias Alimentarias">Ingeniería en Industrias
                                    Alimentarias</option>
                                <option value="Ingeniería en Innovación Agrícola Sustentable">Ingeniería en Innovación
                                    Agrícola Sustentable</option>
                                <option value="Ingeniería en Sistemas Computacionales">Ingeniería en Sistemas
                                    Computacionales</option>
                                <option value="Ingeniería Industrial">Ingeniería Industrial</option>
                                <option value="Licenciatura en Administración">Licenciatura en Administración</option>
                                <option value="Maestría en gestión administrativa">Maestría en gestión administrativa
                                </option>
                                <option value="Maestría en sistemas computacionales">Maestría en sistemas
                                    computacionales</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth pt-0"
                            for="semestre">Semestre <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <select class="custom-select mr-sm-2" id="semestre" name="semestre" required>
                                <option value checked>Seleccione una opción</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="telefono"
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth">Número
                            telefónico <span class="required">*</span></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input type="tel" class="form-control" id="telefono" name="telefono" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="correo"
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth">Correo
                            electrónico <span class="required">*</span></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <input type="email" class="form-control" id="correo" name="correo" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth pt-0"
                            for="participacion">¿Has participado en otro verano científico? <span
                                class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <select class="custom-select mr-sm-2" id="participacion" name="participacion" required>
                                <option value checked>Seleccione una opción</option>
                                <option value="no">No</option>
                                <option value="si">Si</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label
                            class="col-md-3 col-sm-3 col-xs-12 col-form-label text-md-right text-sm-right text-xl-right text-lg-rigth pt-0"></label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="g-recaptcha" data-sitekey="6Lfuc8QfAAAAAIZC6uLhsyf10OYwoGkiDX2exf8B"></div>

                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-9 col-sm-9 col-xs-12 offset-1 ">

                            <button type="button" onclick="cargar_delfin(this.form);"
                                class="btn btn-outline-success col-md-3 col-sm-3 col-xs-12"
                                form="form-nueva">Enviar</button>
                            <button type="reset"
                                class="btn btn-outline-primary col-md-3 col-sm-3 col-xs-12">Limpiar</button>

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

<!-- PNotify -->
<script src="../vendors/pnotify/dist/pnotify.js"></script>
<script src="../vendors/pnotify/dist/pnotify.buttons.js"></script>
<script src="../vendors/pnotify/dist/pnotify.nonblock.js"></script>

<!--Captchan
<script src="https://www.google.com/recaptcha/api.js?render=6LeFFMQfAAAAANDISx-6EuaX0K5whWKWr8_ThVYe
"></script>

<script>
    function onClick(e) {
        e.preventDefault();
        grecaptcha.ready(function() {
            grecaptcha.execute('6LeFFMQfAAAAANDISx-6EuaX0K5whWKWr8_ThVYe', {
                action: 'validarC'
            }).then(function(token) {
                // Add your logic to submit to your backend server here.
            });
        });
    }
</script>
-->

<!--Captchan-->

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
