<!--<div class="p-5" style="text-align: justify;margin-left: 10%;margin-right: 10%;">
    <center>
        <div class="card" style="width:20em;">
            <div class="card-body">
                <h5 class="card-title">Jefa de la División de Estudios de Posgrado e Investigación</h5>
                <p class="card-text">Dra. Irna Zukeyt Garduño Jaimes</p>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item"><a href="mailto:depi_zitacuaro@tecnm.mx" target="_blank"
                        class="btn btn-outline-primary">
                        <i class="far fa-envelope"></i> Solicitar información por correo</a></li>
                <li class="list-group-item"><a href="https://api.whatsapp.com/send?phone=+527151107249" target="_blank"
                        class="btn btn-outline-success">
                        <i class="fas fa-mobile-alt"></i>
                        Solicitar información por WhatsApp </a></li>
            </ul>
        </div>
        <div class="card" style="width:20em;">
            <div class="card-body">
                <h5 class="card-title">Coordinador de la Maestría en Sistemas Computacionales</h5>
                <p class="card-text">Mtro. Samuel Efrén Viñas Álvarez</p>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item"><a href="mailto:coordinador_msc@zitacuaro.tecnm.mx" target="_blank"
                        class="btn btn-outline-primary">
                        <i class="far fa-envelope"></i> Solicitar información por correo</a></li>
                <li class="list-group-item"><a href="https://api.whatsapp.com/send?phone=+527151249069" target="_blank"
                        class="btn btn-outline-success">
                        <i class="fas fa-mobile-alt"></i>
                        Solicitar información por WhatsApp </a></li>
            </ul>
        </div>
    </center>
</div>
-->
<!-- 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="p-5">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h1>Contacto</h1><br>
                <div class="clearfix"></div>
            </div>
            <div style='margin-left: 10%;margin-right: 10%;'>
                <p style="text-justify: ">Solicita más información sobre las estancias nacionales e internaciones, deja
                    tus datos personales y en breve el Consejero Técnico se pondrá en contacto para brindarte más
                    detalles.</p>
            </div>
            <br>
            <div class="x_content" style='margin-left: 10%'>
                <form id="form-nueva" data-parsley-validate>
                    <?php echo csrf_field(); ?>
                    <div class="form-group row">
                        <label for="nombre" class="col-md-3 col-sm-3 col-xs-12 col-form-label">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 for="telefono" class="col-md-3 col-sm-3 col-xs-12 col-form-label">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">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 pt-0" for="maestria">País de
                            residencia
                            <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <select class="custom-select mr-sm-2" id="maestria" name="maestria" required>
                                <option value="MSC" checked>Maestría en sistemas computacionales MSC</option>
                                <option value="MGA">Maestría en gestión administrativa MGA</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">

                        <label class="col-md-3 col-sm-3 col-xs-12 col-form-label pt-0" for="preguntas">Pregunta(s) y/ó
                            comentario(s)<span class="required">*</span></label>

                        <div class="col-md-6 col-sm-6 col-xs-12">

                            <textarea class="form-control" id="preguntas" name="preguntas" style="resize:none;" rows="3" required
                                class="form-control col-md-7 col-xs-12"></textarea>

                        </div>

                    </div>

                    <div class="form-group row">
                        <label class="col-md-3 col-sm-3 col-xs-12 col-form-label 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="reset"
                                class="btn btn-outline-primary col-md-3 col-sm-3 col-xs-12">Limpiar</button>
                            <button type="button" onclick="cargar_contacto(this.form);"
                                class="btn btn-outline-success col-md-3 col-sm-3 col-xs-12"
                                form="form-nueva">Enviar</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>
<?php /**PATH C:\xampp\htdocs\htdocs\depi\resources\views/procesos/contactos.blade.php ENDPATH**/ ?>