{% extends "layout.html" %}

{% set nav_active = 'acceso' %}
{% block content %}

{% if respuesta.success != "" %}
<div class="alert alert-success alert-dismissible" role="alert">
    {{respuesta.success}}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}
{% if respuesta.error != "" %}
<div class="alert alert-danger alert-dismissible" role="alert">
    {{respuesta.error}}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
{% endif %}

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">Tipo acceso</h3>
        <div class="box-tools pull-right">
            <button class="btn btn-box-tool" data-widget="collapse">
                <i class="fa fa-minus"></i>
            </button>

            <button class="btn btn-box-tool" data-widget="remove">
                <i class="fa fa-times"></i>
            </button>
        </div>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-md-12">

                <form class="form-inline" action="agregar_tipoacceso.php" method="POST">
                    <div class="form-group">
                        <label for="tipo_acceso" style="margin-right: 20px;">Tipo</label>
                        <input class="form-control" type="text" name="tipo_acceso" id="tipo_acceso">
                    </div>
                    <input type="hidden" name="agregar" value="true">
                    <button class="btn btn-verdedark mt-4" type="submit">Agregar</button>
                </form>

                <div class="table-responsive" style="margin-top: 30px;">
                    <table class="table table-bordered table-striped">
                        <thead class="text-uppercase">
                            <tr>
                                <th>Tipo de acceso</th>
                                <th>Resetear</th>
                                <th>Accion</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for nivel in niveles %}
                            <form action="editar_tipoacceso.php" method="post">
                                <tr>
                                    <td><input class="form-control" type="text" name="tipo_acceso" value="{{nivel.nombre}}"></td>
                                    <td>
                                        <button class="btn btn-verdedark" type="submit">Editar</buttom>
                                    </td>
                                    <td>
                                        <a class="btn btn-warning"
                                        href="eliminar_tipoacceso.php?delete=true&id_tipoacceso={{nivel.id}}">Eliminar</a>
                                    </td>
                                </tr>
                                <input type="hidden" name="id_tipoacceso" value="{{nivel.id}}">
                                <input type="hidden" name="editar" value="true">
                            </form>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}