{% 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="/registro_de_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 ><a href="/registro_de_actividad/"><i class="icon-pen"></i>Actividad</a></li>
<li class="active"><a href="/programa_actividad/"><i class="icon-blog"></i>Programa de Actividades</a></li>
{% 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>
                                            Actividades

                                            
                                            <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 id="busq" type="text" class="search-query" placeholder="Buscar..." 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 contacts %}
                                            <thead>
                                                <tr>
                                                    <!-- <th class="checkbox-column"><input type="checkbox"></th> -->
                                                    
                                                    
                                                    <th>Titulo</th>
                                                    <th>Fecha</th>
                                                    <th>Hora</th>
                                                   
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for p in contacts %}
                                                <tr>
                                                    
                                                    <td>{{p.titulo}} </td>
                                                   
                                                    <td>{{p.fecha}}</td>
                                                    <td>{{p.hora}}</td> 
                                                   
                                                </tr>
                                                {%endfor%}
                                                </tbody>

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

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





{% endblock%}

{% block extralibs %}
    <!-- JS Bootstrap -->
    <script type="text/javascript" src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
        <!-- 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>
    <script>
    $(function(){
        $('#busq').on('keypress', function (e){
          if(e.keyCode == 13){
            window.location.href = '?rpp={{rpp}}&bscr='+this.value;
          }
        });
    });
    </script>



{% endblock %}