{% 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 }}
<li class="active"><a href="/list_instituciones/"><i class="icon-home"></i>Instituciones Muncipales</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 Registradas

                                            
                                            <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 contacts %}
                                             <thead>
                                                <tr>
                                                                                                       
                                                    <th>Nombre</th>
                                                    <th>Direccion</th>
                                                    <th>Contacto</th>
                                                    <th>Fecha de Registro</th>
                                                    <th>Tipo de Institucion</th>
                                                    <th>Actividades</th>
                                                    <th>Imprimir Folios</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% for p in contacts %}
                                                <tr>
                                                    <td>{{p.nombre}} </td>
                                                   <td> 
                                                        <center><div class="icol-world" rel="popover" data-trigger="hover" data-placement="left" data-content="Direción:{{p.direccion}}, Poblacion:{{p.poblacion}}, Municipio:{{p.municipio}}, C.P: {{p.codigo_postal}}, Telefono: {{p.telefono}}, Fax:{{p.fax}}" data-original-title="Dirección"></div></center>
                                                    </td>           
                                                    <td> 
                                                        <center><div class="icol-user-silhouette" rel="popover" data-trigger="hover" data-placement="left" data-content="Correo:{{p.correo}}, Pagina Web:{{p.pagina_web}}" data-original-title="Contacto"></div></center>
                                                    </td>           
                                                    
                                                     
                                                    <td>{{p.fecha_registro}}</td>
                                                    
                                                    <td>{{p.tipo_institucion}}</td>
                                                    <td><a href="/mun_actividades_institucion/{{p.id}}"><i class="icol-magnifier" rel="tooltip" data-placement="top" data-original-title="Ver Actividades"></i></a>                            
                                                    </td>
                                                    <td><a href="/folios_institucionales/{{p.id}}"><i class="icol-doc-pdf"></i></a>                            
                                                    </td>
                                                    
                                                </tr>
                                                {%endfor%}
                                                </tbody>

                                                {% else %}                              <tbody>
                                                <tr>
                                                    <td><h3>Sin Institución</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 %}