@extends('layouts.app')
@section('title', 'Roles')

@section('content')
    <x-page-header title="Roles" lede="Who can do what, and over whose records.">
        <x-slot:actions>
            @can('create', \App\Models\Role::class)
                <a class="btn primary" href="{{ route('app.roles.create') }}">New role</a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <x-card :flush="true">
        <div class="table-wrap">
            <table class="data">
                <thead><tr><th>Role</th><th class="num">Level</th><th class="num">Members</th><th></th></tr></thead>
                <tbody>
                    @foreach ($roles as $role)
                        <tr>
                            <td>
                                <strong>{{ $role->name }}</strong>
                                @if ($role->is_system)<x-badge tone="muted" class="plain">Built in</x-badge>@endif
                                @if ($role->description)<span class="sub">{{ $role->description }}</span>@endif
                            </td>
                            <td class="num">{{ $role->level }}</td>
                            <td class="num">{{ $role->users_count }}</td>
                            <td class="right">
                                <div class="row" style="justify-content:flex-end">
                                    @can('update', $role)
                                        <a class="btn small secondary" href="{{ route('app.roles.edit', $role) }}">Edit</a>
                                    @endcan
                                    @can('create', \App\Models\Role::class)
                                        <form method="POST" action="{{ route('app.roles.duplicate', $role) }}">
                                            @csrf<button class="btn small secondary" type="submit">Duplicate</button>
                                        </form>
                                    @endcan
                                    @can('delete', $role)
                                        <form method="POST" action="{{ route('app.roles.destroy', $role) }}" data-confirm="Delete {{ $role->name }}?">
                                            @csrf @method('DELETE')<button class="btn small danger" type="submit">Delete</button>
                                        </form>
                                    @endcan
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-card>

    <div class="alert info" style="margin-top:16px">
        Built-in roles cannot be edited — everything else in the product assumes they mean what they say.
        Duplicate one and change the copy instead.
    </div>
@endsection