{% extends "principal.html" %}
{% load staticfiles %}
{% block title %}Registro Actividad{% endblock %}
{% block extrahead %}

    <!-- 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">

    <!-- 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">

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />

    <script>
        $(function() {
            var availableTags = [
                {% for i in lista_responsables %}

                    ("{{i.nombre}}"),

                {% endfor %}

            ];
            $( "#id_nombre" ).autocomplete({
                source: availableTags
            });


//Bloque para el combo de actividad
            if ($("#id_tipo_actividad").find("option:selected").text() != 'Otro' )
            {
                $("#id_especificar_actividad").val('');
                $("#id_especificar_actividad").attr('disabled', 'disabled');
            }


            $("#id_tipo_actividad").change(function() {


                if ($(this).find("option:selected").text() == 'Otro')
                {
                    $("#id_especificar_actividad").removeAttr('disabled');
                    $("#id_especificar_actividad").focus();
                }
                else
                {
                    $("#id_especificar_actividad").val('');
                    $("#id_especificar_actividad").attr('disabled', 'disabled');
                }

            });
        });


    </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="dashboard.html">Dashboard</a></li>
                <li class="divider"></li>
                <li><a href="#">Profile</a></li>
                <li><a href="#">Settings</a></li>
                <li><a href="#">Change Password</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 }}
    {% if not user.is_superuser  %}<li ><a href="/list_instituciones/"><i class="icon-home"></i>Instituciones Municipales</a></li><li class="active"><a href="#"><i class="icon-pen"></i>Lista de Actividades</a></li>{%endif%}

    {% if user.is_superuser%}<li><a href="#"><i class="icon-bank"></i>Institución</a></li><li class="active"><a href=""><i class="icon-pen"></i>Actividades</a></li>{%endif%}
{% endblock %}
{% block maincontent %}

    <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-grid"></i>
                                            {% for p in instituciones_ %}
                                                {{p.nombre}}-Actividades Registradas
                                            {% endfor %}

                                            <span class="step-links">
                                                <select id="rpp" onchange = "window.location.href = '?bscr={{bscr}}&rpp=' + this.value">
                                                    <option value="10" {% if rpp == '10'%}selected{% endif %}>10</option>
                                                    <option value="20" {% if rpp == '20'%}selected{% endif %}>20</option>
                                                    <option value="50" {% if rpp == '50'%}selected{% endif %}>50</option>
                                                    <option value="100" {% if rpp == '100'%}selected{% endif %}>100</option>
                                                    <option value="250" {% if rpp == '250'%}selected{% endif %}>250</option>
                                                </select>

                                                {% if contacts.has_previous %}
                                                    <a href="?page={{ contacts.previous_page_number }}&rpp={{rpp}}& bscr={{bscr}}">Anterior</a>
                                                {% endif %}

                                                <span class="current">
                                                    página {{ contacts.number }} de {{ contacts.paginator.num_pages }}.
                                                </span>

                                                {% if contacts.has_next %}
                                                    <a href="?page={{ contacts.next_page_number }}&rpp={{rpp}}&bscr={{bscr}}">Siguiente</a>
                                                {% endif %}
                                                <input class="search-query" placeholder="Buscar..."
                                                       onkeypress = "
                                                               if (window.event && window.event.keyCode == 13) {
                                                               window.location.href = '?rpp={{rpp}}&bscr='+this.value
                                                               } else if (evn && evn.keyCode == 13) {
                                                               window.location.href = '?rpp={{rpp}}&bscr='+this.value
                                                               }
                                                               "
                                                       value="{{bscr}}"
                                                >
                                    </span>


                                </span>
                <div class="dgtic-panel-toggler"><span></span></div></div>
            <div class="dgtic-panel-inner-wrap"><div class="dgtic-panel-content dgtic-table-container">

                <table class="dgtic-table checkable">
                    {% if lista_actividad %}
                        <thead>
                        <tr>
                            <th>Titulo</th>
                            <th>Tipo de Actividad</th>
                            <th>Lugar</th>
                            <th>Responsable</th>
                            <th>Expositor</th>
                            <th>Participantes</th>
                            <th>Patrocinador</th>
                            <th>Organizadores</th>
                            <th>Fecha</th>
                            <th>Hora</th>
                            {% if user.is_superuser %}
                                <th>Galeria</th>
                            {% endif %}
                        </tr>
                        </thead>
                        <tbody>
                        {% for p in lista_actividad %}
                            <tr>
                                <td>{{ p.titulo }} </td>
                                <td>{{ p.tipo_actividad }}</td>
                                <td>{{ p.lugar }}</td>
                                <td>{{ p.responsable_actividad.nombre }}</td>
                                <td>
                                    {% for exp in p.expositor.all%}
                                        - {{ exp.nombre }}<br>
                                    {% endfor%}
                                </td>
                                <td>
                                    {% for part in p.participantes.all %}
                                        - {{ part.nombre }}<br>
                                    {% endfor%}
                                </td>
                                <td>
                                    {% for patro in p.patrocinadores.all %}
                                        - {{ patro.nombre }}<br>
                                    {% endfor%}
                                </td>
                                <td>
                                    {% for org in p.organizadores.all %}
                                        - {{ org.nombre }}<br>
                                    {% endfor%}
                                </td>
                                <td>{{ p.fecha.fecha }}</td>
                                <td>{{ p.hora }}</td>
                                {% if user.is_superuser %}
                                    <td>
                                        <a href="/lista/imagen/registro/actividades/{{ p.id }}/{{ id_institucion }}/" title="Galeria Imagen"><i class="icol-image-1"></i></a>
                                    </td>
                                {% endif %}

                            </tr>
                        {%endfor%}
                        </tbody>

                    {% else %}                              <tbody>
                    <tr>
                        <td><h3>Sin Actividad</h3></td>
                    </tr>

                    </tbody>

                    {% endif %}
                </table>
            </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">

    <!-- 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>




{% endblock %}