@extends('adminlte::page')

@section('title', 'Listado de Usuarios')

@section('content_header')
    <h1>Usuarios</h1>
@stop

@section('content')
    <x-adminlte-card title="Usuarios registrados" theme="primary" icon="fas fa-users">

        <a href="{{ route('users.create') }}" class="btn btn-success mb-3">
            <i class="fas fa-user-plus"></i> Nuevo Usuario
        </a>

        <x-adminlte-datatable
            id="tableUsers"
            :heads="['ID', 'Nombre', 'Correo', 'Rol', 'Acciones']"
            striped hoverable bordered with-buttons>

            @foreach($users as $user)
                <tr>
                    <td>{{ $user->id }}</td>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->email }}</td>
                    <td>
                        @foreach($user->getRoleNames() as $role)
                            <span class="badge bg-info">{{ $role }}</span>
                        @endforeach
                    </td>
                    <td>
                        <a href="{{ route('users.edit', $user->id) }}" class="btn btn-xs btn-primary mr-1">
                            <i class="fas fa-edit"></i>
                        </a>
                        <form action="{{ route('users.destroy', $user->id) }}" method="POST" class="d-inline"
                              onsubmit="return confirm('¿Estás seguro de eliminar este usuario?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-xs btn-danger">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
            @endforeach

        </x-adminlte-datatable>

    </x-adminlte-card>
@stop