<%- include('partials/_header/'); %>

<div class="cont-1300">
    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item">Contratos</li>
        <li class="breadcrumb-item active" aria-current="page"><a href="/muestrousuarios">Usuarios</a></li>
        <li class="breadcrumb-item active" aria-current="page">Listado</li>
      </ol>
    </nav>
    <div class="listado-tabla">
      <div class="buscador">
        <form class="d-flex just-start" action="/buscousuario" method="get">    
          <input  name="usuariobuscado" type="text" class="form-control" placeholder="Usuario">
          <button type="submit" class="btn btn-danger">
              Buscar
          </button>
        </form>
        <a href="/altausuario" class="agregar"><button type="button" class="btn btn-dark"><i class="fa-solid fa-plus"></i>Agregar</button></a>
      </div>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th></th>
              <th scope="col">Nombre</th>
              <th scope="col">Usuario</th>             
              <th scope="col" class="col-puesto">Rol</th>
              <th scope="col">Permisos</th>
              <th scope="col"></th>
              <!-- <th scope="col"></th> -->
            </tr>
          </thead>
          <tbody>
            <% if (data) { %>
                <% for (var i=0; i < data.usuarios.length; i++) { %>
                <tr>
                    <th scope="row">
                      <div class="img-cont" style="background-image: url(<%="/resources/img/usuario" %>)"></div>
                    </th>
                    <td><%= data.usuarios[i].name %></td>
                    <td><%= data.usuarios[i].user %></td>
                    <td class="col-puesto"><%= data.usuarios[i].Descripcion_Roles %></td>
                    <% if (data.usuarios[i].permisos == 'L') { %>
                      <td><%= 'Lectura' %></td>
                    <%  } else { %>
                      <td><%= 'Lectura Escritura' %></td>
                    <% } %> 
                    <td>                        
                      <a href="editarusuario/<%= data.usuarios[i].Id_user %>"><i class="fa-solid fa-pencil"></i><span>Editar</span></a>
                    </td>
                    <!-- <td>
                    </td> -->
                    </tr>
                <% } %>
            <% } %>
      
        </tbody>
      
        </table>
      </div>
    </div>
  </div>

  <div style="text-align: center; " >    
    <a href="javascript:window.history.back();" style="height: 38px; width:230px;" class="btn btn-secondary"><img src="/resources/img/volverr.png" width="30" class="logo-desktop">  Volver</a>
  </div>
  
  
  
  <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
  
  <% if(typeof alert != "undefined") { %>
      <script>
          Swal.fire({
           title: '<%= alertTitle %>',
           text:'<%= alertMessage %>',
           icon: '<%= alertIcon %>',
           showConfirmButton: <%= showConfirmButton %> ,
           timer: <%= 1500 %>             
          }).then(()=>{
              window.location='<%= ruta %>' 
          })            
      </script>
  <% } %>
  
  
  <%- include('partials/_footer'); %>