@extends('admin.layouts.dashboard')

@section('title', 'Edit Role')

@section('content')
    <x-page-header
        :title="'Edit '.$role->name"
        description="Changes take effect the next time an affected user loads a page."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Roles' => route('roles.index'), $role->name => null]"
    />

    <x-card>
        <form id="role-form" method="POST" action="{{ route('roles.update', $role->id) }}" data-guard>
            @csrf
            @method('PUT')
            @include('admin.role._matrix')
        </form>

        <x-slot:footer>
            <a href="{{ route('roles.index') }}" class="btn btn--secondary">Cancel</a>
            <button type="submit" form="role-form" class="btn btn--primary" data-loading-label="Saving…"
                    @if ($role->isAdministrator()) disabled @endif>
                <i class="fa-solid fa-check" aria-hidden="true"></i>
                Save changes
            </button>
        </x-slot:footer>
    </x-card>
@endsection