@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Add Permission')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
<link href="{{ asset('/web/assets/css/management-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
<main class="portal-workspace portal-light-type property-workspace management-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="/permissions/view_permission"><i class="bx bx-arrow-back" aria-hidden="true"></i> All permissions</a><span class="portal-eyebrow">Access management</span><h1>Add Permission</h1><p>Register a permission that can be assigned to a role.</p></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <form method="POST" action="/permissions/add_permission">@csrf<div class="pw-layout"><div class="pw-stack">
        <section class="portal-card pw-section pw-purple"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-key" aria-hidden="true"></i></span><div><h2>Permission Details</h2><p>Use a clear name for the module and action.</p></div></div><div class="pw-field"><label for="permission-name">Permission name</label><input id="permission-name" name="name" value="{{ old('name') }}" class="form-control @error('name') is-invalid @enderror" placeholder="e.g. reports.export" maxlength="255" required><small>Follow the module.action naming used by your existing permissions.</small>@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div></section>
        <div class="pw-footer"><a href="/permissions/view_permission" class="btn btn-mlk-outline">Cancel</a><button class="btn btn-mlk-primary" type="submit"><i class="bx bx-plus" aria-hidden="true"></i> Add Permission</button></div>
    </div><aside class="portal-card pw-section pw-context"><span class="portal-eyebrow">Role access</span><h2>Assign permissions to roles</h2><p>After adding a permission, use the role editor to choose which roles receive it.</p><p><a href="/roles/view_role">View roles <i class="bx bx-right-arrow-alt" aria-hidden="true"></i></a></p></aside></div></form>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
<script src="{{ asset('/web/assets/js/pages/management-screens.js') }}?v=1"></script>
@endpush