<!DOCTYPE html>
<html lang="en">
    <head>
        <title>IUJFH</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="{{asset('css/bootstrap.css')}}">
        <link rel="stylesheet" href="{{asset('css/nuevo-estilo.css')}}">

        <script src="{{asset('js/jquery-3.2.1.js')}}"></script>
        <script src="{{asset('js/bootstrap.min.js')}}"></script>

        <script src="{{asset('sweetalert2/sweetalert2.min.js')}}"></script>
        <link rel="stylesheet" href="{{asset('sweetalert2/sweetalert2.min.css')}}">

        <!-- Include a polyfill for ES6 Promises (optional) for IE11 and Android browser -->
        <script src="{{asset('sweetalert2/core.js')}}"></script>

        <!--Favicon-->
        <link rel="shortcut icon" href="{{ asset('images/favicons.png')}}" type="image/x-icon">
        <link rel="icon" href="{{ asset ('images/favicons.png')}}" type="image/x-icon">
        {% block stylesheet %}
        {% endblock %}

    </head>
    <body>
        {% set session = app.session.get('identificador') %}
        {% set tipoUsuario = app.session.get('rol') %}
        <div class="container-fluid fondo-azul">
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-5">
                <!--<img class="img-responsive " src="{asset('images/logo.png')}}">-->
            </div>
            <div class="letra-blanca col-lg-8 col-md-8 col-sm-8 col-xs-2">
                {% if session != NULL and tipoUsuario == 1%}
                    <h1 class="hidden-xs text-center">LICENCIATURAS</h1>
                {% elseif session != NULL and tipoUsuario == 2%}
                    <h1 class="hidden-xs text-center">PUBLICIDAD</h1>
                {% elseif session != NULL and tipoUsuario == 3%}
                    <h1 class="hidden-xs text-center">CAJA</h1>
                {% else %}
                    <h1 class="hidden-xs text-center">SISTEMA IUJFH</h1>
                {% endif %}
                <h1 class="hidden-lg hidden-md hidden-sm text-center">SiCE</h1>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
                <img class="img-responsive " src="{{asset('images/encabezado/escudo.png')}}">
            </div>
        </div>

        {% if session != NULL and tipoUsuario == 1%}
            {% if app.session.get('cargo') != 'PROFESOR' %}
                <nav class="navbar navbar-inverse">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>                        
                            </button>
                            <a class="navbar-brand " href="#">IUJFH</a>
                        </div>
                        <div class="collapse navbar-collapse" id="myNavbar">
                            <ul class="nav navbar-nav">
                                {% if app.session.get('vista')=='home'%}
                                    <li class="active"><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                    {% else %}
                                    <li class=""><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                    {% endif %}

                                {% if app.session.get('vista')=='alumno'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-education"></span> Alumnos<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('consulta_alumno')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="{{path('consulta_alumno_carrera')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar por Carrera</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='grupos'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-book"></span> Grupos<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('grupos')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('grupos_asignar')}}"><span class="glyphicon glyphicon-edit"></span> Asignar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='licenciatura'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-book"></span> Licenciaturas<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_licenciatura')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_licenciatura')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='colegiatura'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-book"></span> Colegiaturas<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_colegiatura')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_colegiatura')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='niveles'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-book"></span> Niveles Academicos<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="#"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('niveles_academicos_licenciaturas')}}"><span class="glyphicon glyphicon-list-alt"></span> Crear Relación</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='usuario'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-book"></span> Usuarios<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_usuario')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_usuario')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='profesor'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span> Profesores<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_profesor')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_profesor')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                        <li><a  href="{{path('vista_calificacion')}}"><span class="glyphicon glyphicon-edit"></span> Registrar calificación</a></li>
                                        <li><a  href="{{path('listas')}}"><span class="glyphicon glyphicon-pencil"></span> Listas</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='social'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-globe"></span> Razón Social<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_rs')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_rs')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='beca'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-usd"></span> Becas<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_becas')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_becas')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='estatus'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-stats"></span> Estatus<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_estatus')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_estatus')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                {% if app.session.get('vista')=='plantel'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-stats"></span> Planteles<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('alta_plantel')}}"><span class="glyphicon glyphicon-pencil"></span> Registrar</a></li>
                                        <li><a  href="{{path('consulta_plantel')}}"><span class="glyphicon glyphicon-list-alt"></span> Consultar</a></li>
                                        <li><a  href="#"><span class="glyphicon glyphicon-edit"></span> Modificar</a></li>
                                    </ul>
                                </li>
                                <!--{ if app.session.get('vista')=='otros'%}
                                    <li class="dropdown active">
                                    { else %}
                                    <li class="dropdown">
                                    { endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-circle-arrow-up"></span> Otros<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="#"><span class="glyphicon glyphicon-pencil"></span> Valor IVA</a></li>
                                    </ul>
                                </li>
                                { if app.session.get('vista')=='consultas'%}
                                    <li class="active">
                                    { else %}
                                    <li class="">
                                    { endif %}
                                    <a href="#"><span class="glyphicon glyphicon-search"></span> Consultas</a>
                                </li>-->
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li><a  href="#"><span class="glyphicon glyphicon-user"></span> {{session}}</a></li>
                                <li><a  href="{{path('logout')}}"><span class="glyphicon glyphicon-log-in"></span> Cerrar Sesión</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            {% else %}
                <nav class="navbar navbar-inverse">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>                        
                            </button>
                            <a class="navbar-brand " href="#">TECM</a>
                        </div>
                        <div class="collapse navbar-collapse" id="myNavbar">
                            <ul class="nav navbar-nav">
                                {% if app.session.get('vista')=='home'%}
                                    <li class="active"><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                    {% else %}
                                    <li class=""><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                    {% endif %}

                                {% if app.session.get('vista')=='profesor'%}
                                    <li class="dropdown active">
                                    {% else %}
                                    <li class="dropdown">
                                    {% endif %}
                                    <a class="dropdown-toggle " data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span> Profesores<span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a  href="{{path('vista_calificacion')}}"><span class="glyphicon glyphicon-edit"></span> Registrar calificación</a></li>
                                        <li><a  href="{{path('listas')}}"><span class="glyphicon glyphicon-pencil"></span> Listas</a></li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li><a  href="#"><span class="glyphicon glyphicon-user"></span> {{session}}</a></li>
                                <li><a  href="{{path('logout')}}"><span class="glyphicon glyphicon-log-in"></span> Cerrar Sesión</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            {% endif %}
        {% elseif session != NULL and tipoUsuario == 2  %}
            <nav class="navbar navbar-inverse">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>                        
                        </button>
                        <a class="navbar-brand " href="#">TECM</a>
                    </div>
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <ul class="nav navbar-nav">
                            {% if app.session.get('vista')=='publicidad'%}
                                <li class="active"><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                {% else %}
                                <li class=""><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                {% endif %}

                            {% if app.session.get('vista')=='mediaS'%}
                                <li class="dropdown active">
                                {% else %}
                                <li class="dropdown">
                                {% endif %}
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-education"></span> Media Superior<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a  href="{{path('alta_alumno_bachi_gene')}}"><span class="glyphicon glyphicon-pencil"></span> Bachillerato General</a></li>
                                    <li><a  href="{{path('alta_alumno_bachi_tecno')}}"><span class="glyphicon glyphicon-list-alt"></span> Bachillerato Técnico</a></li>
                                </ul>
                            </li>
                            {% if app.session.get('vista')=='superior'%}
                                <li class="dropdown active">
                                {% else %}
                                <li class="dropdown">
                                {% endif %}
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-education"></span> Superior<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a  href="{{path('alta_alumno')}}"><span class="glyphicon glyphicon-pencil"></span> Licenciaturas</a></li>
                                </ul>
                            </li>
                            {% if app.session.get('vista')=='posgrado'%}
                                <li class="dropdown active">
                                {% else %}
                                <li class="dropdown">
                                {% endif %}
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-education"></span> Maestría<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a  href="{{path('alta_alumno_posgrado')}}"><span class="glyphicon glyphicon-pencil"></span> Maestría</a></li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a  href="#"><span class="glyphicon glyphicon-user"></span> {{session}}</a></li>
                            <li><a  href="{{path('logout')}}"><span class="glyphicon glyphicon-log-in"></span> Cerrar Sesión</a></li>
                        </ul>
                    </div>
                </div>
            </nav>           
        {% elseif session != NULL and tipoUsuario == 3  %}
            <nav class="navbar navbar-inverse">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>                        
                        </button>
                        <a class="navbar-brand " href="#">TECM</a>
                    </div>
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <ul class="nav navbar-nav">
                            {% if app.session.get('vista')=='caja'%}
                                <li class="active"><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                {% else %}
                                <li class=""><a  href="{{path('cm_homepage')}}"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
                                {% endif %}

                            {% if app.session.get('vista')=='caja'%}
                                <li class="active"><a  href="{{path('caja_alumnos')}}"><span class="glyphicon glyphicon-home"></span> Alumnos</a></li>
                                {% else %}
                                <li class=""><a  href="{{path('caja_alumnos')}}"><span class="glyphicon glyphicon-home"></span> Alumnos</a></li>
                                {% endif %}
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a  href="#"><span class="glyphicon glyphicon-user"></span> {{session}}</a></li>
                            <li><a  href="{{path('logout')}}"><span class="glyphicon glyphicon-log-in"></span> Cerrar Sesión</a></li>
                        </ul>
                    </div>
                </div>
            </nav>

        {% endif %}

        {% block content %}
        {% endblock %}

        {% block javascripts %}
        {% endblock %}
    </body>
</html>
