{% extends "base.html" %}
{% block title %} Registro de Personas {% endblock title %}

{% block camino %}
<li class="{{insti6}}"><a href=""><i class="icon-notes-2"></i>Consultas de Personas</a></li>
{% endblock camino %}

{% block contenido %}
<div class="row-fluid">

    <div class="span12">
        <div class="dgtic-panel collapsible">
            <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                    <i class="icol-user"></i>
                    Consulta Usuarios
                </span>
                &nbsp;&nbsp;&nbsp;&nbsp;


            </div>
            <div class="dgtic-panel-content dgtic-form-container">
                <form class="dgtic-form dgtic-form-inline">
                    <table class="dgtic-table checkable">
                        <thead>
                            <tr>
                                <th>Nombre Completo</th>
                                <th>Municipio</th>
                                <th>Tipo Usuario</th>
                                <th>Nombre de Usuario</th>
                                <th>Estatus</th>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody>
                            {% for p in persona %}
                            <tr>
                                <td>{{ p.nombre }} {{ p.apepat }} {{ p.apemat }}</td>
                                <td>{{p.municipio}}</td>
                                {% if p.tipo_usuario == 1 %}
                                <td>COORDINADOR(A)-MUNICIPAL</td>
                                {% elif p.tipo_usuario == 2 %}
                                <td>ADMINISTRACION</td>
                                {% elif p.tipo_usuario == 3 %}
                                <td>CAPTURISTA</td>
                                {% endif %}
                                <td>{{ p.usuario}}</td>
                                <td colspan="">{% if p.status == True %}<a href="" title="Activa"><i  style=" background-color:#04B404">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i></a>{% else %} <a href="" title="Desactivada"><i  style=" background-color:#DF0101">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i></a> {% endif %} </td>

                                <td class="dgtic-icon-column">
                                    {% if p.status == True %}
                                    <a href="/p_editar/{{p.id}}" title="Editar Persona"><i class="icol-pencil"></i></a>
                                    -
                                    {% endif %}
                                    {% if p.status == True %}
                                    <a href="#" onClick="bloquear_persona({{p.id}})" title="Bloquear Persona"><i class="icol-lock-unlock"></i></a>
                                    {% else %}
                                    <a href="#" onClick="desbloquear_persona({{p.id}})" title="Desbloquear Persona"><i class="icol-lock"></i></a>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    <div class="btn-row">
                         {% if persona.has_previous %}
                            <input type=button onClick="parent.location='?page={{ persona.previous_page_number }}&filtrado={{filtrado}}'" value='Atras' class="btn btn-primary btn-small" >
                        {% endif %}
                        <span class="current">
                            Pagina {{ persona.number }} de {{ persona.paginator.num_pages }}.
                        </span>
                        {% if persona.has_next %}
                            <input type=button onClick="parent.location='?page={{ persona.next_page_number }}&filtrado={{filtrado}}'" value='Siguiente' class="btn btn-success btn-small">
                        {% endif %}

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div id="dialog-confirm" style="display:none;" title="Alerta!">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea Bloquear a la Persona?</p>
    &nbsp;&nbsp;  Escriba un Comentario
    <center><textarea id="comentario" name="comentario" rows="10" cols="40"></textarea></center>
</div>
<div id="dialog-confirm-debloqueo" style="display:none;" title="Alerta!">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea Desbloquear a la Persona?</p>
    <div id="hola">
    </div>
</div>
{% endblock contenido %}
{% block jquery %}
<script>
function bloquear_persona( tipo ) {
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:350,
        modal: true,
           buttons: {
                "Bloquear": function() {
                        respuesta = document.getElementById('comentario').value;
                        var come = respuesta
                        if (come){
                            come = come
                        }
                    else{
                            come = "Sin Comentarios"
                        }
                        window.location.href = '/bloquear_tipo/'+tipo+'/'+come+'/';
                        $( this ).dialog( "close" );

                    },
                    Cancelar: function() {
                        $( this ).dialog( "close" );
                            }
                }

    });
}
function desbloquear_persona( tipo ) {
    $( "#dialog-confirm-debloqueo" ).dialog({
        resizable: false,
        height:350,
        modal: true,
        buttons: {
            "Desbloquear": function() {
                    window.location.href = '/desbloquear_tipo/'+tipo;
                    $( this ).dialog( "close" );
                },
        Cancelar: function() {
            $( this ).dialog( "close" );
                }
            }

    });
     $.post(
         "/consulta_detalle_coordinador/",
         {q:tipo},
         function(data){
            var valores = JSON.parse(data);
            for(var i=0;i<valores.length;i++){
                var com="Motivo de Bloqueo: "+valores[i]['comentario'];
            }
                $('#hola').html(com);

        });
}

</script>
{% endblock %}