@extends('layouts.sesion')
@section('content')
    @if (Session::has('info'))
      <div class="row">
          <div class="col-md-11">
              <div class="alert alert-success">
                  <i class="fa fa-check"></i> {{Session::get('info')}}
              </div>
          </div>
      </div>
      @endif
      @if (Session::has('err'))
      <div class="row">
          <div class="col-md-11">
              <div class="alert alert-danger">
              <i class="fa fa-remove"></i> {{Session::get('err')}}
              </div>
          </div>
      </div>
      @endif
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
<a href="{{Route('usuarios.create')}}" class="btn btn-success my-4" 
        style="text-shadow: black 0.1em 0.1em 0.2em"><i class="fa fa-plus"></i> Nuevo</a>
</div>
<div class="card card-primary card-outline">
          <div class="card-header">
            <h3 class="card-title">
              <i class="fas fa-edit"></i>
              USUARIOS
            </h3>
          </div>
          <div class="card-body">
                <table class='table table-striped table-bordered' id="">
                <thead>
                    <tr>
                    <th class="text-center">#</th>
                    <th class="text-center">Nombre </th>
                    <th class="text-center">Correo Electrónico</th>
                    <th class="text-center">Creado</th>
                    <th class="text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                @php
                $i=0
                @endphp
                @foreach($u as $row)
                    <tr>
                    <td class="text-center">{{++$i}}</td>
                    <td class="text-center">{{$row->name}}</td>
                    <td class="text-center">{{$row->email}}</td>
                    <td class="text-center">{{$row->created_at->diffForHumans()}}</td>
                    <td class="text-center">

                        <a class="btn btn-primary btn-sm" style="text-shadow: black 0.1em 0.1em 0.2em" 
                        title="Editar Usuario" href="{{Route('usuarios.edit', $row->id)}}">
                        <i class="fa fa-edit"></i>
                        </a>
                        
                        <form action="{{route('usuarios.destroy', $row->id)}}" method="POST" class="form-delete" style="display: inline-block;">
                        @csrf
                        @method('DELETE')
                            <button  type="submit" class="btn btn-danger btn-sm" 
                            style="text-shadow: black 0.1em 0.1em 0.2em" title="Eliminar Usuario">
                            <i class="fas fa-trash-alt"></i>
                            </button>
                        </form>
                        
                    </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
          </div>
          <!-- /.card -->
        </div>


@endsection