@extends('layouts.admin')

@section('page_kicker', 'Access control')
@section('page_title', 'New permission')

@section('content')
    <div class="admin-content-card max-w-xl">
        <p class="admin-card-desc">Use lowercase dotted names (e.g. <code class="rounded bg-slate-100 px-1">reports.export</code>).</p>
        <form method="POST" action="{{ route('superadmin.rbac.permissions.store') }}" class="mt-6 space-y-4">
            @csrf
            <div>
                <label class="admin-form-label" for="name">Permission name</label>
                <input id="name" type="text" name="name" value="{{ old('name') }}" class="admin-input font-mono text-sm" required pattern="[a-z0-9._-]+" placeholder="e.g. reports.export">
                <x-input-error :messages="$errors->get('name')" class="mt-2" />
            </div>
            <div class="flex gap-3">
                <button type="submit" class="admin-btn-primary">Create</button>
                <a href="{{ route('superadmin.rbac.permissions.index') }}" class="admin-btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection