@extends('layouts.app')

@section('content')
    <h1>Roles</h1>
    <a href="{{ route('roles.create') }}" class='btn btn-primary'>Create Role</a>
    <hr>
    <ul class="list-group">
        @foreach ($roles as $role)
            <li class="list-group-item">
                {{ $role->name }}
                <div class="float-right">
                    <a href="{{ route('roles.edit', $role) }}" class="btn btn-info">Edit</a>
                    <form action="{{ route('roles.destroy', $role) }}" method="POST" style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button onclick="return confirm('Are you sure?')" class='btn btn-danger btn-sm'>Delete</button>
                    </form>
                </div>
            </li>
        @endforeach
    </ul>
@endsection