{% extends "base.html" %}

{% load staticfiles %}

{% block title %}CCYTET{% endblock %}

{% block extrahead %}
    <meta charset="utf-8">

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}" media="screen">
    <!-- Theme Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/dandelion.theme.css" %}" media="screen">
    <!-- Icon Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/fonts/glyphicons/style.css" %}" media="screen">
    <!--  Main Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/dandelion.css" %}" media="screen">
    <!-- Demo Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/demo.css" %}" media="screen">

    <!-- Login Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/form.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "assets/css/login.css" %}" media="screen">

    <link rel="stylesheet" href="{% static "plugins/zocial/zocial.css" %}" media="screen">



{% endblock %}



{% block wrapper %}
    <!-- Main Wrapper. Set this to 'fixed' for fixed layout and 'fluid' for fluid layout' -->
    <div id="dgtic-wrapper">
        {% block header %}
            <!-- Header -->
            <div id="dgtic-header">

                <div id="dgtic-header-top">

                    <!-- Container -->
                    <div class="dgtic-container clearfix">

                        {% include  'imagen_encabezado.html' %}

                        {% block headertoolbar %}

                            <!-- Header Toolbar Menu -->
                            <div id="dgtic-header-toolbar" class="clearfix">
                                <div id="dgtic-user-profile-wrap">
                                    <div id="dgtic-user-profile" data-toggle="dropdown" class="clearfix">

                                        <div id="dgtic-user-info">
                                            <i class="icol-user"></i>
                                            {{user.first_name}} {{user.last_name}}
                                            <span class="dgtic-user-title">{%if user.is_active%}{%for p in nombre_institucion %}{{p.nombre}}{%endfor%}{%endif%}</span>
                                        </div>
                                    </div>
                                    <ul class="dropdown-menu">
                                        {% if not user.is_staff%}<li><a href="/principal/">Inicio</a></li>{% endif%}
                                        {% if not user.is_superuser and user.is_staff%}<li><a href="/principal/">Inicio</a></li>{% endif %}
                                        {% if  user.is_superuser%}<li><a href="/principal_administrador/">Inicio</a></li>{% endif%}
                                        <li class="divider"></li>
                                        <li><a href="/cambio_password/chpasswd/{{user.id}}">Cambiar Contraseña</a></li>
                                    </ul>
                                </div>
                                <div id="dgtic-header-button-container">
                                    <ul>
                                        <li class="dgtic-header-button-wrap">
                                            <div class="dgtic-header-button">
                                                <a href="/logout_user/"><i class="icon-power"></i></a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        {% endblock %}

                    </div>
                </div>

                <div id="dgtic-header-bottom">
                    <!-- Container -->
                    <div class="dgtic-container clearfix">

                        <!-- 	<div id="dgtic-search">
                                 <form>
                                     <input type="text" class="search-query" placeholder="Search...">
                                 </form>
                             </div>
                         -->

                        <!-- Breadcrumbs -->
                        <div id="dgtic-breadcrumb">
                            <ul>
                                {% block breadcrumbs %}
                                    <!--
                            {% if not user.is_staff%}
                            <li class="{%if request.path == '/principal/' %}active{%endif%}"><a href="/principal/"><i class="icon-home"></i> Inicio</a></li>
                            {%endif%}
                            {% if user.is_staff and not user.is_superuser%}
                            <li class="{%if request.path == '/principal/' %}active{%endif%}"><a href="/principal/"><i class="icon-home"></i> Inicio</a></li>
                            {%endif%}
                            {% if user.is_superuser%}
                            <li class="{%if request.path == '/principal_administrador/' %}active{%endif%}"><a href="/principal_administrador/"><i class="icon-home"></i> Inicio</a></li>
                            {%endif%}
                        -->
                                {% endblock %}
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        {% endblock %}
        <!-- Content -->
        <div id="dgtic-content">
            <!-- Container -->
            <div class="dgtic-container clearfix">
                <!-- Sidebar Separator do not remove -->
                <div id="dgtic-sidebar-separator"></div>
                <!-- Sidebar -->
                <div id="dgtic-sidebar">
                    <!-- Navigation Toggle for < 480px -->
                    <div id="dgtic-sidebar-toggle"></div>
                    <!-- Main Navigation -->
                    <div id="dgtic-main-nav" class="btn-container">
                        {% block sidebar %}
                            <ul>

                                {% if not user.is_staff or user.is_staff and not user.is_superuser %}
                                    <!--
                            <li class="{%if request.path == '/registro_de_actividad/' %}active{%endif%}">
                                <a href="/registro_de_actividad/">

                                    <span class="dgtic-nav-icon">
                                        <i class="icon-home"></i>
                                    </span>
                                    Inicio
                                </a>
                            </li>-->

                                    <li class="{%if request.path == '/registro_de_actividad/' %}active{%endif%} or {%if request.path == '/agregar_expositor/' %}active{%endif%} or {%if request.path == '/agregar_participantes/' %}active{%endif%} or {%if request.path == '/agregar_organizadores/' %}active{%endif%} or {%if request.path == '/agregar_patrosinadores/' %}active{%endif%}">
                                        <a href="/registro_de_actividad/">
                                            <!-- Icon Container -->
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-pen"></i>
                                            </span>
                                            Actividades
                                        </a>
                                        <ul>
                                            <li><a href="/registro_de_actividad/">Registrar Actividad</a></li>
                                            <!--<li><a href="/agregar_expositor/">Expositor</a></li>
                                            <li><a href="/agregar_participantes/">Participantes</a>
                                            <li><a href="/agregar_organizadores/">Organizadores</a>
                                            <li><a href="/agregar_patrosinadores/">Patrocinadores</a>-->
                                            <li><a href="/programa_actividad/">Programa de Actividades</a></li>
                                        </ul>
                                    </li>

                                    <li class="{%if request.path == '/confirmar_actividad/' %}active{%endif%} or {%if request.path == '/confirmar_actividad/' %}active{%endif%} ">
                                        <a href="/confirmar_actividad/">
                                            <!-- Icon Container -->
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-ok-2"></i>
                                            </span>
                                            Generación de Folios
                                        </a>
                                        <ul>
                                            <li><a href="/confirmar_actividad/">Confirmar y Generar Folios</a></li>

                                            <li><a target="_blank" href="/folios_expositores/">Folios de Expositores</a></li>
                                            <li><a target="_blank" href="/folios_participantes/">Folios de Participantes</a></li>
                                            <li><a target="_blank" href="/folios_organizadores/">Folios de Organizadores de actividades</a></li>
                                            <li><a target="_blank" href="/folios_patrocinadores/">Folios de Patrocinadores</a></li>
                                            <li><a target="_blank" href="/folio_responsable/">Folio de la Persona de Enlace</a></li>
                                            <li><a target="_blank" href="/folios_talleristas/">Folio de Talleristas</a></li>
                                            <li><a target="_blank" href="/folios_staff/">Folio de Staff</a></li>
                                            <li><a target="_blank" href="/folios_ponente/">Folio de Ponente</a></li>
                                            <li><a target="_blank" href="/folios_coordinador/">Folio de Coordinador de Activadad</a></li>
                                        </ul>
                                    </li>


                                    <li class="{%if request.path == '/institucion_/' %}active{%endif%} or {%if request.path == '/programa_actividad/' %}active{%endif%} ">
                                        <a href="/institucion_/">
                                            <!-- Icon Container -->
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-bank"></i>
                                            </span>
                                            Institución
                                        </a>
                                        <ul>
                                            <li><a href="/institucion_/">Institución</a></li>
                                            <li><a target="_blank" href="/reportes/">Reporte de Actividades</a></li>
                                        </ul>
                                    </li>


                                    <li class="{%if request.path == '/institucion_/' %}active{%endif%} or {%if request.path == '/programa_actividad/' %}active{%endif%} ">
                                        <a href="/generar_reconocimiento/">
                                            <!-- Icon Container -->
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-ok-2"></i>
                                            </span>
                                            Mis Reconocimientos
                                        </a>
                                    </li>

                                    {% if user.is_staff %}
                                        <li class="{%if request.path == '/list_instituciones/' %}active{%endif%}">
                                            <a href="/list_instituciones/">
                                                <!-- Icon Container -->
                                                <span class="dgtic-nav-icon">
                                                    <i class="icon-bank"></i>
                                                </span>
                                                Instituciones del Municipio
                                            </a>
                                        </li>
                                    {% endif %}

                                {% endif %}


                                {% if user.is_superuser %}
                                    {% if not user.is_superuser %}
                                        <li class="{{ m_actividades }}">
                                            <a href="">
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-pen"></i>
                                            </span>
                                                <p title="Modulo de actividades">Actividades</p>
                                            </a>
                                            <ul  {% if m_actividades %} {% else %} class="closed" {% endif %}>
                                                <li><a href="/registro_de_actividad/">Registrar Actividad</a></li>
                                                <li><a href="/programa_actividad/">Programa de Actividades</a></li>
                                                {% if user.is_superuser %}
                                                    <li><a target="_blank" href="/reportes/">Reporte de Actividades</a></li>
                                                {% endif %}
                                            </ul>
                                        </li>

                                        <li class="{{ confirmar_genarar }}">
                                            <a href="">
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-ok-2"></i>
                                            </span>
                                                <p>Confirmar y Generar Folios</p>
                                            </a>
                                            <ul {% if confirmar_genarar %} {% else %} class="closed" {% endif %}>
                                                <li><a href="/confirmar_actividad/">Confirmar y Generar Folios</a></li>
                                                <li><a target="_blank" href="/folios_expositores1/">Folios Expositores</a></li>
                                                <li><a target="_blank" href="/folios_participantes1/">Folios Participantes</a></li>
                                                <li><a target="blank" href="/folios_organizadores1/">Folios Organizacionales</a></li>
                                                <li><a target="_blank" href="/folios_patrocinadores1/">Folios de Patrocinadores</a></li>
                                                <li><a target="_blank" href="/folio_responsable/">Folio de Responsable</a></li>
                                            </ul>
                                        </li>
                                    {% endif %}

                                    <li class="{{ cat_municipio }}">
                                        <a href="">
                                            <!-- Icon Container -->
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-bank"></i>
                                            </span>
                                            <p>Municipios</p>
                                        </a>
                                        <ul {% if cat_municipio %} {% else %} class="closed" {% endif %}>
                                            {% for p in municipios %}
                                                <li><a href="/instituciones_/{{p.id}}">{{p.nombre}}</a> </li>
                                            {%endfor%}
                                        </ul>
                                    </li>

                                {% endif %}
                                {% if user.is_staff and user.is_superuser %}

                                    <li class="{{ lista_usuario }}">
                                        <a href="">
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-user"></i>
                                            </span>
                                            Lista Usuarios
                                        </a>
                                        <ul {% if lista_usuario %} {% else %} class="closed" {% endif %}>
                                            <li><a href="/mostrarusuario/">Usuarios</a></li>
                                        </ul>
                                    </li>

                                    {% if not user.is_superuser %}
                                        <li class="{{ reconocimientos }}">
                                            <a href="">
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-ok-2"></i>
                                            </span>
                                                Generar Reconocimientos
                                            </a>
                                            <ul {% if reconocimientos %} {% else %} class="closed" {% endif %}>
                                                <li><a href="/generar_reconocimiento/">Generar</a></li>
                                            </ul>
                                        </li>
                                    {% endif %}

                                    <li class="{{ editar_inico }}">
                                        <a href="">
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-edit"></i>
                                            </span>

                                            <p title="Configuracion de la pantalla inicio">Editar Inicio</p>
                                        </a>
                                        <ul {% if editar_inico %} {% else %} class="closed" {% endif %}>
                                            <li><a href="/lista/jornada/">Jornada Tabasqueña</a></li>
                                            <li><a href="/lista/banner_inicio/">Banner inicio</a></li>
                                            <li><a href="/lista/cat/fecha/">Catalogos Fecha</a></li>
                                            <li><a href="/lista/sitio/interes/">Sitios De Interés</a></li>
                                            <li><a href="/lista/logotipo/inicio/">Logotipo inicios</a></li>
                                            <li><a href="/lista/publicacion/inicio/">Publicaciones Inicio</a></li>
                                            <li><a href="/lista/convocatorias/inicio/">Convocatorias</a></li>
                                            <li><a href="/lista/programas/inicio/">Programa</a></li>
                                            <li><a href="/lista/graficos/inicio/">Descargas</a></li>
                                            <li><a href="/lista/imagen/reconocimiento/inicio/">Imagen Reconocimiento</a></li>
                                        </ul>
                                    </li>

                                    <li>
                                        <a href="/reporte_actividades/">
                                            <span class="dgtic-nav-icon">
                                                <i class="icon-table"></i>
                                            </span>
                                            Reporte tabla
                                        </a>
                                    </li>

                                {% endif %}
                            </ul>
                        {% endblock %}
                    </div>
                </div>
                <!-- Main Content Wrapper -->
                <div id="dgtic-content-wrap" class="clearfix">
                    <!-- Content Area -->
                    <div id="dgtic-content-area">

                        {% block maincontent %}
                            {% if user.is_superuser %}
                                <div class="row-fluid">
                                    <div class="span12 dgtic-panel">
                                        <div class="dgtic-panel-header">
                                            <span class="dgtic-panel-title"><i class="icol-control-wheel"></i>Indicadores</span>
                                        </div>
                                        <div class="dgtic-panel-content">
                                            <ul class="dgtic-stats-container">
                                                <li data-provide="circular" data-fill-color="#FF0000" data-initial-value="{{municipios.count}}" data-max-value="{{municipios.count}}" data-label="Municipios" style="width: 136px; height: 136px;"></li>
                                                <li data-provide="circular" data-fill-color="#FFAA00" data-initial-value="{{instituciones_.count}}" data-max-value="{{instituciones_.count}}" data-label="Instituciones registradas" style="width: 136px; height: 136px;"></li>
                                                <li data-provide="circular" data-fill-color="#009999" data-initial-value="{{actividades_confirmadas.count}}" data-max-value="{{total_actividades.count}}" data-label="Actividades Confirmadas" style="width: 136px; height: 136px;"></li>
                                                <li data-provide="circular" data-fill-color="#FFD300" data-initial-value="{{actividades_no_confirmadas.count}}" data-max-value="{{total_actividades.count}}" data-label="Actividades no confirmadas" style="width: 136px; height: 136px;"></li>
                                                <li data-provide="circular" data-fill-color="#FF0000" data-initial-value="{{folios_generados.count}}" data-max-value="{{total_actividades.count}}" data-label="Folios Generados" style="width: 136px; height: 136px;"></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

                            {% endif %}

                        {% endblock %}
                    </div>
                </div>
            </div>
        </div>
        {% block footer %}
            <br><br><br><br><br>
            <!-- Footer -->
            <div id="dgtic-footer">
                <div class="dgtic-container clearfix">
                    <img src="{% static "assets/images/logo-dgtic.png" %}">
                    <p>Derechos Reservados &copy; Direccion General de Tecnologías de la Información y la Comunicacion.</p>
                </div>
            </div>
        {% endblock %}
    </div>
{% endblock %}

{% block extralibs %}
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>


    <!-- Flot Plugin -->
    <!--[if lt IE 9]>
    <script src="assets/js/libs/excanvas.min.js"></script>
    <![endif]-->
    <script src="{% static "plugins/flot/jquery.flot.min.js" %}"></script>
    <script src="{% static "plugins/flot/plugins/jquery.flot.tooltip.min.js"%}"></script>
    <script src="{% static "plugins/flot/plugins/jquery.flot.stack.min.js"%}"></script>
    <script src="{% static "plugins/flot/plugins/jquery.flot.pie.min.js"%}"></script>
    <script src="{% static "plugins/flot/plugins/jquery.flot.resize.min.js"%}"></script>

    <!-- Circular Stat Plugin -->
    <script src="{% static "assets/js/plugins/circularstat/dandelion.circularstat.js"%}"></script>


    <!-- JS Login -->
    <script src="{% static "assets/js/core/dandelion.login.js" %}"></script>
{% endblock %}