{% extends 'base_admin.html.twig' %}
{% block title %}Usuarios{% endblock %}
{% block body_all %}
<div class="card-body">
<h5>Administración</h5>
<div class="row">
<div class="col-2">
{{ render(url('admin_adminMenuUsuariosView')) }}
</div>
<div class="col-10">
<h5>Usuarios</h5>
<div class="row text-end">
<div style="float:right;padding:15px 15px;">
<a href="{{ path('admin_usuarios_new') }}" class="btn btn-primary">Agregar nuevo usuario</a>
</div>
</div>
<form method="get" action="{{ path('admin_usuarios') }}" class="mb-3 row">
<div class="row">
<div class="col">
<label for="id">Id</label>
<input type="text" name="id" id="id" value="{{ filters.id ?? '' }}" class="form-control" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
</div>
<div class="col">
<label for="nombres">Nombres</label>
<input type="text" name="nombres" id="nombres" value="{{ filters.nombres ?? '' }}" class="form-control">
</div>
<div class="col">
<label for="email">Email</label>
<input type="text" name="email" id="email" value="{{ filters.email ?? '' }}" class="form-control">
</div>
<div class="col">
<label for="region">Region</label>
<select name="region" id="region" class="form-control">
<option value="">-- Seleccionar --</option>
{% for region in regiones%}
<option value="{{region.id}}" {{ filters.region == region.id ? 'selected' : '' }}>{{ region.nombre }}</option>
{% endfor %}
</select>
</div>
<div class="col">
<label for="role">Rol</label>
<select name="role" id="role" class="form-control">
<option value="">-- Seleccionar --</option>
{% for rol in roles %}
<option value="{{rol.id}}" {{ filters.role == rol.id ? 'selected' : '' }}>{{ rol.descripcion }}</option>
{% endfor %}
</select>
</div>
<div class="col">
<label for="email">Activo</label>
<select name="activo" id="activo" class="form-control">
<option value="">-- Seleccionar --</option>
<option value="1" {{ filters.activo == '1' ? 'selected' : '' }}>Si</option>
<option value="0" {{ filters.activo == '0' ? 'selected' : '' }}>No</option>
</select>
</div>
<div class="col">
<button type="submit" class="btn btn-primary mt-4">Filtrar</button>
<a href="{{ path('admin_usuarios') }}" class="btn btn-secondary mt-4">Limpiar</a>
</div>
</div>
</form>
<table class="table">
<thead>
<tr>
<th scope="col" >Id</th>
<th scope="col" > Nombres </th>
<th scope="col" > Email </th>
<th scope="col" > Regiones </th>
<th scope="col" > Rol </th>
<th scope="col" > ¿Activo? </th>
<th scope="col" > Acciones </th>
</tr>
</thead>
<tbody>
{% for usuario in usuarios %}
<tr>
<td>{{ usuario.id }}</td>
<td>{{ usuario.nombres }}</td>
<td>{{ usuario.email }}</td>
<td>
{% if usuario.regiones != null %}
{% for region in usuario.regiones %}
{{ region.nombre }}
{% endfor %}
{% endif %}
</td>
<td>
{% for rol in usuario.rolesLabel %}
{{ rol }}
{% endfor %}
</td>
<td>
{% if usuario.activo %}
<input type="checkbox" checked disabled/>
{% else %}
<input type="checkbox" disabled />
{% endif %}
</td>
<td>
<a href="{{ path('admin_usuarios_edit',{id:usuario.id}) }}">Editar</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="navigation">
{{ knp_pagination_render(usuarios) }}
</div>
</div>
</div>
</div>
</div>
<br>
{% endblock %}