{{--
    Placeholder report. The source app renders these as empty screens with no
    data of any kind (ReportController::expenses/payroll/profitLoss are one-line
    Inertia::render calls) — reproduced rather than built out, since adding real
    reporting here would be new functionality, not a migration.
--}}
<x-filament-panels::page>
    <div class="flex flex-col items-center gap-4 rounded-xl border border-dashed border-gray-300 bg-white px-6 py-16 text-center dark:border-white/20 dark:bg-gray-900">
        <div class="flex h-14 w-14 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800">
            <x-filament::icon icon="heroicon-m-wrench-screwdriver" class="h-7 w-7 text-gray-400 dark:text-gray-500" />
        </div>
        <div>
            <h2 class="text-base font-semibold text-gray-900 dark:text-white">
                {{ $this->getTitle() }} isn't available yet
            </h2>
            <p class="mx-auto mt-1 max-w-md text-sm text-gray-500 dark:text-gray-400">
                The source application renders this screen with no data at all, so it has
                been reproduced as-is rather than built out.
            </p>
        </div>
    </div>
</x-filament-panels::page>
