@extends('layouts.app')

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

@section('content')
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <h2>Lista de Roles</h2>
    <a href="{{ route('roles.create') }}">Agregar Rol</a>
    <table border="1">
        <tr>
            <th>ID</th>
            <th>Nombre del Rol</th>
            <th>Detalle</th>
            <th>Acciones</th>
        </tr>
        @foreach($roles as $rol)
            <tr>
                <td>{{ $rol->id_rol }}</td>
                <td>{{ $rol->nombre_rol }}</td>
                <td>{{ $rol->detalle_rol }}</td>
                <td>
                    <a href="{{ route('roles.edit', $rol->id_rol) }}">Editar</a>
                    <form action="{{ route('roles.destroy', $rol->id_rol) }}" method="POST" style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" onclick="return confirm('¿Seguro que deseas eliminar este rol?')">Eliminar</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </table>
@endsection