@extends('layouts.admin')

@section('page_kicker', 'Access control')
@section('page_title', 'Permissions')

@section('content')
    <div class="flex flex-wrap items-center justify-between gap-4">
        <p class="text-sm text-slate-600">Create, edit, or remove permission keys (guard: web).</p>
        <a href="{{ route('superadmin.rbac.permissions.create') }}" class="admin-btn-primary">Add permission</a>
    </div>

    <div class="admin-content-card mt-6">
        <div class="admin-table-wrap">
            <table class="admin-table min-w-full">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th class="w-40 text-right">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($permissions as $permission)
                        <tr>
                            <td class="font-mono text-sm">{{ $permission->name }}</td>
                            <td class="text-right">
                                <a href="{{ route('superadmin.rbac.permissions.edit', $permission) }}" class="admin-btn-secondary text-xs py-1.5">Edit</a>
                                <form method="POST" action="{{ route('superadmin.rbac.permissions.destroy', $permission) }}" class="ms-2 inline" onsubmit="return confirm('Delete this permission?');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="admin-btn-danger inline-flex text-xs py-1.5">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="2" class="text-slate-500">No permissions.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-5 border-t border-slate-100 pt-4">{{ $permissions->links() }}</div>
    </div>

    <p class="mt-6 text-center text-sm text-slate-500">
        <a href="{{ route('superadmin.rbac.roles.index') }}" class="font-semibold text-teal-700 hover:text-teal-900">Manage roles</a>
    </p>
@endsection