@extends('admin.layouts.dashboard')

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

@section('content')
    <x-page-header
        title="New Role"
        description="Pick exactly which operations this role may perform."
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Roles' => route('roles.index'), 'New' => null]"
    />

    <x-card>
        <form id="role-form" method="POST" action="{{ route('roles.store') }}" data-guard>
            @csrf
            @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="Creating…">
                <i class="fa-solid fa-check" aria-hidden="true"></i>
                Create role
            </button>
        </x-slot:footer>
    </x-card>
@endsection