<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title>Gentelella Alela! | </title>
    <link rel="stylesheet" href="../css/styles.css">
    <link rel="stylesheet" href="../css/estilos_d.css">
    <link rel="stylesheet" href="../css/estilos_t.css">

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">

    <!-- 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">

    <!-- bootstrap-daterangepicker -->
    <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
    <!-- bootstrap-datetimepicker -->
    <link href="../vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="../build/css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
    <div id='loading' style='display: none;'>
        <div class='spinner'>
            <img src="http://poa.zitacuaro.tecnm.mx/docs/img/Petirrojos.jpg" class='imgPeti'
                style='width:70px; height:70px;' />
            <div class='bounce1'></div>
            <div class='bounce2'></div>
            <div class='bounce3'></div>
        </div>
    </div>
    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                <div class="left_col scroll-view">
                    <div class="navbar nav_title" style="border: 0;">
                        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella
                                Alela!</span></a>
                    </div>

                    <div class="clearfix"></div>

                    <!-- menu profile quick info -->
                    <div class="profile clearfix">
                        <div class="profile_pic">
                            <img src="images/img.jpg" alt="..." class="img-circle profile_img">
                        </div>
                        <div class="profile_info">
                            <span>Welcome,</span>
                            <h2>John Doe</h2>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <!-- /menu profile quick info -->

                    <br />

                    <!-- sidebar menu -->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        <div class="menu_section">
                            <h3>General</h3>
                        </div>
                        <div class="menu_section">
                            <h3>Académico</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-puzzle-piece"></i> Calendarización de Evaluación <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="#" id="nueva_calendarizacion">Nuevo</a></li>
                                        <li><a href="#" id="listado_calendarizacion">Listado</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-edit"></i> Encabezado y Pie <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="#" id="nueva_encabezadopie"> Nuevo</a></li>
                                        <li><a href="#" id="listado_encabezadopie">Listado </a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="menu_section">
                            <h3>Docente</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-user"></i> Información Docente <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>Instrumentación Didáctica <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_instrumentaciondidactica">Nuevo</a></li>
                                                <li><a href="#" id="listado_instrumentaciondidactica">Listado</a></li>
                                            </ul>
                                        </li>
                                        <li><a>Proyecto Individual <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_proyectoindivudual"> Nuevo</a></li>
                                                <li><a href="#" id="listado_proyectoindivudual">Listado </a></li>
                                            </ul>
                                        </li>
                                        <li><a>Evaluación Diagnostica <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_evaluaciondiagnostico"> Nuevo</a></li>
                                                <li><a href="#" id="listado_evaluaciondiagnostico">Listado </a></li>
                                            </ul>
                                        </li>
                                        <li><a>Reporte Final de Evaluación y Acreditación
                                                <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_evaluacionacreditacion"> Nuevo</a></li>
                                                <li><a href="#" id="listado_evaluacionacreditacion">Listado </a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="menu_section">
                            <h3>División de Estudios</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-book"></i> Materia <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>Materia <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_materia">Nuevo</a></li>
                                                <li><a href="#" id="listado_materia">Listado</a></li>
                                            </ul>
                                        </li>
                                        <li><a>Retícula <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_reticula">Nuevo</a></li>
                                                <li><a href="#" id="listado_reticula">Listado</a></li>
                                            </ul>
                                        </li>
                                        <li><a>Plan de Estudios <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_planestudios">Nuevo</a></li>
                                                <li><a href="#" id="listado_planestudios">Listado</a></li>
                                            </ul>
                                        </li>
                                        <li><a>Temario <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_temario">Nuevo</a></li>
                                                <li><a href="#" id="listado_temario">Listado</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-map-marker"></i> Ubicación <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>Grupo <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_grupo">Nuevo</a></li>
                                                <li><a href="#" id="listado_grupo">Listado</a></li>
                                            </ul>
                                        </li>
                                        <li><a>Aula <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_aula"> Nueva</a></li>
                                                <li><a href="#" id="listado_aula">Listado </a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-star"></i> Especialidad <span
                                            class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>Especialidad <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_especialidad">Nuevo</a></li>
                                                <li><a href="#" id="listado_especialidad">Listado</a></li>
                                            </ul>
                                        </li>
                                        <li><a>Carrera <span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li><a href="#" id="nueva_carrera">Nuevo</a></li>
                                                <li><a href="#" id="listado_carrera">Listado</a></li>
                                            </ul>
                                        </li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- /sidebar menu -->

                    <!-- /menu footer buttons -->
                    <div class="sidebar-footer hidden-small">
                        <a data-toggle="tooltip" data-placement="top" title="Settings">
                            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="Lock">
                            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                        </a>
                        <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                        </a>
                    </div>
                    <!-- /menu footer buttons -->
                </div>
            </div>

            <!-- top navigation -->
            <div class="top_nav">
                <div class="nav_menu">
                    <div class="nav toggle">
                        <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                    </div>
                    <nav class="nav navbar-nav">
                        <ul class=" navbar-right">
                            <li class="nav-item dropdown open" style="padding-left: 15px;">
                                <a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true"
                                    id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
                                    <img src="images/img.jpg" alt="">John Doe
                                </a>
                                <div class="dropdown-menu dropdown-usermenu pull-right"
                                    aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item" href="javascript:;"> Profile</a>
                                    <a class="dropdown-item" href="javascript:;">
                                        <span class="badge bg-red pull-right">50%</span>
                                        <span>Settings</span>
                                    </a>
                                    <a class="dropdown-item" href="javascript:;">Help</a>
                                    <a class="dropdown-item" href="login.html"><i
                                            class="fa fa-sign-out pull-right"></i> Log Out</a>
                                </div>
                            </li>

                            <li role="presentation" class="nav-item dropdown open">
                                <a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1"
                                    data-toggle="dropdown" aria-expanded="false">
                                    <i class="fa fa-envelope-o"></i>
                                    <span class="badge bg-green">6</span>
                                </a>
                                <ul class="dropdown-menu list-unstyled msg_list" role="menu"
                                    aria-labelledby="navbarDropdown1">
                                    <li class="nav-item">
                                        <a class="dropdown-item">
                                            <span class="image"><img src="images/img.jpg"
                                                    alt="Profile Image" /></span>
                                            <span>
                                                <span>John Smith</span>
                                                <span class="time">3 mins ago</span>
                                            </span>
                                            <span class="message">
                                                Film festivals used to be do-or-die moments for movie makers. They were
                                                where...
                                            </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dropdown-item">
                                            <span class="image"><img src="images/img.jpg"
                                                    alt="Profile Image" /></span>
                                            <span>
                                                <span>John Smith</span>
                                                <span class="time">3 mins ago</span>
                                            </span>
                                            <span class="message">
                                                Film festivals used to be do-or-die moments for movie makers. They were
                                                where...
                                            </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dropdown-item">
                                            <span class="image"><img src="images/img.jpg"
                                                    alt="Profile Image" /></span>
                                            <span>
                                                <span>John Smith</span>
                                                <span class="time">3 mins ago</span>
                                            </span>
                                            <span class="message">
                                                Film festivals used to be do-or-die moments for movie makers. They were
                                                where...
                                            </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dropdown-item">
                                            <span class="image"><img src="images/img.jpg"
                                                    alt="Profile Image" /></span>
                                            <span>
                                                <span>John Smith</span>
                                                <span class="time">3 mins ago</span>
                                            </span>
                                            <span class="message">
                                                Film festivals used to be do-or-die moments for movie makers. They were
                                                where...
                                            </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <div class="text-center">
                                            <a class="dropdown-item">
                                                <strong>See All Alerts</strong>
                                                <i class="fa fa-angle-right"></i>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- /top navigation -->
            <div id="contenedor" class="right_col" role="main">
                <?php echo $__env->make('mensaje', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                <button class="btn btn-default source" onclick="msj('titulo','mensaje');">Success</button>
                <button type="button" class="btn btn-primary" data-toggle="modal"
                    data-target=".bs-example-modal-lg">Large modal</button>
                <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">

                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal"><span
                                        aria-hidden="true">×</span>
                                </button>
                                <h4 class="modal-title" id="myModalLabel">Registrar una
                                    nueva Retícula
                                </h4>
                            </div>
                            <div class="modal-body">
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="nombre">Nombre
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" id="nombre" name="nombre" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                    </div>
                                </div>
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="clave">Clave
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" id="clave" name="clave" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                    </div>
                                </div>
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12"
                                        for="especialidad">Especialidad
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select id="especialidad" name="especialidad" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                            <option value="">--Seleccione--</option>
                                            <?php for($i = 1; $i <= 1; $i++): ?>
                                                <option value="seg3_<?php echo e($i); ?>">
                                                    Tecnologías Móviles y Servicios Web
                                                </option>
                                            <?php endfor; ?>
                                        </select>
                                    </div>
                                </div>
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="materia">Materia
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select id="materia" name="materia" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                            <option value="">--Seleccione--</option>
                                            <?php for($i = 1; $i <= 1; $i++): ?>
                                                <option value="seg3_<?php echo e($i); ?>">
                                                    Calculo Integral</option>
                                            <?php endfor; ?>
                                        </select>
                                    </div>
                                </div>
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="semestre">Semestre
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select id="semestre" name="semestre" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                            <option value="">--Seleccione--</option>
                                            <?php for($i = 1; $i <= 10; $i++): ?>
                                                <option value="seg3_<?php echo e($i); ?>">
                                                    <?php echo e($i); ?></option>
                                            <?php endfor; ?>
                                        </select>
                                    </div>
                                </div>
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="cadena">Cadena
                                        <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <select id="cadena" name="cadena" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                            <option value="">--Seleccione--</option>
                                            <?php for($i = 1; $i <= 1; $i++): ?>
                                                <option value="seg3_<?php echo e($i); ?>">
                                                    Calculo Vectorial</option>
                                            <?php endfor; ?>
                                        </select>
                                    </div>
                                    <div class="col-md-1 col-sm-1 col-xs-12">
                                        <button type="button" class="btn btn-block btn-dark"
                                            onclick="mas_cadena()"><span class="fa fa-plus-circle"></span>
                                        </button>
                                    </div>
                                </div>
                                <div id="contenedor_cadenas">
                                </div>
                                <div class="mb-1 row">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12"
                                        for="departamento">Departamento al
                                        que pertenece <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <input type="text" id="departamento" name="departamento" required="required"
                                            class="form-control col-md-7 col-xs-12">
                                    </div>
                                </div>
                                <div class="mb-1 row">
                                    <div
                                        class="control-form-label col-md-4 col-sm-4 col-xs-12 text-left text-sm-right">
                                        <label class=" label-align" for="correquisitos">Correquisitos
                                            <span class="required">*</span>
                                        </label>
                                    </div>
                                    <div class="col-md-4 col-sm-4 col-xs-12">
                                        <select id="correquisitos" name="correquisitos" required="required"
                                            class="form-control">
                                            <option value="">--Seleccione--</option>

                                            <option value=""></option>

                                        </select>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-12 m-1">
                                        <button type="button" class="btn btn-outline-secondary btn-block"
                                            onclick="mas_correquisitos()"><i class="fa fa-plus"></i>
                                        </button>
                                    </div>
                                </div>
                                <div id="contenedor_correquisitos">
                                </div>
                                <div class="mb-1 row">
                                    <div
                                        class="control-form-label col-md-4 col-sm-4 col-xs-12 text-left text-sm-right">
                                        <label class=" label-align" for="prerequisitos">Prerrequisitos
                                            <span class="required">*</span>
                                        </label>
                                    </div>
                                    <div class="col-md-4 col-sm-4 col-xs-12">
                                        <select id="prerrequisitos" name="prerrequisitos" required="required"
                                            class="form-control">
                                            <option value="">--Seleccione--</option>

                                            <option value=""></option>

                                        </select>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-12 m-1">
                                        <button type="button" class="btn btn-outline-secondary btn-block"
                                            onclick="mas_prerrequisitos()"><i class="fa fa-plus"></i>
                                        </button>
                                    </div>
                                </div>
                                <div id="contenedor_prerrequisitos">
                                    <br>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Salir</button>
                                <button type="button" class="btn btn-primary">Guardar</button>
                            </div>

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

            <!-- /page content -->

            <!-- footer content -->
            <footer>
                <div class="pull-right">
                    Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
                </div>
                <div class="clearfix"></div>
            </footer>
            <!-- /footer content -->
        </div>
    </div>

    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="../vendors/nprogress/nprogress.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="../build/js/custom.min.js"></script>
    <script src="../control/controladorn.js"></script>
    <!--<script src="../control/pruebas.js"></script>-->
    <!-- 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>

    <!-- bootstrap-daterangepicker -->
    <script src="../vendors/moment/min/moment.min.js"></script>
    <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <!-- bootstrap-datetimepicker -->
    <script src="../vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>

    <!-- jquery.inputmask -->
    <script src="../vendors/jquery.inputmask/dist/min/jquery.inputmask.bundle.min.js"></script>
    <!-- jQuery Knob -->
    <script src="../vendors/jquery-knob/dist/jquery.knob.min.js"></script>

</body>

</html>
<?php /**PATH C:\xampp\htdocs\laravel_curso\laravel_7_curso\resources\views/principalexpo.blade.php ENDPATH**/ ?>