@php
    use App\Models\Setting;
    $has = fn (...$keys) => collect($keys)->every(fn ($k) => filled(Setting::get($k)));
    $gw  = Setting::get('payment.active_gateway', 'moota');
    $paymentReady = $has('payment.bank_name','payment.account_number','payment.account_holder')
        && ($gw === 'xendit' ? $has('payment.xendit_secret_key') : $has('payment.moota_api_key'));

    $checklist = [
        ['Identitas brand', $has('brand.app_name'), 'Nama, logo, warna, tagline aplikasi.', 'feature-settings', 'admin.settings.index'],
        ['SEO dasar', $has('seo.default_description'), 'Deskripsi & template judul agar rapi di Google/sosmed.', 'feature-settings', 'admin.settings.index'],
        ['Pembayaran', $paymentReady, 'Rekening tujuan + kredensial gateway aktif ('.$gw.').', 'payment-moota', 'admin.settings.index'],
        ['Email (SMTP)', $has('mail.host','mail.username'), 'Untuk email selamat datang & konfirmasi bayar.', 'feature-settings', 'admin.settings.index'],
        ['Paket member', \App\Models\MembershipPackage::query()->exists(), 'Minimal satu paket berlangganan.', 'feature-packages', 'admin.packages.index'],
        ['Konten belajar', \App\Models\Video::query()->exists(), 'Minimal satu video/ebook agar etalase tidak kosong.', 'feature-videos', 'admin.videos.index'],
        ['Landing depan', \App\Models\Banner::query()->exists(), 'Banner & susunan section halaman depan.', 'feature-landing', 'admin.landing.edit'],
        ['Integrasi (opsional)', $has('meta.pixel_id') || $has('integration.qiscus_app_id'), 'Meta Pixel, Qiscus WA, Shopee — bila dipakai.', 'feature-settings', 'admin.settings.index'],
    ];
    $done = collect($checklist)->filter(fn ($c) => $c[1])->count();
@endphp

<p>
    Ikuti urutan ini untuk menyiapkan platform sampai siap dipakai publik (go-live).
    Status di bawah <strong>terbaca langsung dari data Anda saat ini</strong> — centang hijau berarti sudah terisi.
</p>

<div class="g-tip">
    Progres setup: <strong>{{ $done }}/{{ count($checklist) }}</strong> langkah selesai.
</div>

<h2>Checklist go-live</h2>
<div class="space-y-2">
    @foreach($checklist as [$label, $ok, $desc, $topic, $route])
    <div class="flex items-start gap-3 rounded-xl border border-outline/60 p-3">
        <span class="mt-0.5 grid h-6 w-6 shrink-0 place-items-center rounded-full {{ $ok ? 'bg-primary/15 text-primary' : 'bg-ink/5 text-muted' }}">
            <x-icon :name="$ok ? 'check' : 'clock'" class="w-4 h-4"/>
        </span>
        <div class="min-w-0 flex-1">
            <p class="font-semibold {{ $ok ? '' : 'text-ink' }}">{{ $label }}
                <span class="ml-1 text-xs font-normal {{ $ok ? 'text-primary' : 'text-muted' }}">{{ $ok ? 'sudah' : 'belum' }}</span>
            </p>
            <p class="text-sm text-muted">{{ $desc }}</p>
            <p class="mt-1 flex gap-3 text-xs">
                <a href="{{ route($route) }}">Buka halaman</a>
                <a href="{{ route('admin.guide.show', $topic) }}">Pelajari caranya</a>
            </p>
        </div>
    </div>
    @endforeach
</div>

<h2>Setelah semua hijau</h2>
<ol>
    <li>Uji satu pembayaran nyata (atau sandbox) sampai membership aktif — lihat <a href="{{ route('admin.guide.show','payment-moota') }}">Pembayaran (Moota)</a>.</li>
    <li>Pastikan email keluar: tombol <strong>"Kirim email uji"</strong> di Pengaturan.</li>
    <li>Buka situs sebagai pengunjung (tombol "Lihat Situs") dan cek beranda, belajar, event, toko.</li>
    <li>Umumkan ke audiens. 🎉</li>
</ol>

<div class="g-warn">
    ⚠️ <strong>Jangan lupa kredensial produksi.</strong> Pembayaran &amp; email tidak akan jalan sampai
    kredensial asli diisi di <a href="{{ route('admin.settings.index') }}">Pengaturan</a>.
</div>