{% 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 class="active"><a href="/confirmar_actividad/"><i class="icon-ok-2"></i>Confirmar y Generar Folios</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 = '?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}}">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}}">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>Titulo</th>
                                    <th>Fecha</th>
                                    <th>Hora</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for actividad in contacts %}
                                    <td>{{actividad.titulo}} </td>
                                    <td>{{actividad.fecha}}</td>
                                    <td>{{actividad.hora }}</td>
                                    {% if actividad.generar_folio == True %}
                                        {% if actividad.bandera == True %}
                                            <td>Folio Generado</td>
                                        {% endif%}
                                    {% elif actividad.bandera == True %}
                                        <td>
                                            <b>ACTIVIDAD CONFIRMADA</b>  <a href="/generar_folios_actividad/{{ actividad.id }}" class="btn btn-success">Generar Folios</a>
                                            <!-- La linea de abajo pone un boton que revierte la confirmacion de la actividad, osea, la desconfirma.
                                            <!--a href="/folios_actividad/{{actividad.id}}" class="btn btn-danger" title="Actividad Confirmada">Actividad Confirmada</a-->
                                        </td>
                                    {% else %}
                                        <td>
                                            <form>
                                                {% if actividad.imagenes %}
                                                    <input type="button" onclick="confirmar_actividad({{ actividad.id }})" class="btn btn-success" value="Confirmar actividad">
                                                {% else %}
                                                    <a href="/subir_imagen_actividad/{{ actividad.id }}" class="btn btn-primary">Subir evidencia</a>
                                                {% endif %}
                                            </form>
                                        </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 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>

    <script type="text/javascript">
        function confirmar_actividad(pId) {
            //Ingresamos un mensaje a mostrar
            var mensaje = confirm("¿Está seguro que desea CONFIRMAR la actividad?.\n" +
                                  " Esta acción no se podrá deshacer");
            //Detectamos si el usuario acepto el mensaje
            if (mensaje)
            {
                window.location.href = "/folios_actividad/" + pId;
            }
            //Detectamos si el usuario denegó el mensaje
            else
            {
                alert("¡Haz denegado el mensaje!");
            }
        }
    </script>

{% endblock %}