{% 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_staff or user.is_staff and not user.is_superuser%}
        <li ><a href="/institucion_/"><i class="icon-bank"></i>Institucion</a></li>
        <li class="active"><a href=""><i class="icol-page-white-text-width"></i>Editar Institución</a></li>
    {% endif %}
    {% if user.is_superuser%}
        <li ><a href="#"><i class="icon-bank"></i>Institucion</a></li>
        <li class="active"><a href=""><i class="icol-page-white-text-width"></i>Editar Institución</a></li>
    {% endif %}
{% 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-grid"></i>
                                            Institución a editar
                                </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">
                        <table class="dgtic-table checkable">

                            <thead>
                            <tr>

                                <th>Nombre</th>
                                <th>Direccion</th>
                                <th>Correo</th>
                                <th>Responsable</th>
                                <th>Pagina Web</th>
                                <th>Fecha de Registro</th>
                                <th>Tipo de Institucion</th>
                                <th>Cancelar</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for p in institucion_admin %}
                                <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>{{p.correo}} </td>
                                    <td><a href="/editarresponsable/{{parti.id}}" rel="tooltip" data-placement="top" data-original-title="Editar">{{parti}}</a></td>
                                    <td>{{p.pagina_web}}</td>
                                    <td>{{p.fecha_registro}}</td>

                                    <td>{{p.tipo_institucion}}</td>
                                    <td><a href="/registro_de_actividad/"><i class="icol-delete"></i></a></td>
                                </tr>
                            {%endfor%}


                            </tbody>


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

        </div>



        <div class="row-fluid">
            <div class="span12">




                <div class="dgtic-panel">
                    <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                    <i class="icon-magic"></i>
                    Editar Institución
                </span>
                    </div>
                    <div class="dgtic-panel-content dgtic-form-container">
                        <form name ="form" method="POST" enctype='multipart/form-data' class="dgtic-form">
                            {% if messages %}
                                <ul class="messages">
                                    {% for message in messages %}
                                        <li{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}><h2>{{ message }}</h2></li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                            {% csrf_token %}
                            <!-- formato de celdas del formulario -->
                            <div class="dgtic-form-inline">
                                <!-- iniciamos linea -->
                                <div class="dgtic-form-row">
                                    <!-- iniciamos columna -->
                                    <div class="dgtic-form-cols">
                                        <!-- extraemos los campos del formulario -->
                                        {% for field in formulario %}
                                            <!-- iniciamos celda -->
                                            <div class="col-4-8">
                                                <!-- pintamos etiqueta -->
                                                {{ field.label_tag }}
                                                <!-- pintamos campo -->
                                                {{ field }}
                                                <!-- pintamos seccion de error -->
                                                {{ field.errors }}
                                                <!-- pintamos texto de ayuda -->
                                                <span class="form-help">{{ field.help_text }}</span>
                                                <!-- cerramos celda -->
                                            </div>
                                            <!-- si el contador de items del formulario es par -->
                                            {% if forloop.counter|divisibleby:'2' %}
                                                <!-- cerramos columna -->
                                                </div>
                                                <!-- cerramos linea -->
                                                </div>
                                                <!-- iniciamos linea -->
                                                <div class="dgtic-form-row">
                                                <!-- iniciamos columna -->
                                                <div class="dgtic-form-cols">
                                                <!-- termina item pares -->
                                            {% endif %}
                                        <!-- ¿es el ultimo elemento? -->
                                        {% if forloop.last %}
                                            <!-- cerramos columna -->
                                            </div>
                                            <!-- cerramos linea -->
                                            </div>
                                            <!-- termina pares -->
                                        {% endif %}
                                            <!-- termina extraccion de campos -->
                                        {% endfor %}



                                <div class="dgtic-form_row">
                                    <div class="dgtic-form-cols">
                                        <div class="col-8-8 text-center">
                                            <input type="submit" class = "btn btn-primary" value = "Guardar" name ="guardar">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    {% endif%}

    {% if not user.is_staff or user.is_staff and not 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-grid"></i>
                                            Institución a editar
                                </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">
                        <table class="dgtic-table checkable">
                            {% if nombre_institucion %}
                                <thead>
                                <tr>

                                    <th>Nombre</th>
                                    <th>Direccion</th>
                                    <th>Correo</th>
                                    <th>Responsable</th>
                                    <th>Pagina Web</th>
                                    <th>Fecha de Registro</th>
                                    <th>Tipo de Institucion</th>
                                    <th>Cancelar</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for p in nombre_institucion %}
                                    <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>{{p.correo}}</td>
                                        <td><a href="/editarresponsable/{{parti.id}}" rel="tooltip" data-placement="top" data-original-title="Editar">{{parti}}</a></td>
                                        <td>{{p.pagina_web}}</td>
                                        <td>{{p.fecha_registro}}</td>

                                        <td>{{p.tipo_institucion}}</td>
                                        <td><a href="/institucion_/"><i class="icol-delete"></i></a></td>
                                    </tr>
                                {%endfor%}
                                </tbody>

                            {% else %}                              <tbody>
                            <tr>
                                <td><h3>Sin Institución</h3></td>
                            </tr>

                            </tbody>

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

        </div>



        <div class="row-fluid">
            <div class="span12">




                <div class="dgtic-panel">
                    <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                    <i class="icon-magic"></i>
                    Editar Institución
                </span>
                    </div>
                    <div class="dgtic-panel-content dgtic-form-container">
                        <form name ="form" method="POST" enctype='multipart/form-data' class="dgtic-form">
                            {% if messages %}
                                <ul class="messages">
                                    {% for message in messages %}
                                        <li{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}><h2>{{ message }}</h2></li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                            {% csrf_token %}
                            <!-- formato de celdas del formulario -->
                            <div class="dgtic-form-inline">
                                <!-- iniciamos linea -->
                                <div class="dgtic-form-row">
                                    <!-- iniciamos columna -->
                                    <div class="dgtic-form-cols">
                                        <!-- extraemos los campos del formulario -->
                                        {% for field in formulario %}
                                            <!-- iniciamos celda -->
                                            <div class="col-4-8">
                                                <!-- pintamos etiqueta -->
                                                {{ field.label_tag }}
                                                <!-- pintamos campo -->
                                                {{ field }}
                                                <!-- pintamos seccion de error -->
                                                {{ field.errors }}
                                                <!-- pintamos texto de ayuda -->
                                                <span class="form-help">{{ field.help_text }}</span>
                                                <!-- cerramos celda -->
                                            </div>
                                            <!-- si el contador de items del formulario es par -->
                                            {% if forloop.counter|divisibleby:'2' %}
                                                <!-- cerramos columna -->
                                                </div>
                                                <!-- cerramos linea -->
                                                </div>
                                                <!-- iniciamos linea -->
                                                <div class="dgtic-form-row">
                                                <!-- iniciamos columna -->
                                                <div class="dgtic-form-cols">
                                                <!-- termina item pares -->
                                            {% endif %}
                                        <!-- ¿es el ultimo elemento? -->
                                        {% if forloop.last %}
                                            <!-- cerramos columna -->
                                            </div>
                                            <!-- cerramos linea -->
                                            </div>
                                            <!-- termina pares -->
                                        {% endif %}
                                            <!-- termina extraccion de campos -->
                                        {% endfor %}



                                <div class="dgtic-form_row">
                                    <div class="dgtic-form-cols">
                                        <div class="col-8-8 text-center">
                                            <input type="submit" class = "btn btn-primary" value = "Guardar" name ="guardar">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </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">

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