@extends('layouts.admin')

@section('title', 'Create role')

@section('content')
    <x-admin.page-header title="Create role" description="Name the role and grant only the permissions it requires." eyebrow="Access control">
        <x-slot:actions><a class="button button-secondary" href="{{ route('admin.roles.index') }}">Back to roles</a></x-slot:actions>
    </x-admin.page-header>
    <form class="panel stack" method="POST" action="{{ route('admin.roles.store') }}">
        @csrf
        <div class="form-grid">
            <div class="field"><label for="name">Job title</label><input id="name" name="name" value="{{ old('name') }}" maxlength="160" required></div>
        </div>
        <div class="field"><label for="description">Description</label><textarea id="description" name="description" maxlength="500">{{ old('description') }}</textarea></div>
        @include('admin.roles.partials.permissions', ['selected' => collect(old('permission_ids', []))->map(fn ($id) => (int) $id)])
        <div class="actions"><a href="{{ route('admin.roles.index') }}">Cancel</a><button class="button" type="submit">Create role</button></div>
    </form>
@endsection