{% extends 'base.html' %}
{% block title %}
    Extensiones
{% endblock %}
{% block content %}
    <div id="dgtic-content-area">
        <div class="span12">
            <div class="dgtic-panel">
                <div class="dgtic-panel-header">
                    <span class="dgtic-panel-header">
                        <i class="icon-user-add"></i>
                        Extensiones-Usuarios
                    </span>
                </div>
                <div class="dgtic-panel-content dgtic-table-container">
                    <div class="dgtic-panel-content">
                        Mostrar:
                        <select onchange="handleSubmitSearch();" name="rpp" id="rpp" style="width: inherit">
                            <option value="50">50</option>
                            <option value="100">100</option>
                            <option value="150">150</option>
                            <option value="200">200</option>
                        </select>
                        registros
                        <div class="pull-right">
                            <!--<input type="text" onkeypress="handleSearchInput(event);" name="search" id="id_search" placeholder="buscar"/>-->
                            <!--<button class="btn" onclick="handleSearchInput(event)"><i class="icon-search"></i></button>-->
                            <a href="{% url 'asignarRango' %}" class="btn btn-pimary">Asignar nuevo rango</a>
                        </div>
                    </div>
                    <table id="id_tiposervicio_table" class="dgtic-table">
                        <thead>
                            <tr>
                                <td>Clave</td>
                                <td>Usuario</td>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody>
                            {% for usuario in usuarios %}
                                <tr>
                                    <td>{{ usuario.id }}</td>
                                    <td>{{ usuario.usuario }}</td>
                                    <td class="da-icon-column">
                                        <a href="{% url 'EditPermiso' usuario.id %}"><i class="icol-pencil" title="Editar"></i></a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}