@php
    $isAdmin = auth()->user()->isAdmin();
@endphp

<x-layouts.app title="Administration | Tarnova" page-title="Administration">
    <x-slot:headerActions>
        <a href="{{ route('mfa.settings') }}" class="primary-button">Security</a>
        @if ($isAdmin)
            <a href="{{ route('audit-logs.index') }}" class="secondary-button">Audit Log</a>
        @endif
    </x-slot:headerActions>

    <x-workspace-module-nav workspace="administration" />

    @if ($isAdmin)
        <section class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
            <div class="metric-card"><p class="metric-label">Total Users</p><p class="metric-value">{{ number_format($summary['total_users']) }}</p></div>
            <div class="metric-card"><p class="metric-label">Admin Users</p><p class="metric-value">{{ number_format($summary['admin_users']) }}</p></div>
            <div class="metric-card"><p class="metric-label">Login Events</p><p class="metric-value">{{ number_format($summary['recent_logins']) }}</p></div>
            <div class="metric-card"><p class="metric-label">Audit Events</p><p class="metric-value">{{ number_format($summary['recent_audit_events']) }}</p></div>
        </section>

        <section class="grid gap-6 xl:grid-cols-2">
            <div class="section-card">
                <h3 class="section-title">Recent logins</h3>
                <div class="mt-5 space-y-3">
                    @forelse ($recentLogins as $log)
                        <div class="rounded-2xl border border-slate-200/80 bg-white/70 px-4 py-3 text-sm">
                            <strong class="text-slate-900">{{ $log->user?->name ?? 'System' }}</strong>
                            <span class="block text-xs text-slate-500">{{ optional($log->created_at)->format('d M Y H:i') }}</span>
                        </div>
                    @empty
                        <x-empty-state title="No login events" description="Successful logins will appear here." />
                    @endforelse
                </div>
            </div>
            <div class="section-card">
                <h3 class="section-title">Recent audit events</h3>
                <div class="mt-5 space-y-3">
                    @forelse ($recentAuditEvents as $log)
                        <a href="{{ route('audit-logs.index') }}" class="flex items-center justify-between gap-4 rounded-2xl border border-slate-200/80 bg-white/70 px-4 py-3 text-sm hover:border-brand-100 hover:bg-brand-50/50">
                            <span><strong class="text-slate-900">{{ $log->actionLabel() }}</strong><span class="block text-xs text-slate-500">{{ $log->user?->name ?? 'System' }}</span></span>
                            <span class="text-xs font-semibold text-slate-500">{{ optional($log->created_at)->format('d M') }}</span>
                        </a>
                    @empty
                        <x-empty-state title="No audit events" description="Tracked actions will appear here." />
                    @endforelse
                </div>
            </div>
        </section>
    @else
        <section class="section-card">
            <x-empty-state title="Security controls" description="Manage your MFA and active sessions from the security page." actionLabel="Open security" :actionHref="route('mfa.settings')" />
        </section>
    @endif
</x-layouts.app>