
<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>LPKA Kelas II Jakarta</title>

    <!-- Fonts & Styles -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />

    <!-- Favicon -->
    <link rel="icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">

    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>

<body class="bg-white text-slate-900 dark:bg-[#0a0a0a] dark:text-slate-100">


<div class="w-full border-b border-slate-200/70 dark:border-white/10">
    <div class="mx-auto max-w-6xl px-4 py-3 flex items-center justify-between gap-3">
        <div class="flex items-center gap-2">
        <div class="h-9 w-9 rounded-xl shadow-sm"
            style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/cover;">
        </div>
        <div class="leading-tight">
                <div class="text-base font-semibold tracking-tight">LPKA Kelas II Jakarta</div>
                <div class="text-xs text-slate-500 dark:text-slate-400">Portal kegiatan di LPKA Kelas II Jakarta</div>
            </div>
        </div>

        <div class="flex items-center gap-2">
            <?php if(Route::has('login')): ?>
                <?php if(auth()->guard()->check()): ?>
                    <a href="<?php echo e(url('/dashboard')); ?>"
                       class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                              bg-slate-900 text-white hover:bg-slate-800
                              dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200 transition">
                        Dashboard
                    </a>
                <?php else: ?>
                    <a href="<?php echo e(route('login')); ?>"
                       class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                              border border-slate-200 hover:border-slate-300 hover:bg-slate-50
                              dark:border-white/10 dark:hover:bg-white/5 transition">
                        Log in
                    </a>

                    <?php if(Route::has('register')): ?>
                        <a href="<?php echo e(route('register')); ?>"
                           class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                                  bg-slate-900 text-white hover:bg-slate-800
                                  dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200 transition">
                            Register
                        </a>
                    <?php endif; ?>
                <?php endif; ?>
            <?php endif; ?>
        </div>
    </div>
</div>


<header class="relative overflow-hidden">
    <div class="absolute inset-0">
        <!-- Logo kiri atas -->
        <div class="absolute -top-24 -left-24 h-72 w-72 opacity-80"
             style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/contain;">
        </div>

        <!-- Logo kanan bawah -->
        <div class="absolute -bottom-24 -right-24 h-72 w-72 opacity-80"
             style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/contain;">
        </div>

        <!-- Overlay gradient tetap untuk transisi warna/gelap -->
        <div class="absolute inset-0 bg-gradient-to-b from-slate-50 to-white dark:from-white/5 dark:to-transparent"></div>
    </div>


    <div class="relative mx-auto max-w-6xl px-4 py-12 lg:py-16">
        <div class="grid gap-10 lg:grid-cols-12 items-center">
            <div class="lg:col-span-7">
                <div class="inline-flex items-center gap-2 rounded-full border border-slate-200/80 bg-white/70 px-3 py-1 text-xs text-slate-600 shadow-sm
                            dark:border-white/10 dark:bg-white/5 dark:text-slate-300">
                    <span class="h-2 w-2 rounded-full bg-emerald-500"></span>
                    Update kegiatan • Ringkas • Informatif
                </div>

                <h1 class="mt-4 text-3xl lg:text-5xl font-semibold tracking-tight">
                    Kegiatan di LPKA Kelas II Jakarta — <span class="text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-indigo-600">satu portal</span>.
                </h1>

                <p class="mt-4 text-base lg:text-lg text-slate-600 dark:text-slate-300 max-w-2xl">
                LPKA Kelas II Jakarta menyediakan informasi terkini terkait pembelajaran, seminar, webinar, dan kegiatan edukatif lainnya.                </p>

                
                <div class="mt-6 rounded-2xl border border-slate-200/80 bg-white/80 p-3 shadow-sm
                            dark:border-white/10 dark:bg-white/5">
                    <form class="flex flex-col sm:flex-row gap-2" action="javascript:void(0)">
                        <div class="flex-1">
                            <label class="sr-only" for="q">Cari</label>
                            <input id="q" name="q" type="text"
                                   placeholder="Cari kegiatan… contoh: “Keterampilan”"
                                   class="w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm outline-none
                                          focus:ring-2 focus:ring-rose-400/40 focus:border-rose-400
                                          dark:border-white/10 dark:bg-white/5 dark:text-slate-100 dark:placeholder:text-slate-400">
                        </div>
                        <button type="submit"
                                class="inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-medium
                                       bg-slate-900 text-white hover:bg-slate-800 transition
                                       dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200">
                            Cari
                        </button>
                    </form>
                </div>

                
                <div class="mt-6 flex flex-col sm:flex-row gap-3">
                    <a href="#featured"
                       class="inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-medium
                              bg-gradient-to-r from-rose-500 to-indigo-600 text-white shadow-sm hover:opacity-95 transition">
                        Lihat highlight kegiatan
                    </a>
                </div>
            </div>


<div class="lg:col-span-4"> <!-- Ubah col-span-5 menjadi col-span-4 agar lebih kompak -->
    <div class="grid gap-4">
        <div class="rounded-2xl border border-slate-200/80 bg-white/80 p-5 shadow-sm dark:border-white/10 dark:bg-white/5">
            <div class="flex items-center justify-between">
                <div class="text-sm font-semibold">Kategori</div>
                <div class="text-xs text-slate-500 dark:text-slate-400">Browse cepat</div>
            </div>

            <div class="mt-3 grid grid-cols-2 gap-2">
                <?php if(!empty($categories) && $categories->count()): ?>
                    <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a href="javascript:void(0)"
                           class="rounded-xl border border-slate-200 bg-white px-3 py-3 hover:bg-slate-50 transition
                                  dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10">
                            <div class="text-sm font-medium"><?php echo e($cat); ?></div>
                            <div class="text-xs text-slate-500 dark:text-slate-400">Lihat kegiatan</div>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php else: ?>
                    <?php
                        $fallbackCats = [
                            ['Kegiatan', 'Belajar, Bermain'],
                            ['Pembinaan', 'Belajar, Hafalan'],
                            ['Perikanan', 'Budidaya'],
                            ['Pertanian', 'Bercocok tanam'],
                            ['Seni', 'Musik & Menggambar'],
                            ['Olahraga', 'Volley, Sepak Bola'],
                        ];
                    ?>
                    <?php $__currentLoopData = $fallbackCats; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $c): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a href="javascript:void(0)"
                           class="rounded-xl border border-slate-200 bg-white px-3 py-3 hover:bg-slate-50 transition
                                  dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10">
                            <div class="text-sm font-medium"><?php echo e($c[0]); ?></div>
                            <div class="text-xs text-slate-500 dark:text-slate-400"><?php echo e($c[1]); ?></div>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>

            <div class="mt-4 text-xs text-slate-500 dark:text-slate-400">
                Menampilkan sampai 6 kategori dari kegiatan <span class="font-medium">published</span>.
            </div>
        </div>
    </div>
</div>



        </div>
    </div>
</header>


<main class="mx-auto max-w-6xl px-4 pb-16">

    
    <section id="featured" class="pt-10">
        <div class="flex items-end justify-between gap-4">
            <div>
                <h2 class="text-xl lg:text-2xl font-semibold tracking-tight">Highlight kegiatan</h2>
                <p class="mt-1 text-sm text-slate-600 dark:text-slate-300">Kegiatan terbaru yang dipilih dari jadwal terdekat.</p>
            </div>
            <a href="javascript:void(0)" class="text-sm font-medium text-slate-700 hover:text-slate-900 dark:text-slate-200 dark:hover:text-white">
                Lihat semua →
            </a>
        </div>

        <div class="mt-6 grid gap-4 lg:grid-cols-12">
            
            <article class="lg:col-span-7 rounded-2xl border border-slate-200/80 bg-white shadow-sm overflow-hidden
                            dark:border-white/10 dark:bg-white/5">
                <?php
                    // ambil cover dari kolom cover_url atau media pertama (kalau ada)
                    $highlightCover = null;
                    if (!empty($highlight)) {
                        $highlightCover = $highlight->cover_url
                            ?? optional($highlight->media->first())->url
                            ?? optional($highlight->media->first())->path
                            ?? null;
                    }
                ?>

                <?php if($highlightCover): ?>
                    <div class="relative">
                        <img
                            src="<?php echo e($highlightCover); ?>"
                            alt="<?php echo e($highlight->title ?? 'Highlight'); ?>"
                            class="h-56 w-full object-cover"
                            loading="lazy"
                        >
                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
                        <div class="absolute left-4 bottom-4 right-4">
                            <div class="inline-flex items-center gap-2 rounded-full bg-white/90 px-3 py-1 text-xs font-medium text-slate-900">
                                Highlight
                            </div>
                        </div>
                    </div>
                <?php endif; ?>

                <div class="p-6">
                    <?php if(!empty($highlight)): ?>
                        <div class="flex flex-wrap items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
                            <span class="inline-flex items-center rounded-full bg-rose-500/10 text-rose-600 px-2 py-1 font-medium dark:text-rose-300">
                                <?php echo e($highlight->category ?? 'General'); ?>

                            </span>

                            <?php if(!empty($highlight->type)): ?>
                                <span class="inline-flex items-center rounded-full bg-slate-900/5 px-2 py-1 font-medium text-slate-700 dark:bg-white/10 dark:text-slate-200">
                                    <?php echo e($highlight->type); ?>

                                </span>
                            <?php endif; ?>

                            <span>•</span>
                            <span>
                                <?php echo e(optional($highlight->start_at)->format('d M Y, H:i') ?? now()->format('d M Y')); ?>

                                <?php if(!empty($highlight->end_at)): ?> – <?php echo e($highlight->end_at->format('H:i')); ?> <?php endif; ?>
                            </span>

                            <?php if(!empty($highlight->location_name) || !empty($highlight->location)): ?>
                                <span>•</span>
                                <span><?php echo e($highlight->location_name ?? $highlight->location); ?></span>
                            <?php endif; ?>
                        </div>

                        <h3 class="mt-3 text-xl lg:text-2xl font-semibold tracking-tight">
                            <?php echo e($highlight->title); ?>

                        </h3>

                        <p class="mt-2 text-sm text-slate-600 dark:text-slate-300">
                            <?php echo e(\Illuminate\Support\Str::limit($highlight->excerpt ?? strip_tags($highlight->description ?? ''), 160)); ?>

                        </p>

                        <div class="mt-5 flex flex-wrap gap-2">
                            <?php
                                $tags = [];
                                if (!empty($highlight->tags)) {
                                    // tags bisa string "a,b,c" atau json, kita coba normalize sederhana
                                    if (is_string($highlight->tags)) {
                                        $tags = array_values(array_filter(array_map('trim', preg_split('/[,;]/', $highlight->tags))));
                                    } elseif (is_array($highlight->tags)) {
                                        $tags = $highlight->tags;
                                    }
                                }
                                $tags = array_slice($tags, 0, 4);
                            ?>

                            <?php if(count($tags)): ?>
                                <?php $__currentLoopData = $tags; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $t): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <span class="rounded-full border border-slate-200 px-3 py-1 text-xs text-slate-600 dark:border-white/10 dark:text-slate-300">
                                        <?php echo e($t); ?>

                                    </span>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php else: ?>
                                <span class="rounded-full border border-slate-200 px-3 py-1 text-xs text-slate-600 dark:border-white/10 dark:text-slate-300">Kegiatan</span>
                                <span class="rounded-full border border-slate-200 px-3 py-1 text-xs text-slate-600 dark:border-white/10 dark:text-slate-300">Karier</span>
                            <?php endif; ?>
                        </div>

                        <div class="mt-6 flex flex-col sm:flex-row gap-3">
                            
                            <a href="<?php echo e(route('public.kegiatan.show', $highlight->slug)); ?>"
                               class="inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-medium
                                      bg-slate-900 text-white hover:bg-slate-800 transition
                                      dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200">
                                Lihat detail →
                            </a>

                            <?php if(!empty($highlight->registration_url)): ?>
                                <a href="<?php echo e($highlight->registration_url); ?>" target="_blank" rel="noopener"
                                   class="inline-flex items-center justify-center rounded-xl px-5 py-3 text-sm font-medium
                                          border border-slate-200 hover:border-slate-300 hover:bg-slate-50 transition
                                          dark:border-white/10 dark:hover:bg-white/5">
                                    Daftar →
                                </a>
                            <?php endif; ?>
                        </div>
                    <?php else: ?>
                        
                        <div class="flex items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
                            <span class="inline-flex items-center rounded-full bg-rose-500/10 text-rose-600 px-2 py-1 font-medium dark:text-rose-300">Info</span>
                            <span>•</span>
                            <span><?php echo e(now()->format('d M Y')); ?></span>
                        </div>
                        <h3 class="mt-3 text-xl lg:text-2xl font-semibold tracking-tight">
                            Belum ada kegiatan highlight
                        </h3>
                        <p class="mt-2 text-sm text-slate-600 dark:text-slate-300">
                            Nanti kalau sudah ada kegiatan <span class="font-medium">published</span> dan <span class="font-medium">public</span>, highlight otomatis tampil di sini.
                        </p>
                    <?php endif; ?>
                </div>

                <div class="h-1 w-full bg-gradient-to-r from-rose-500 via-indigo-600 to-emerald-500"></div>
            </article>

            
            <div class="lg:col-span-5 grid gap-4">
                <?php
                    $latestItems = collect($latest ?? []);
                    if (!empty($highlight)) {
                        $latestItems = $latestItems->reject(fn($x) => $x && $x->id === $highlight->id);
                    }
                    $latestItems = $latestItems->take(3);
                ?>

                <?php if($latestItems->count()): ?>
                    <?php $__currentLoopData = $latestItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $k): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <article class="rounded-2xl border border-slate-200/80 bg-white p-5 shadow-sm hover:bg-slate-50 transition
                                        dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10">
                            <div class="flex items-center justify-between">
                                <span class="inline-flex items-center rounded-full bg-slate-900/5 px-2 py-1 text-xs font-medium text-slate-700 dark:bg-white/10 dark:text-slate-200">
                                    <?php echo e($k->category ?? 'General'); ?>

                                </span>
                                <span class="text-xs text-slate-500 dark:text-slate-400">
                                    <?php echo e(optional($k->start_at)->format('d M Y') ?? now()->format('d M Y')); ?>

                                </span>
                            </div>

                            <h3 class="mt-3 text-base font-semibold tracking-tight">
                                <?php echo e($k->title); ?>

                            </h3>

                            <p class="mt-2 text-sm text-slate-600 dark:text-slate-300">
                                <?php echo e(\Illuminate\Support\Str::limit($k->excerpt ?? strip_tags($k->description ?? ''), 100)); ?>

                            </p>

                            <div class="mt-4 flex items-center justify-between">
                                <a href="<?php echo e(route('public.kegiatan.show', $k->slug)); ?>"
                                   class="text-sm font-medium text-rose-600 hover:text-rose-700 dark:text-rose-300 dark:hover:text-rose-200">
                                    Lihat →
                                </a>

                                <?php if(!empty($k->price_type)): ?>
                                    <span class="text-xs text-slate-500 dark:text-slate-400">
                                        <?php if($k->price_type === 'free'): ?>
                                            Gratis
                                        <?php elseif(!empty($k->price_amount)): ?>
                                            Rp <?php echo e(number_format((int) $k->price_amount, 0, ',', '.')); ?>

                                        <?php else: ?>
                                            Berbayar
                                        <?php endif; ?>
                                    </span>
                                <?php endif; ?>
                            </div>
                        </article>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php else: ?>

<!----data yang abis diubah, awal---->

            <?php
            // Daftar kategori utama
            $small = [
                ['Pembinaan', 'Kegiatan dan pembinaan anak binaan di LPKA', '5 menit baca'],
                ['Perikanan', 'Membudidaya ikan yang ada di LPKA', '4 menit baca'],
                ['Pertanian', 'Bercocok tanam dan merawat tumbuhan di LPKA', '4 menit baca'],
                ['Seni', 'Kegiatan seni: musik, gambar, dan kreativitas', '3 menit baca'],
                ['Olahraga', 'Kegiatan fisik untuk kesehatan dan kebugaran', '3 menit baca'],
            ];
            ?>

            <div class="small-container" style="display:flex; flex-wrap: wrap; gap:8px;">
                <?php $__currentLoopData = $small; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        // Pastikan index selalu ada
                        $title = $item[0] ?? 'Judul Kosong';
                        $desc = $item[1] ?? 'Deskripsi Kosong';
                        $time = $item[2] ?? '-';
                    ?>
                    <div class="small-card" style="background:#06213c; color:white; padding:6px 10px; border-radius:4px; min-width:130px; flex:1; font-size:13px;">
                        <h4 style="margin:0 0 2px 0; font-size:14px; color:#74c0fc;"><?php echo e($title); ?></h4>
                        <p style="margin:0; font-size:12px;"><?php echo e($desc); ?></p>
                        <span style="font-size:11px; color:#ccc;"><?php echo e($time); ?></span>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>            


                    <?php $__currentLoopData = $small; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <article class="rounded-2xl border border-slate-200/80 bg-white p-5 shadow-sm hover:bg-slate-50 transition
                                        dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10">
                            <div class="flex items-center justify-between">
                                <span class="inline-flex items-center rounded-full bg-slate-900/5 px-2 py-1 text-xs font-medium text-slate-700 dark:bg-white/10 dark:text-slate-200"><?php echo e($s[0]); ?></span>
                                <span class="text-xs text-slate-500 dark:text-slate-400"><?php echo e($s[2]); ?></span>
                            </div>
                            <h3 class="mt-3 text-base font-semibold tracking-tight"><?php echo e($s[1]); ?></h3>
                            <p class="mt-2 text-sm text-slate-600 dark:text-slate-300">Ringkas + template siap pakai biar kamu bisa langsung action.</p>
                            <div class="mt-4">
                                <a href="javascript:void(0)" class="text-sm font-medium text-rose-600 hover:text-rose-700 dark:text-rose-300 dark:hover:text-rose-200">Baca →</a>
                            </div>
                        </article>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>
        </div>
    </section>


<section class="pt-12">
    <div class="grid gap-6 lg:grid-cols-12">
        <div class="lg:col-span-8">
            <div class="flex items-center justify-between">
                <h2 class="text-xl lg:text-2xl font-semibold tracking-tight">Terbaru</h2>
                <a href="javascript:void(0)" class="text-sm font-medium text-slate-700 hover:text-slate-900 dark:text-slate-200 dark:hover:text-white">
                    Lihat semua →
                </a>
            </div>

            <div class="mt-4 space-y-4">
                <?php
                    $latestList = collect($latest ?? [])->take(6);
                ?>

                <?php if($latestList->count()): ?>
                    <?php $__currentLoopData = $latestList; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $l): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <article class="group rounded-2xl border border-slate-200/80 bg-white p-5 shadow-sm hover:bg-slate-50 transition dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10">
                            <div class="flex flex-wrap items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
                                <span class="inline-flex items-center rounded-full bg-indigo-600/10 text-indigo-700 px-2 py-1 font-medium dark:text-indigo-200">
                                    <?php echo e($l->category ?? 'General'); ?>

                                </span>
                                <?php if(!empty($l->type)): ?>
                                    <span class="inline-flex items-center rounded-full bg-slate-900/5 px-2 py-1 font-medium text-slate-700 dark:bg-white/10 dark:text-slate-200">
                                        <?php echo e($l->type); ?>

                                    </span>
                                <?php endif; ?>
                                <span>•</span>
                                <span><?php echo e(optional($l->start_at)->format('d M Y, H:i') ?? now()->format('d M Y')); ?></span>
                                <?php if(!empty($l->location_name) || !empty($l->location)): ?>
                                    <span>•</span>
                                    <span><?php echo e($l->location_name ?? $l->location); ?></span>
                                <?php endif; ?>
                            </div>

                            <h3 class="mt-3 text-base lg:text-lg font-semibold tracking-tight group-hover:text-slate-900 dark:group-hover:text-white">
                                <?php echo e($l->title); ?>

                            </h3>

                            <p class="mt-2 text-sm text-slate-600 dark:text-slate-300">
                                <?php echo e(\Illuminate\Support\Str::limit($l->excerpt ?? strip_tags($l->description ?? ''), 120)); ?>

                            </p>

                            <div class="mt-4 flex items-center justify-between">
                                <a href="<?php echo e(route('public.kegiatan.show', $l->slug)); ?>"
                                   class="text-sm font-medium text-rose-600 hover:text-rose-700 dark:text-rose-300 dark:hover:text-rose-200">
                                    Lihat detail →
                                </a>

                                <span class="text-xs text-slate-500 dark:text-slate-400">
                                    <?php if($l->price_type === 'free'): ?>
                                        Gratis
                                    <?php elseif(!empty($l->price_amount)): ?>
                                        Rp <?php echo e(number_format((int) $l->price_amount, 0, ',', '.')); ?>

                                    <?php else: ?>
                                        <?php echo e($l->price_type ? ucfirst($l->price_type) : '—'); ?>

                                    <?php endif; ?>
                                </span>
                            </div>
                        </article>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>            

                    <!----data akkhir yang harus di ubah---->

            
            <aside class="lg:col-span-4">
                <div class="mt-4 rounded-2xl border border-slate-200/80 bg-gradient-to-br from-rose-500 to-indigo-600 p-5 text-white shadow-sm">
                    <div class="text-sm font-semibold">Biar gak ketinggalan</div>
                    <p class="mt-1 text-sm/relaxed text-white/90">
                        Kegiatan kita update terus. Login untuk akses fitur lengkap & daftar cepat.
                    </p>
                    <a href="<?php echo e(Route::has('login') ? route('login') : 'javascript:void(0)'); ?>"
                       class="mt-4 inline-flex items-center justify-center rounded-xl bg-white/95 px-4 py-2 text-sm font-medium text-slate-900 hover:bg-white transition">
                        Login →
                    </a>
                </div>
            </aside>
        </div>
    </section>
</main>


<footer class="border-t border-slate-200/70 dark:border-white/10">
    <div class="mx-auto max-w-6xl px-4 py-10">
        <div class="flex flex-col lg:flex-row justify-between gap-6">
            <div>
                <a href="<?php echo e(url('/')); ?>" class="flex items-center gap-2">
        <div class="h-9 w-9 rounded-xl shadow-sm"
            style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/cover;">
        </div>
                <div class="text-base font-semibold">LPKA Kelas II Jakarta</div>
                </a>
                <p class="mt-2 text-sm text-slate-600 dark:text-slate-300 max-w-md">
                    Portal berita kegiatan di LPKA Kelas II Jakarta.
                </p>
                <p class="mt-4 text-xs text-slate-500 dark:text-slate-400">
                    © <?php echo e(now()->year); ?> LPKA Kelas II Jakarta. All rights reserved.
                </p>
            </div>

            <div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-6 text-sm">    
            <div>
                    <div class="font-semibold">Explore</div>
                    <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                        <?php if(!empty($categories) && $categories->count()): ?>
                            <?php $__currentLoopData = $categories->take(3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <li>
                                    <a class="hover:underline underline-offset-4" href="javascript:void(0)"><?php echo e($cat); ?></a>
                                </li>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php else: ?>
                            <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">kegiatan</a></li>
                            <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">aktivitas</a></li>
                            <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">pertanian</a></li>
                        <?php endif; ?>
                    </ul>
                </div>
                <div>
                    <div class="font-semibold">Company</div>
                    <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(route('tentang')); ?>">Tentang</a></li>
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(route('kontak')); ?>">Kontak</a></li>
                        <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Kebijakan</a></li>
                    </ul>
                </div>
                <div>
                    <div class="font-semibold">Account</div>
                    <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('login') ? route('login') : 'javascript:void(0)'); ?>">Login</a></li>
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('register') ? route('register') : 'javascript:void(0)'); ?>">Register</a></li>
                        <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Help</a></li>
                    </ul>
                </div>
                <div>
                <div class="font-semibold">Data Binaan</div>
                    <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('anak_binaan.index') ? route('anak_binaan.index') : 'javascript:void(0)'); ?>">Profil Anak Binaan</a></li>
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('jadwal.kegiatan') ? route('jadwal.kegiatan') : 'javascript:void(0)'); ?>">Jadwal Kegiatan</a></li>
                        <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('laporan.index') ? route('laporan.index') : 'javascript:void(0)'); ?>">Laporan Anak Binaan</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</footer>

</body>
</html>
<?php /**PATH /home/lpkaberk/public_html/resources/views/welcome.blade.php ENDPATH**/ ?>