{% extends "base.html" %}
{% load staticfiles %}
{% block camino %}

<li class="{{insti4}}"><a href=""><i class="icon-notes-2"></i>Consultas de Beneficiario</a></li>

{% endblock camino %}

{% block contenido %}
<div class="row-fluid">
    <div class="span12">
        {% if messages %}
        <div class="messages">
            {% for message in messages %}
            <div{% if message.tags %} class="dgtic-message {{ message.tags }}"{% endif %}>{{ message }}
            </div>
            {% endfor %}
        </div>
        {% endif %}
        <div class="dgtic-panel collapsible">
            <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                    <i class="icon-circle-ok"></i>&nbsp;
                   Consulta Beneficiarios
                </span>
            </div>
            <div class="dgtic-panel-content dgtic-table-container">
                <table id="table_instituciones" class="dgtic-table">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Apellido Paterno</th>
                            <th>Apellido Materno</th>
                            <th>CURP</th>
                            <th>Institucion</th>
                            <th><center>Detalles</center></th>
                        </tr>
                    </thead>
                </table>
            </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 Beneficiario?</p>
                                 &nbsp;&nbsp;  Escriba un Comentario
                                 <center><textarea id="comentario" name="comentario" rows="10" cols="40"></textarea></center>
                            </div>
                            <div id="dialog-confirm-desbloquear" style="display:none;" title="Alerta!">
                                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Desea Desbloquear Beneficiario?</p>
                                    <div id="hola">
                                    </div>
                            </div>

{% endblock %}

{% block jquery %}
    <script>
    $(document).ready(function() {
        if( $.fn.dataTable )
         {
            $('#table_instituciones').dataTable({
                sPaginationType: "full_numbers",
                bfilter: false,
                bSort: false,
                "oLanguage":{
                    "sProcessing":     "Procesando...",
                    "sLengthMenu":     "Mostrar _MENU_ registros",
                    "sZeroRecords":    "No se encontraron resultados",
                    "sEmptyTable":     "Ningún dato disponible en esta tabla",
                    "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                    "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                    "sInfoPostFix":    "",
                    "sSearch":         "Buscar:",
                    "sUrl":            "",
                    "sInfoThousands":  ",",
                    "sLoadingRecords": "Cargando...",
                    "oPaginate": {
                        "sFirst":    "<<",
                        "sLast":     ">>",
                        "sNext":     ">",
                        "sPrevious": "<"
                    },
                    "oAria": {
                        "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                        "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                    }
                },

                // opciones para consumir por ajax
                bProcessing: true,
                bServerSide: true,
                sAjaxSource: '{% url "encuesta:api-lista-beneficiario" %}',
                aoColumns:[
                    {
                        "mData": 'nombre'
                        //"sWidth": "45%"
                    },
                    {
                        "mData": 'apepat',
                        //"sWidth": "10%"
                    },
                    {
                        "mData": 'apemat',
                        //"sWidth": "10%"
                    },
                    {
                        "mData": 'curp',
                        //"sWidth": "10%"
                    },
                    {
                        "mData": 'institucion.nombre_instituto',
                        //"sWidth": "10%"
                    }

                    // {
                        // "mData": '',
                        // "sWidth": "5%",
                        // "sClass": "dgtic-icon-column",
                        // "mRender": function(data, type, full){
                        //     link = $('<div>');
                        //     anchor = $('<a>').attr('href', data).attr('target', 'blank');
                        //     icono = $('<i>').addClass(full.archivo_tipo);
                        //     anchor.append(icono);
                        //     link.append(anchor);
                        //     return link.html();
                        // }
                    // }
                    // {
                    //     "mData": 'anexo',
                    //     "sWidth": "5%",
                    //     "sClass": "dgtic-icon-column",
                    //     "mRender": function(data, type, full){
                    //         anexo = $('<div>');
                    //         icono = $('<i>');
                    //         if (data){
                    //             link = $('<a>').attr('href', data).attr('target', 'blank');
                    //             icono.addClass(full.anexo_tipo);
                    //             link.append(icono);
                    //             anexo.html(link);
                    //         } else{
                    //             icono.addClass('icon-circle-minus');
                    //             anexo.html(icono)
                    //         }
                    //         return anexo.html();
                    //     }
                    // },
                    // {
                    //     "mData": 'prioridad',
                    //     "sWidth": "5%",
                        // "mRender": function(data, type, full){
                        //     col_prioridad = $('<div>');
                        //     p = $('<div>').css({
                        //         'background-color':full.prioridad_color,
                        //         'height': '15px',
                        //         'border-radius': '15px 15px 15px 15px'
                        //     });
                        //     col_prioridad.html(p);

                        //     return col_prioridad.html();
                        // }

                    // },
                    // {
                    //     "mData": 'recibido',
                    //     "sWidth": '12%'
                    // },
                    // {
                    //     "mData": 'recepcion',
                    //     "sWidth": "8%"
                    // },
                    // {
                    //     "mData": 'estatus'
                    //  }
                ],
           fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull){
                // crear columna de acciones

                acciones = $('<td>').addClass('dgtic-icon-column');

                ver = $('<a>');

                if (aData.status == true)
                                        {
                ver.attr('href', '/detalle_beneficiario/' + aData.id +'/')
                icono = $('<i>')
                            .addClass('icol-magnifier')
                            .attr('data-placement', 'top')
                            .attr('rel', 'tooltip')
                            .attr('data-original-title', 'Detalles');
                ver.append(icono);
                //acciones.append(ver);



                editar = $('<a>');
                editar.attr('href', '/beneficiario_editar/' + aData.id +'')
                icono = $('<i>')
                            .addClass('icol-pencil')
                            .attr('data-placement', 'top')
                            .attr('rel', 'tooltip')
                            .attr('data-original-title', 'Editar');
                editar.append(icono);
                //acciones.append(editar);

               bloquear = $('<a>');

                bloquear.attr('href', 'javascript:bloquear_beneficiario('+aData.id+')')
                icono = $('<i>')
                            .addClass('icol-lock-unlock')
                            .attr('data-placement', 'top')
                            .attr('rel', 'tooltip')
                            .attr('data-original-title', 'Editar');
                bloquear.append(icono);
                //acciones.append(bloquear);

                reporte = $('<a>');
                reporte.attr('href', '/beneficiario_solo/'+aData.id+'')
                icono = $('<i>')
                            .addClass('icol-application-view-detail')
                            .attr('data-placement', 'top')
                            .attr('rel', 'tooltip')
                            .attr('data-original-title', 'reporte');
                reporte.append(icono);





                acciones.append(ver, ' ', editar , ' ', bloquear,' ',reporte);
                                                    }
                                                            else{

                dbloquear = $('<a>');

                dbloquear.attr('href', 'javascript:desbloquear_beneficiario('+aData.id+')')
                icono = $('<i>')
                            .addClass('icol-lock')
                            .attr('data-placement', 'top')
                            .attr('rel', 'tooltip')
                            .attr('data-original-title', 'Editar');
                dbloquear.append(icono);
                //acciones.append(dbloquear);

                acciones.append(dbloquear);
}

                $(nRow).append(acciones);



            }
            });
        }
    });

 function bloquear_beneficiario( id_beneficiario ) {
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:350,
        modal: true,
        buttons: {
            "Bloquear": function() {
                    window.location.href = '/bloquear_beneficiario/'+id_beneficiario;
                    respuesta = document.getElementById('comentario').value;
                        var come = respuesta
                        if (come){
                            come = come
                        }
                    else{
                            come = "Sin Comentarios"
                        }
                        window.location.href = '/bloquear_beneficiario/'+id_beneficiario+'/'+come+'/';
                    $( this ).dialog( "close" );
                },
        Cancelar: function() {
            $( this ).dialog( "close" );
                }
            }
    });
}
function desbloquear_beneficiario( id_beneficiario ) {
    $( "#dialog-confirm-desbloquear" ).dialog({
        resizable: false,
        height:350,
        modal: true,
        buttons: {
            "Desbloquear": function() {
                    window.location.href = '/desbloquear_beneficiario/'+id_beneficiario;
                    $( this ).dialog( "close" );
                },
        Cancelar: function() {
            $( this ).dialog( "close" );
                }
            }
    });
         $.post(
         "/consulta_detalle_benefiario/",
         {q:id_beneficiario},
         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 %}