<x-layouts.app :title="__('Dashboard')">
    <div class="max-w-4xl mx-auto py-12">
        @can('viewAny', App\Models\User::class)
            <div class="mb-4">
                <livewire:manage-users />
            </div>
        @endcan
        
        <div class="grid grid-cols-2">
            <livewire:forms.user-profile />
        </div>
        
        <div class="mt-4">
            <livewire:manage-authentication-tokens />
        </div>
        
        @can('viewAny', App\Models\Application::class)
            <div class="mt-4">
                <livewire:app-container />
            </div>
        @endcan
        
        @cannot('viewAny', App\Models\Application::class)
            <div class="mt-4">
                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                    <div class="p-6 text-gray-900">
                        <h3 class="text-lg font-medium">Welcome to AuthentiKate</h3>
                        <p class="mt-2 text-sm text-gray-600">
                            You can manage your profile and view your authentication tokens above.
                        </p>
                    </div>
                </div>
            </div>
        @endcannot
    </div>
</x-layouts.app>