{% extends "principal.html" %}
{% load staticfiles %}
{% block title %}Reporte de Actividades{% endblock %}
{% block extrahead %}
    <!-- 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">

    <!-- 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">
    <link rel="stylesheet" href="{% static "assets/js/plugins/growl/css/jquery.growl.css" %}"  media="screen">
    <!-- Demo Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/demo.css" media=" %}" screen">

    <link rel="stylesheet" href="{% static "autocompletable/jquery-ui.css" media=" %}" screen">
    <script src="{% static "autocompletable/jquery.min.js" %}"></script>
    <script src="{% static "autocompletable/jquery-ui.min.js" %}"></script>
    {% endblock %}

   {% 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">
                                <li><a href="/programa_actividad/">Inicio</a></li>
                                <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 %}


{% block breadcrumbs %}
{{ block.super }}
<li class="active"><i class="icon-table"></i>Reporte de Actividades</li>
{% endblock %}
{% block maincontent %}


    {% if user.is_superuser%}

    {% endif %}

    <div class="row-fluid">
        <div class="span15">
            <i style="background-color:#{{registro.color}}" data-original-title="{{registro.nombre}}" rel="tooltip">&nbsp;&nbsp;&nbsp;&nbsp;</i>
            <div class="dgtic-panel collapsible">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icol-application2"></i>
                        Reporte actividades
                    </span>
                </div>
                <div class="dgtic-panel-inner-wrap">
                    <div class="dgtic-panel-content dgtic-table-container">
                        <table class="dgtic-table checkable">
                            <thead>
                                <th>Tipo Actividad</th>
                                <th>Programadas</th>
                                <th>Realizadas</th>
                            </thead>
                            <tbody>
                                {% for actividad in lista_actividades %}
                                    <tr>
                                        {% for llave, lista_valor in actividad.items %}
                                            <td>
                                            {{ llave }}
                                            </td>
                                            <td>
                                                {{ lista_valor.0 }}
                                            </td>
                                            <td>
                                                {{ lista_valor.1 }}
                                            </td>
                                        {% endfor %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>

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

            <div class="dgtic-panel collapsible">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icol-application"></i>
                        Reporte publico esperado
                    </span>
                </div>
                <div class="dgtic-panel-inner-wrap">
                    <div class="dgtic-panel-content dgtic-table-container">
                        <table class="dgtic-table checkable">
                            <thead>
                                <th>Tipo Actividad</th>
                                <th>Preescolar</th>
                                <th>Primaria</th>
                                <th>Secundaria</th>
                                <th>Bachillerato</th>
                                <th>Superior</th>
                                <th>Investigador</th>
                                <th>Docente</th>
                                <th>Publico General</th>
                            </thead>
                            <tbody>
                                {% for actividad in lista_publico_actividades %}
                                    <tr>
                                        {% for llave, lista_valor in actividad.items %}
                                            <td>{{ llave }}</td>
                                            {% for valor in lista_valor %}
                                                <td>{{ valor }}</td>
                                            {% endfor %}
                                        {% endfor %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>

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

            <div class="dgtic-panel collapsible">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-title">
                        <i class="icol-application"></i>
                        Reporte publico final
                    </span>
                </div>
                <div class="dgtic-panel-inner-wrap">
                    <div class="dgtic-panel-content dgtic-table-container">
                        <table class="dgtic-table checkable">
                            <thead>
                                <th>Tipo Actividad</th>
                                <th>Preescolar</th>
                                <th>Primaria</th>
                                <th>Secundaria</th>
                                <th>Bachillerato</th>
                                <th>Superior</th>
                                <th>Investigador</th>
                                <th>Docente</th>
                                <th>Publico General</th>
                            </thead>
                            <tbody>
                                {% for actividad in lista_publico_actividades_realizadas %}
                                    <tr>
                                        {% for llave, lista_valor in actividad.items %}
                                            <td>{{ llave }}</td>
                                            {% for valor in lista_valor %}
                                                <td>{{ valor }}</td>
                                            {% endfor %}
                                        {% endfor %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock%}

{% block extralibs %}




        <!-- JS Libs -->
    <script src="{% static "assets/js/libs/jquery-1.8.3.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.mousewheel.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>

    <!-- jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %} " media="screen">
    <script src="{% static "assets/js/plugins/growl/js/jquery.growl.js" %}"></script>
    <!-- JS Plugins -->

    <!-- Validation Plugin -->
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- Wizard Plugin -->
    <script src="{% static "assets/js/plugins/wizard/dandelion.wizard.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.form.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "assets/js/plugins/wizard/dandelion.wizard.css" %}" media="screen">

    <!-- JS Demo -->
    <script src="{% static "assets/js/demo/demo.wizard.js" %}"></script>

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

    <!-- JS Customizer -->
    <script src="{% static "assets/js/core/dandelion.customizer.js"%}"></script>

     <script type="text/javascript">
    <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 %}