@extends('layouts.app')

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

@section('content')
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <h2>Lista de Usuarios</h2>

    <a href="{{ route('users.create') }}">Crear Usuario</a>

    @if (session('success'))
        <p>{{ session('success') }}</p>
    @endif

    <table border="1">
        <thead>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Correo</th>
                <th>Usuario</th>
                <th>Rol</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($users as $user)
                <tr>
                    <td>{{ $user->id_users }}</td>
                    <td>{{ $user->nombre_usuario }}</td>
                    <td>{{ $user->correo_usuario }}</td>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->rolInfo->nombre_rol ?? 'Sin rol' }}</td>
                    <td>
                        <a href="{{ route('users.edit', $user->id_users) }}">Editar</a>
                        <form action="{{ route('users.destroy', $user->id_users) }}" method="POST" style="display:inline;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" onclick="return confirm('¿Estás seguro de eliminar este usuario?')">Eliminar</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <a href="{{ route('home') }}">Volver al inicio</a>
@endsection