{% extends "base.html" %}

{% load staticfiles %}

{% block title %}
   Responsables
{% endblock %}

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

    <li class="active"><a href="#"><i class="icon-group"></i>Responsable </a></li>

{% endblock %}

{% block content %}
<div class="dgtic-panel">
        <div>
            <div class="dgtic-form-inline">
                <div class="dgtic-form-row">
                    <label class="dgtic-form-label">Tipo de profesion</label>


                    <div class="dgtic-form-item">
                        <select name="accion" onchange="location='/responsable/accion/'+this.value">
                            <option>Mostrar por profesion</option>
                            {% for profesion in tipo_profesion %}
                                <option value="{{ profesion.id }}">{{ profesion.descripcion }}</option>
                            {% endfor %}

                        </select>

                    </div>
                </div>
            </div>
        </div>

    </div>



    <div class="row-fluid">
        <div class="dgtic-panel">
            <div class="dgtic-panel-header">
            <span class="dgtic-panel-title">
                    <i class="icon-hospital"></i>&nbsp;
                    Responsable de Atencion
                </span>
            </div>

                <div class="dgtic-panel-toolbar">
                    <div class="btn-toolbar">
                        <div class="btn-group">
                          {% if perms.principal.add_responsable_atencion %}
                              <a href="/responsable/nuevo/" class="btn btn-success"><i class="icon-circle-plus"></i> Agregar responsable</a>
                          {% endif %}
                        </div>
                    </div>
                </div>

            <div class="dgtic-panel-content dgtic-table-container">
                <table class="dgtic-table" id="tabla_ciudadanos">
                    <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Profesion</th>
                        <th>Edad</th>
                        <th>Unidad Medica</th>
                        <th>Municipio</th>
                        <th>Estatus</th>


                    </tr>
                    </thead>
                    <tbody>
                   {% for dato in responsables %}
                        <tr>

                            <td><a href="{% url 'detalle_responsable' dato.id %}">{{ dato.nombre }} {{ dato.ap_paterno }} {{ dato.ap_materno }}</a></td>

                            <td>
                                {{ dato.id_tipo_prof.descripcion }}
                            </td>
                            <td>
                                {{ dato.edad }}
                            </td>
                            <td>
                                {{ dato.id_unidad_medica.nombre }}
                            </td>
                            <td>
                                {{ dato.id_municipio.nombre }}
                            </td>
                            <td>
                                {{ dato.id_estatus.descripcion }}
                            </td>


                        </tr>
                    {% empty %}
                        <tr>
                            <td colspan="10">No se encontraron Unidades Medicas 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 = "/paciente/" + 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_ Unidades Medicas",
                        "sZeroRecords": "No se encontraron resultados",
                        "sEmptyTable": "Ningún dato disponible en esta tabla",
                        "sInfo": "Mostrando Unidades Medicas del _START_ al _END_ de un total de _TOTAL_ Unidades Medicas registrados",
                        "sInfoEmpty": "Mostrando Unidades Medicas del 0 al 0 de un total de 0 Unidades Medicas",
                        "sInfoFiltered": "(filtrado de un total de _MAX_ Unidades Medicas)",
                        "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 %}