@extends('layouts.app')

@php
    $judul = $jenis === 'teks' ? 'Teks Panduan' : 'Video Panduan';
    $ikon = $jenis === 'teks' ? 'bi-file-earmark-text' : 'bi-play-circle';
    $label = $menu !== null ? $judul . ' — ' . $menu : $judul;
@endphp

@section('title', $label)

@section('content')
<div class="pkbm-master-page mx-auto max-w-3xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div class="min-w-0">
            <p class="pkbm-dashboard__breadcrumb">
                <a href="{{ route('pkbm.panduan-fitur.index') }}">Panduan dan Fitur</a><i class="bi bi-chevron-right" aria-hidden="true"></i>{{ $judul }}@if ($menu !== null)<i class="bi bi-chevron-right" aria-hidden="true"></i>{{ $menu }}@endif
            </p>
            <h1 class="pkbm-dashboard__title">{{ $label }}</h1>
            <p class="pkbm-dashboard__subtitle">Konten {{ $judul }} untuk menu {{ $menu !== null ? '"' . $menu . '"' : 'ini' }} akan disusun dan dikelola oleh Admin Forum PKBM (kabupaten).</p>
        </div>
        <a href="{{ route('pkbm.panduan-fitur.index') }}" class="sp-btn-secondary"><i class="bi bi-arrow-left" aria-hidden="true"></i>Kembali</a>
    </header>

    <section class="sp-card">
        <div class="px-6 py-16 text-center">
            <span class="mx-auto mb-4 grid size-16 place-items-center rounded-2xl bg-slate-100 text-3xl text-slate-400">
                <i class="bi {{ $ikon }}" aria-hidden="true"></i>
            </span>
            <h2 class="text-base font-bold text-slate-700">{{ $label }} segera tersedia</h2>
            <p class="mx-auto mt-2 max-w-md text-sm text-slate-500">
                Halaman ini adalah tempat {{ $jenis === 'teks' ? 'panduan tertulis (artikel/langkah-langkah)' : 'panduan video tutorial' }} untuk menu {{ $menu !== null ? '"' . $menu . '"' : 'ini' }} ditampilkan.
                Kontennya akan dibuat melalui akun Admin Forum PKBM tingkat kabupaten.
            </p>
            <a href="https://wa.me/6282138190155" target="_blank" rel="noopener" class="sp-btn-primary mt-6">
                <i class="bi bi-whatsapp" aria-hidden="true"></i>Minta Panduan ke Pengembang
            </a>
        </div>
    </section>
</div>
@endsection