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

        <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 id="lista1" class="dgtic-table checkable">
                                <thead>
                                <th>Tipo Actividad</th>
                                <th>Programadas</th>
                                <th>Realizadas</th>
                                </thead>
                                <tbody>
                                {% for actividad in lista_actividades %}
                                    <tr>
                                        <td>
                                            {{ actividad.nombre }}
                                        </td>
                                        <td>
                                            {{ actividad.total_programado }}
                                        </td>
                                        <td>
                                            {{ actividad.total_realizado }}
                                        </td>
                                    </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 id="lista2" 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>
                                        <td>{{ actividad.nombre }}</td>
                                        <td>{% if actividad.preescolar %}{{ actividad.preescolar }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.primaria %}{{ actividad.primaria }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.secundaria %}{{ actividad.secundaria }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.bachillerato %}{{ actividad.bachillerato }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.superior %}{{ actividad.superior }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.investigador %}{{ actividad.investigador }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.docente %}{{ actividad.docente }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.publico_general %}{{ actividad.publico_general }}{% else %}0{% endif %}</td>
                                    </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 id="lista3" 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>
                                        <td>{{ actividad.nombre }}</td>
                                        <td>{% if actividad.preescolar %}{{ actividad.preescolar }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.primaria %}{{ actividad.primaria }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.secundaria %}{{ actividad.secundaria }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.bachillerato %}{{ actividad.bachillerato }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.superior %}{{ actividad.superior }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.investigador %}{{ actividad.investigador }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.docente %}{{ actividad.docente }}{% else %}0{% endif %}</td>
                                        <td>{% if actividad.publico_general %}{{ actividad.publico_general }}{% else %}0{% endif %}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

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






    <!-- Datatables -->
    <script src="{% static "vendors/datatables.net/js/jquery.dataTables.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-bs/js/dataTables.bootstrap.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-buttons/js/dataTables.buttons.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-buttons/js/buttons.flash.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-buttons/js/buttons.html5.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-buttons/js/buttons.print.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-keytable/js/dataTables.keyTable.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-responsive/js/dataTables.responsive.min.js" %}"></script>
    <script src="{% static "vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js" %}"></script>
    <script src="{% static "vendors/datatables.net-scroller/js/dataTables.scroller.min.js" %}"></script>
    <script src="{% static "vendors/jszip/dist/jszip.min.js" %}"></script>
    <script src="{% static "vendors/pdfmake/build/pdfmake.min.js" %}"></script>
    <script src="{% static "vendors/pdfmake/build/vfs_fonts.js" %}"></script>


    <script type="text/javascript">


        $(document).ready(function () {

            $('#lista1, #lista2, #lista3').dataTable({
                dom: "Blfrtip",
                sPaginationType: "full_numbers",
                bfilter: false,
                bSort: false,
                "oLanguage": {
                    "sProcessing": "Procesando...",
                    "sLengthMenu": "Mostrar _MENU_ registros",
                    "sZeroRecords": "No se encontraron resultados",
                    "sEmptyTable": "Ningún dato disponible en esta tabla",
                    "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix": "",
                    "sSearch": "Buscar:",
                    "sUrl": "",
                    "sInfoThousands": ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst": "Primero",
                        "sLast": "Último",
                        "sNext": "Siguiente",
                        "sPrevious": "Anterior"
                    },
                    "oAria": {
                        "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },
                buttons: [
                    {
                        extend: "csv",
                        text: 'Guardar csv',
                        className: "btn-sm"
                    },
                    {
                        extend: "print",
                        text: 'Imprimir',
                        className: "btn-sm"
                    },
                ],
                responsive: true

            });
        });

    </script>

{% endblock %}