{% extends "base.html" %}

{% load staticfiles %}

{% block title %}
Detecciones
{% endblock %}

{% block breadcrumbs %}
{{ block.super }}

<li class="active"><a href="/detecciones/lista/"><i class="icon-group"></i>Detecciones</a></li>

{% endblock %}

{% block content %}

        
<div class="row-fluid">
    <div class="dgtic-panel">
        <div class="dgtic-panel-header">
            <span class="dgtic-panel-title">
                <i class="icon-group"></i>
                Lista de Detecciones
            </span>
        </div>

        <div class="dgtic-panel-content dgtic-table-container">
            <table class="dgtic-table" id="tabla_ciudadanos">
                <thead>
                    <tr>
                        
                        <th>RFC</th>
                        <th>Nombre</th>
                        <th>Unidad</th>
                        <th>Jurisdiccion</th>
                        <th>Servicio</th>

                        <th>Responsable de Atencion</th>
                        <th>Fecha de registro</th>

                    </tr>
                </thead>
                <tbody>
                    {% for dato in lista %}
                    <tr>
                        
                        <td>{{ dato.id_paciente.rfc }}</td>
                        <td>{{ dato.id_paciente.nombre }} {{ dato.id_paciente.ap_paterno }} {{ dato.id_paciente.ap_materno }}</td>
                        
                        <td >
                            {{ dato.id_unidad_medica.nombre }}
                        </td>
                        <td>
                            {{ dato.id_municipio.nombre }}
                        </td>
                        <td>
                            {{ dato.id_servicio.descripcion }}
                        </td>

                        <td>
                            {{ dato.id_responsable_atencion.nombre}} {{ dato.id_responsable_atencion.ap_paterno}} {{ dato.id_responsable_atencion.ap_materno}}
                        </td>
                        <td>
                            {{ dato.fecha_atencion }}
                        </td>
                        
                       <!-- <td class="dgtic-icon-column">
                            
                            <a href="#">
                                <i class="icol-pencil" data-placement="top" rel="tooltip" data-original-title="Editar"></i>
                            </a>
                            
                            <a href="javascript:void(0);" rel="tooltip" data-placement="top" data-original-title="Borrar" onclick="confirmarBorrado({{dato.id}},'borrar');">
                                <i class="icol-cross"></i>
                            </a>
                        </td>-->
                        
                    </tr>
                    {%empty%}
                    <tr>
                        <td colspan="10">No se encontraron detecciones registradas</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<div id="dgtic-ex-dialog-div" style="display:none;">
    <p>¿Está seguro de eliminar el registro?</p>
</div>
{% endblock %}

{% block jqueryui %}
    <script type="text/javascript" src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %}">
    <script type="text/javascript" src="{% static "assets/jui/datepicker.es.js" %}"></script>
    <script type="text/javascript" src="{% static "assets/jui/js/globalize/globalize.js" %}"></script>
{% endblock %}

{% block jsplugins %}
    <script src="{% static "plugins/datatables/jquery.dataTables.js" %}"></script>
{% endblock %}


{% block extrajs %}
   <script>
   /*
        function confirmarBorrado(id, borrar) {
            var oid = id
            var b = borrar


            $("#dgtic-ex-dialog-div").dialog({
                resizable: false,
                height: 210,
                width: 420,
                modal: true,
                buttons: {
                    "Eliminar": function () {

                        window.location.href = "/participante/" + oid + "/" + b;

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

        }*/
    </script>

<script>
            $(document).ready(function() {
                
                if( $.fn.dataTable )
                 {
                    $.fn.dataTableExt.sErrMode = 'throw';
                    $('#tabla_ciudadanos').dataTable({
                        "sPaginationType": "full_numbers",
                        bPaginate: true,
                        bfilter:true,
                        bInfo: true,
                        bSort: true,
                        "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"
                            }
                        }
                       
                    });
                }
            });
</script>

{% endblock %}