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

<li class="{{insti5}}"><a href=""><i class="icon-notes-2"></i>Consulta 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 Encuesta
                </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>


{% 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-encuestasb" %}',
                aoColumns:[
                    {
                        "mData": 'beneficiario.nombre'
                        //"sWidth": "45%"
                    },
                    {
                        "mData": 'beneficiario.apepat',
                        //"sWidth": "10%"
                    },
                    {
                         "mData": 'beneficiario.apemat',

                    },
                    {
                         "mData": 'beneficiario.curp',

                    },
                    {
                         "mData": 'beneficiario.institucion.nombre_instituto',

                    }

                    // {
                        // "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>');
                ver.attr('href', '/encuesta_resultados_beneficiario/' + aData.beneficiario.id +'/')
                icono = $('<i>')
                            .addClass('icol-magnifier')
                            .attr('data-placement', 'top')
                            .attr('rel', 'tooltip')
                            .attr('data-original-title', 'Detalles');
                ver.append(icono);
                //acciones.append(ver);





                acciones.append(ver);


                $(nRow).append(acciones);

            }
            });
        }
    });

</script>
{% endblock %}