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



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


{% block contenido %}
<div id="dgtic-content-area">
<div class="row-fluid">
    <div class="span12">
        <div class="dgtic-panel collapsible">
            <div class="dgtic-panel-header">
                <form action="." method="GET">
                  <label for="q">Busqueda por Folio*  </label>
                  <input type="text" name="q" value="{{ query|escape }}">
                  <input type="submit" value="Buscar">
                </form>
            </div>
            <div class="dgtic-panel-content dgtic-table-container">
                <table id="dgtic-ex-datatable-numberpaging" class="dgtic-table">
              
                     <thead>
                      <tr>
                       <th>Folio</th>
                       <th>NOMBRE</th>
                       <th>SEXO</th>
                       <TH>EDAD</th>
                       <th>EDO. CIVIL</th>
                       <th>DOMICILIO</th>
                       <th>ESCOLARIDAD</th>
                       <th>FECHA DE REGISTRO</th>
                       <th>OCUPACION</th>
                       <th>VIVIENDA</th>
                       <th>TIPO DE FAMILIA</th>
                       <th>OBSERVACIONES</th>
                       <th>
                            <i class="icol-pencil" rel="tooltip" data-original-title="Editar"
                            data-placement="top" ></i>
                        </th>
                      </tr>

                     </thead>
                     
                     <tbody>
                      {% for persona in results %}  
                       <td>{{ persona.idPersona }}</td>
                       <td>{{ persona.Nombre }}&nbsp;{{ persona.ApPaterno}}&nbsp;{{persona.ApMaterno}}</td>
                       <td>{{ persona.Sexo }}</td>
                       <td>{{ persona.Edad }}</td>
                       <td>{{ persona.EdoCivil }}</td> 
                       <td>{{ persona.Pais }}&nbsp;{{ persona.Estado}}&nbsp;{{persona.Municipio}}</td>
                       <td>{{ persona.Escolaridad }}</td>
                       <td>{{ persona.FechaIngreso }}</td>
                       <td>{{ persona.Ocupacion }}</td>
                       <td>{{ persona.Vivienda }}</td>
                       <td>{{ persona.TipoFamilia }}</td>
                       <td>{{ persona.observaciones }}</td>
                       <td>
                            <a 
                            href ="/principal/update/{{persona.idPersona}}/">
                                <i class="icol-pencil" rel="tooltip" data-original-title="Editar"></i>
                            </a>
                       </td>
                      </tr>
                      {% empty %}
                      <tr><td colspan="9">No hay personas registradas</td></tr>

                     {% endfor %}
                      
                     </tbody>
                   
                </table>
            </div>
        </div>        
    </div>
    
</div>
</div>



<!-- JS Libs -->
    <script src="{% static "assets/js/libs/jquery-1.8.3.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.mousewheel.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
    
    <!-- jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elrte/css/elrte.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elfinder/css/elfinder.css" %}" media="screen">

    <!-- JS Plugins -->

    <!-- Validation Plugin -->
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- jGrowl Plugin -->
    <script src="{% static "plugins/jgrowl/jquery.jgrowl.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "plugins/jgrowl/jquery.jgrowl.css" %}" media="screen">

    <!-- JS Demo -->
    <script src="{% static "assets/js/demo/demo.ui.js" %}"></script>

    <!-- JS Template -->
    <script src="{% static "assets/js/core/dandelion.core.js" %}"></script>

    <!-- JS Customizer -->
    <script src="{% static "assets/js/core/dandelion.customizer.js" %}"></script>


    <link rel="stylesheet" type="text/css" href="{%static "assets/jui/css/jquery.ui.all.css" %}">
    <link rel="stylesheet" type="text/css" href="{% static "plugins/select2/select2.css" %}">
    <script type="text/javascript" src="{%static "assets/jui/js/jquery-ui-1.9.2.min.js"%}"></script>
    <script src="{%static "plugins/select2/select2.min.js" %}"></script>
    <script src="{% static "plugins/datatables/jquery.dataTables.js" %}"></script>



{% endblock %}