{##
 # @file usuarios.html
 # Copyright (C) 2015 Pressa. All rights reserved.
 #}

<!-- START | DASHBOARD/USUARIOS -->
<div id="usuarios" class="container-fluid">
 <div class="row pad-top align-items-center">
    <div class="col-auto my-auto">
      <h5 class="mb-0"><span class="badge badge-primary" id="usuarios-list-count"></span></h5>
    </div>
    <div class="col d-flex justify-content-end align-items-center" style="gap: 6px;">
      <input type="text" class="form-control form-control-sm" id="usuarios-search-text"
             placeholder="{{ lang['dashboard']['usuarios']['table']['search_placeholder'] }}" style="max-width: 240px;" />
      <button type="button" class="btn btn-success btn-sm" id="usuarios-search-submit"
              data-toggle="tooltip" data-placement="bottom"
              title="{{ lang['dashboard']['usuarios']['table']['search_tooltip'] }}"
              data-loading-text="{{ lang['dashboard']['usuarios']['table']['search_loading'] }}">
        <span class="fa fa-solid fa-magnifying-glass" aria-hidden="true"></span>
        {{ lang['dashboard']['usuarios']['table']['search'] }}
      </button>
      <button type="button" class="btn btn-primary btn-sm" id="usuarios-add"
              data-toggle="tooltip" data-placement="bottom"
              title="{{ lang['dashboard']['usuarios']['table']['create_tooltip'] }}">
        <span class="fa fa-solid fa-plus" aria-hidden="true"></span>
        {{ lang['dashboard']['usuarios']['table']['create'] }}
      </button>
    </div>
  </div>
 <br/>
 <div class="row">
  <div class="col-lg-12">
   <table id="usuarios-table" class="table table-hover table-condensed">
    <thead>
     <tr>
      <th>{{ lang['dashboard']['usuarios']['table']['username'] }}</th>
      <th>{{ lang['dashboard']['usuarios']['table']['email'] }}</th>
      <th>{{ lang['dashboard']['usuarios']['table']['nombre'] }}</th>
      <th>{{ lang['dashboard']['usuarios']['table']['apellido'] }}</th>
      <th>{{ lang['dashboard']['usuarios']['table']['rol'] }}</th>
      <th>{{ lang['dashboard']['usuarios']['table']['actions'] }}</th>
     </tr>
    </thead>
    <tbody>
    </tbody>
   </table>
  </div>
 </div>
 {% include 'usuarios_modal.html' %}
 {% include 'usuarios_remove.html' %}
</div>
<!-- END | DASHBOARD/USUARIOS -->