{% 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">

                    <!-- Logo Container. All images put here will be vertically centere -->
                    <div id="dgtic-logo-wrap">
                        <div id="dgtic-logo">
                            <div id="dgtic-logo-img">
                                <a href="">
                                    <img src="{% static "assets/images/logotipo2.png" %}" alt="Dandelion Admin">
                                </a>
                            </div>
                        </div>
                    </div>

                    {% 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>
                                    </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>
                                    Confirmar y Generar Folios
                                </a>
                                <ul>
                                    <li><a href="/confirmar_actividad/">Confirmar y Generar Folios
                                    </li></a>

                                    <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 Organizacionales
                                    </a></li>
                                    <li><a target="_blank" href="/folios_patrocinadores/">Folios de Patrocinadores
                                    </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>
                                    Institucion
                                </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>
                                    Mi 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%}


                            <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>
                                    {% if user.is_superuser %}
                                    <li><a target="_blank" href="/reportes/">Reporte de Actividades</a></li>
                                    {% endif %}
                                    </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>
                                    Confirmar y Generar Folios
                                </a>
                                <ul>

                                    <li><a href="/confirmar_actividad/">Confirmar y Generar Folios
                                    </li></a>


                                    <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>
                                </ul>
                            </li>
                            <li class="{%if request.path == '/instituciones_/8' %}active{%endif%} and
                            {%if request.path == '/instituciones_/9' %}active{%endif%} and
                            {%if request.path == '/instituciones_/10' %}active{%endif%} and
                            {%if request.path == '/instituciones_/6' %}active{%endif%} and
                            {%if request.path == '/instituciones_/11' %}active{%endif%} and
                            {%if request.path == '/instituciones_/12' %}active{%endif%} and
                            {%if request.path == '/instituciones_/13' %}active{%endif%} and
                            {%if request.path == '/instituciones_/14' %}active{%endif%} and
                            {%if request.path == '/instituciones_/7' %}active{%endif%} and
                            {%if request.path == '/instituciones_/15' %}active{%endif%} and
                            {%if request.path == '/instituciones_/16' %}active{%endif%} and
                            {%if request.path == '/instituciones_/4' %}active{%endif%} and
                            {%if request.path == '/instituciones_/17' %}active{%endif%} and
                            {%if request.path == '/instituciones_/18' %}active{%endif%} and
                            {%if request.path == '/instituciones_/19' %}active{%endif%} and
                            {%if request.path == '/instituciones_/20' %}active{%endif%} and
                            {%if request.path == '/instituciones_/5' %}active{%endif%}">
                                <a href="#">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-bank"></i>
                                    </span>
                                    Municipios
                                </a>
                                <ul>

                                    {% for p in municipios %}
                                    <li><a href="/instituciones_/{{p.id}}">{{p.nombre}}</a> </li>
                                    {%endfor%}
                                </ul>
                            </li>



                            {% endif %}


                             {% if user.id == 342 or user.id == 1 %}
                            <li class="" >
                                <a  href="/mostrarusuario">
                                    <!-- Icon Container -->
                                    <span class="dgtic-nav-icon">
                                        <i class="icon-user"></i>
                                    </span>
                                    usuario
                                </a>
                            </li>
                            {% endif %}

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

{#                            <li class="{%if request.path == '/reporte/' %}active{%endif%} or {%if request.path == '/reporte/' %}active{%endif%} ">#}
{#                                <a href="/reporte/" target="_blank">#}
{#                                    <!-- Icon Container -->#}
{#                                    <span class="dgtic-nav-icon">#}
{#                                        <i class="icon-ok-2"></i>#}
{#                                    </span>#}
{#                                    Generar Lista de Organizadores Municipales#}
{#                                </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 %}