@php
    $menusPath = view('docs.menu-data')->getPath();
    $menus = include($menusPath);
    function flatten_menu($menus) {
        $flat = [];
        foreach ($menus as $menu) {
            if (isset($menu['children'])) {
                foreach ($menu['children'] as $child) {
                    $flat[] = ['title' => $child['title'], 'url' => $child['url']];
                }
            } else {
                $flat[] = ['title' => $menu['title'], 'url' => $menu['url']];
            }
        }
        return $flat;
    }

    $flatMenus = flatten_menu($menus);
    $currentPath = str_replace(url('/'), '', url()->current());
    $index = collect($flatMenus)->pluck('url')->search($currentPath);

    if ($index !== false && is_int($index)) {
        $prev = $index > 0 ? $flatMenus[$index - 1] : null;
        $next = $index < count($flatMenus) - 1 ? $flatMenus[$index + 1] : null;
    } else {
        $prev = null;
        $next = null;
    }
@endphp

<x-docs-layout>
    <div class="max-w-full mx-auto bg-white p-6 shadow rounded-lg markdown-body prose prose-blue">
        <div class="prose prose-blue max-w-4xl">
            {!! $content !!}
        </div>
    </div>

    <div class="mt-12 flex justify-between text-sm">
        @if ($prev)
            <a href="{{ $prev['url'] }}"
            class="inline-block bg-gray-200 text-gray-700 font-medium px-5 py-2 rounded hover:bg-gray-300 transition">
                ← Sebelumnya: {{ $prev['title'] }}
            </a>
        @else
            <div></div> {{-- Placeholder agar jarak seimbang --}}
        @endif

        @if ($next)
            <a href="{{ $next['url'] }}"
            class="inline-block bg-blue-600 text-white font-medium px-5 py-2 rounded hover:bg-blue-700 transition">
                Selanjutnya: {{ $next['title'] }} →
            </a>
        @endif
    </div>
</x-docs-layout>