@extends('admin.layouts.app')

@section('content')
<div class="container-fluid px-4">
    <x-admin.page-header
        :title="__('admin/permission-management.title')"
        icon="fas fa-key"
    />

    <x-admin.card>
        <div class="alert alert-info mb-3">
            <i class="fas fa-info-circle me-2"></i>
            {{ __('admin/permission-management.messages_read_only_info') }}
        </div>

        <x-admin.data-table id="permissions-table" :records-url="route('api.admin.permission-management.records')">
            <th>{{ __('admin/permission-management.fields_name') }}</th>
            <th>{{ __('admin/permission-management.fields_scope') }}</th>
            <th>{{ __('admin/permission-management.fields_description') }}</th>
            <th>{{ __('admin/permission-management.fields_roles_count') }}</th>
        </x-admin.data-table>
    </x-admin.card>
</div>
@endsection

@push('scripts')
@vite('resources/js/admin/permission-management/index.js')
@endpush
