{% 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 jquery%}

{% 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 id="date" 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>No</th>
                   <th>FOLIO</th>
                   <th>ALBERGADO</th>
                   <th>SALA</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.idUsoHabitacion }}</td>
                   <td>{{ persona.folio }}</td>
                   <td>{{ persona.albergado }}</td>                   
                   <td>{{ persona.especialidad }}</td>

                   <td>
                        <a 
                        href ="/habitacion/update/{{persona.idUsoHabitacion}}/">
                            <i class="icol-pencil" rel="tooltip" data-original-title="Editar"></i>
                        </a>
                   </td>
                   
                  </tr>
                  {% empty %}
                  <tr><td colspan="9">No hay Habitacion 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>

    <script src="{% static "assets/js/libs/jquery.format.1.03.js" %}"></script>
    <script src="{% static "assets/js/libs/letras.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.capitalize.js" %}"></script>
    <script type="text/javascript">

           $(function(){
                $('#date').validCampoFranz('0123456789'); 
            });

    </script>
{% endblock %}