@php
    $cards = $cards ?? [];
@endphp

<x-layouts.app title="Reports" userRole="{{ auth()->user()->isDistrictUser() ? 'Bezirksstelle' : 'Ortstelle' }}">
    <div class="flex flex-col gap-4">
        <div>
            <div class="text-xl font-semibold">Reports</div>
            <div class="mt-1 text-sm text-rk-slate">Exports, Auswertungen & Nachweise.</div>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            @foreach ($cards as $c)
                <a href="{{ $c['route'] }}"
                    class="rounded-3xl bg-white border border-rk p-6 shadow-sm hover:bg-neutral-50">
                    <div class="text-sm font-semibold">{{ $c['title'] }}</div>
                    <div class="mt-2 text-sm text-rk-slate">{{ $c['desc'] }}</div>
                    <div class="mt-4 text-sm font-semibold text-rk-red">Öffnen →</div>
                </a>
            @endforeach
        </div>

        @if (empty($cards))
            <div class="rounded-3xl bg-white border border-rk p-6 shadow-sm text-rk-slate">
                Keine Reports verfügbar (fehlende Berechtigung).
            </div>
        @endif
    </div>
</x-layouts.app>