@props(['headline','routes'=>[]])

<div class="mx-auto max-w-4xl space-y-8">
    <div class="rounded-2xl bg-white px-8 py-6 shadow-sm ring-1 ring-slate-200/70">
        <h2 class="text-xl font-semibold text-slate-900">{{ $headline }}</h2>
        <ul class="mt-6 list-disc space-y-3 pl-5 text-sm leading-relaxed text-slate-700">{{ $slot }}</ul>
        @if (count($routes))
            <div class="mt-8 rounded-xl border border-emerald-100 bg-emerald-50/40 p-5">
                <p class="text-xs font-semibold uppercase tracking-wide text-emerald-800">Endpoints / commandes prévus pour ce module</p>
                <ul class="mt-3 space-y-1 font-mono text-[13px] text-emerald-900">
                    @foreach ($routes as $r)
                        <li>{{ str_starts_with($r,'artisan ') ? '🖥 '.$r : '• '.$r }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
</div>