@props([
    'stats' => [],
])

@php
    $publishedCount = (int) ($stats['publishedCount'] ?? 0);
    $publishedToday = (int) ($stats['publishedToday'] ?? 0);
    $archiveSince = $stats['archiveSince'] ?? null;
@endphp

<section class="relative overflow-hidden bg-[#f7f4ef]">
    <div class="absolute inset-x-0 top-0 h-px bg-black/10 dark:bg-white/10"></div>

    <div class="mx-auto grid max-w-7xl gap-10 px-4 py-12 sm:px-6 md:py-16 lg:grid-cols-[minmax(0,1fr)_24rem] lg:px-8">
        <div class="max-w-3xl">
            <p class="text-xs font-semibold uppercase tracking-[0.32em] text-[#b6332a]">Deutschland aktiv</p>
            <h1 class="mt-5 text-4xl font-semibold tracking-tight text-zinc-950 dark:text-white sm:text-5xl lg:text-6xl">
                Aktuelle Pressemitteilungen aus der deutschen Wirtschaft
            </h1>
            <p class="mt-6 max-w-2xl text-lg leading-8 text-zinc-700 dark:text-zinc-300">
                Neue Unternehmensmeldungen, Personalien, Produktankündigungen und Wirtschaftsnachrichten aus Mittelstand, Industrie und Dienstleistung.
            </p>

            <div class="mt-8 flex flex-col gap-3 sm:flex-row">
                <a href="#aktuell" class="inline-flex items-center justify-center rounded-full bg-[#cf3628] px-5 py-3 text-sm font-semibold text-white transition hover:bg-[#a92c25]">
                    Aktuelle Meldungen lesen
                </a>
                <a href="{{ route('veroeffentlichen') }}" class="inline-flex items-center justify-center rounded-full border border-black/15 px-5 py-3 text-sm font-semibold text-zinc-800 transition hover:border-[#cf3628]/50 hover:text-[#cf3628] dark:border-white/15 dark:text-zinc-100">
                    Pressemitteilung veröffentlichen
                </a>
            </div>
        </div>

        <div class="rounded-2xl border border-black/10 bg-white p-6 shadow-sm dark:border-white/10 dark:bg-zinc-900">
            <p class="text-sm font-semibold uppercase tracking-[0.24em] text-zinc-500 dark:text-zinc-400">Archiv & Einordnung</p>
            <dl class="mt-6 grid gap-5">
                <div class="border-b border-black/10 pb-5 dark:border-white/10">
                    <dt class="text-sm text-zinc-500 dark:text-zinc-400">Veröffentlichte Meldungen</dt>
                    <dd class="mt-1 text-3xl font-semibold text-zinc-950 dark:text-white">{{ number_format($publishedCount, 0, ',', '.') }}</dd>
                </div>
                <div class="border-b border-black/10 pb-5 dark:border-white/10">
                    <dt class="text-sm text-zinc-500 dark:text-zinc-400">Heute neu</dt>
                    <dd class="mt-1 text-3xl font-semibold text-zinc-950 dark:text-white">{{ number_format($publishedToday, 0, ',', '.') }}</dd>
                </div>
                @if ($archiveSince)
                    <div>
                        <dt class="text-sm text-zinc-500 dark:text-zinc-400">Archiv seit</dt>
                        <dd class="mt-1 text-3xl font-semibold text-zinc-950 dark:text-white">{{ $archiveSince }}</dd>
                    </div>
                @endif
            </dl>
            <p class="mt-6 text-sm leading-6 text-zinc-600 dark:text-zinc-300">
                Die Zahlen stammen aus dem aktuellen Datenbestand. Fehlende Regionaldaten werden nicht ergänzt oder geraten.
            </p>
        </div>
    </div>
</section>