{% extends "principal.html" %}
{% load staticfiles %}
{% load url from future %}

{% block pluginstylesheet %}
<link rel="stylesheet" type="text/css" href="{%static "assets/jui/css/jquery.ui.all.css" %}">


{% endblock %}


{% block breadcrumbs %}
    <li class="{{ principal }}"><a href="/inicio/index/"><i class="icon-home"></i> Inicio</a></li>
    <li class="active">Estados Civiles</li>

   
                
{% endblock %}
{% block contenido %}
<div id="dgtic-content-area">
<div class="row-fluid">
<div class="span12">
<div class="dgtic-panel">
    <div class="dgtic-panel-header">
        <span class="dgtic-panel-title">
            {{titulo}} Estado Civil
        </span>
    </div>


<div class='dgtic-panel-content dgtic-form-container'>
<form class='dgtic-form' id='form' method='post' action='{{accion}}'>{% csrf_token %} 

<div class="dgtic-form-inline">
    
        {% include "formsnippet.html" with form=form %}

        </div>        
        <div class="btn-row">
        <input type='submit' value='Guardar' class = "btn btn-success">
        </div>


</form> 
</div>

</div>

<div class="dgtic-panel collapsible">
                                    <div class="dgtic-panel-header">
                                        <span class="dgtic-panel-title">
                                              Estados Civiles
                                        </span>
                                        
                                    </div>
                                    <div class="dgtic-panel-content dgtic-table-container">
                <table class="dgtic-table" id="tabla_estadocivil">
                    <thead>
                        <tr>
                           
                            <th>Descripcion</th>
                            <th>Opciones </th>
                           
                          </tr>
                    </thead>
                    <tbody>
                        {% for registro in datos %}
                        <tr>
                            
                            <td>{{registro.descripcion}}</td>
                           
                            
                            
                            
                             <td class="dgtic-icon-column">
                               
                                
                                 
                                
                                <a href="/cat/estadosciviles/editar/{{registro.idEdoCivil}}" rel="tooltip" data-placement="top" data-original-title="Editar">
                                    <i class="icol-pencil"></i>
                                </a>

                               

                                
                                        

                                    

                        
                                



                            </td>

                        </tr>
                        {%empty%}
                        <tr>
                            <td>No se encontraron registros</td>
                            <td>No se encontraron registros</td>
                           
                           
                        </tr>
                        {%endfor%}
                    
                            
                    </tbody>
                </table>
            </div>
            </div>

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


{% endblock %}

{% block jqueryui %}
<script type="text/javascript" src="{%static "assets/jui/js/jquery-ui-1.9.2.min.js"%}"></script>
{% endblock %}  

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

{% block extralibs %}
            
            <script type="text/javascript">
 $(document).ready(function(){

        $("#id_descripcion").keyup(function(event){
            return this.value=this.value.toUpperCase();
        });
     
 });
        </script>
            <script>
            $(document).ready(function() {
                
                if( $.fn.dataTable )
                 {
                    $.fn.dataTableExt.sErrMode = 'throw';
                    $('#tabla_estadocivil').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":    "Primero",
                                "sLast":     "Último",
                                "sNext":     "Siguiente",
                                "sPrevious": "Anterior"
                            },
                            "oAria": {
                                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
    }
}
                       
                    });
                }
            });
            </script>




 

{% endblock %}