@extends("layouts.app")

@section("breadcrumb")
<h5 class="mb-0">Usuarios</h5>
<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{url('/')}}">Principal</a></li>
    <li class="breadcrumb-item">Usuarios</li>
  </ol>
</nav>
@endsection

@section("content")
<div id="content-page" class="content-page">
  <div class="container-fluid">
    <div class="row row-eq-height">
      <div class="col-sm-12">
        <div class="iq-card">
          <div class="iq-card-header d-flex justify-content-between">
            <div class="iq-header-title">
              <a href="{{url('/sistema/usuarios/crear')}}" class="btn btn-outline-success mt-3 mb-3"><i class="ion-ios-plus"></i> Agregar</a>
            </div>
          </div>
          <div class="iq-card-body">
            <table class="table">
              <thead>
                <tr>
                  <th scope="col"></th>
                  <th scope="col">#</th>
                  <th scope="col">Nombre</th>
                  <th scope="col">Email</th>
                  <th scope="col">Estado</th>
                </tr>
              </thead>
              <tbody>
                @if(count($usuarios)>0)
                @foreach($usuarios as $u)
                <tr>
                  <td>
                    <div class="btn-group" role="group">
                      <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Acciones
                      </button>
                      <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
                        <a class="dropdown-item" href="{{url('/sistema/usuarios/editar/'.$u->id)}}">
                          Editar
                        </a>
                      </div>
                    </div>
                  </td>
                  <td>{{$u->id}}</td>
                  <td>{{$u->nombre}}</td>
                  <td>{{$u->email}}</td>
                  <td>
                    @if($u->estado == "ACTIVO")
                    <span class="badge badge-success">
                      {{$u->estado}}
                    </span>
                    @else
                    <span class="badge badge-warning">
                      {{$u->estado}}
                    </span>
                    @endif
                  </td>
                </tr>
                @endforeach
                @else
                <tr>
                  <td colspan="10">
                    Sin usuarios
                  </td>
                </tr>
                @endif
              </tbody>
            </table>

            <nav style="overflow-x: scroll;">
              @if($usuarios->lastPage() > 1)
              @php
              $uage = (isset($_GET["page"])) ? $_GET["page"] : 1;
              @endphp
              <ul class="pagination mb-0">
                <li class="page-item">
                  <a class="page-link" href="{{url('/sistema/usuarios?page='.$usuarios->onFirstPage())}}" aria-label="Previous"><i class="ion-ios-arrow-left"></i></a>
                </li>
                @for($i = 1; $i <= $usuarios->lastPage(); $i ++)
                <li class="page-item @if($uage == $i) active @endif">
                  <a class="page-link" href="{{ url('/sistema/usuarios?page='.$i) }}">{{$i}}</a>
                </li>
                @endfor
                <li class="page-item">
                  <a class="page-link" href="{{url('/sistema/usuarios?page='.$usuarios->lastPage())}}" aria-label="Previous"><i class="ion-ios-arrow-right"></i></a>
                </li>
              </ul>
              @endif
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection