@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Permissions')
@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><span class="portal-eyebrow">Access management</span><h1>Permissions</h1><p>Review permissions and see how they are used by roles and users.</p></div><div class="pw-actions"><a class="btn btn-mlk-primary" href="/permissions/add_permission"><i class="bx bx-plus" aria-hidden="true"></i> Add Permission</a></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <section class="portal-kpi-grid portal-kpi-grid--three" aria-label="Permissions summary"><article class="portal-kpi-card pw-purple"><span class="portal-kpi-icon"><i class="bx bx-key" aria-hidden="true"></i></span><span class="portal-kpi-label">Permissions</span><strong>{{ number_format($metrics['total']) }}</strong></article><article class="portal-kpi-card "><span class="portal-kpi-icon"><i class="bx bx-shield-quarter" aria-hidden="true"></i></span><span class="portal-kpi-label">Assigned to Roles</span><strong>{{ number_format($metrics['assigned']) }}</strong></article><article class="portal-kpi-card pw-blue"><span class="portal-kpi-icon"><i class="bx bx-group" aria-hidden="true"></i></span><span class="portal-kpi-label">Roles</span><strong>{{ number_format($metrics['roles']) }}</strong></article></section>
    <section class="portal-card" id="permissions"><div class="portal-card-header"><div><h2>All Permissions</h2><p>Permissions and usage summary.</p></div><form method="GET" action="/permissions/view_permission" class="pw-table-tools"><input type="hidden" name="per_page" value="{{ $permissions->perPage() }}"><input type="search" name="search" value="{{ $search }}" placeholder="Search permissions" aria-label="Search permissions" maxlength="100"><button class="btn btn-mlk-primary" type="submit">Search</button>@if($search !== '')<a class="btn btn-mlk-outline" href="/permissions/view_permission">Clear</a>@endif</form></div>
        <div class="table-responsive"><table class="table portal-table pw-directory-table"><thead><tr><th scope="col">#</th><th scope="col">Permission</th><th scope="col">Roles Using Permission</th><th scope="col">Users Using Permission</th><th scope="col">Created</th></tr></thead><tbody>@forelse($permissions as $index => $permission)<tr><td>{{ $permissions->firstItem() + $index }}</td><td>{{ $permission->name }}</td><td><span class="portal-status pw-neutral">{{ number_format($permission->roles_count) }}</span></td><td>{{ number_format($permission->users_count) }}</td><td>{{ optional($permission->created_at)->format('M d, Y') ?: '—' }}</td></tr>@empty<tr><td colspan="5"><div class="pw-empty"><i class="bx bx-key" aria-hidden="true"></i><h2>No permissions found</h2><p>Try another search or add a new permission.</p></div></td></tr>@endforelse</tbody></table></div>
        @include('superadmin.property.partials.workspace_pagination', ['paginator' => $permissions, 'label' => 'permissions', 'section' => 'permissions'])
    </section>
</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