{{-- Logo & Navigation Start --}}
<div class="flex flex-col items-center px-4 pt-2 pb-2 lg:flex-row">
    <div class="flex justify-center lg:block lg:pr-8">
        <img class="lg:h-[40px] w-[80%]  lg:w-auto mb-2 lg:mb-0"
            src="{{ theme()->storage(setting('general.logo')) ?? asset('img/default/logo.png') }}"
            alt="{{ setting('general.app_name') ?? 'Logo' }}" />
    </div>
    <nav class="w-full">
        {{-- Web Navigation Start --}}
        <div id="navigation-web" class="flex-1 hidden gap-4 text-xs lg:flex lg:justify-end">
            <x-navigation-menu label="Home" icon="fas-house" route="home" />
            <x-navigation-menu label="Livedraw" route="livedraw.show" />
            <x-navigation-menu label="Prediksi Togel" route="prediction.show" />
            <x-navigation-menu label="Slot Gacor" :url="setting('external_rtp') ? site(setting('rtp_url')) : route('rtp.default')" balloon="Hot" balloonIcon="fas-fire"
                :blank="setting('external_rtp')" />
            <x-navigation-menu label="Alat Togel" route="tools" :child="[
                [
                    'label' => 'Jadwal Togel',
                    'route' => 'tools.schedule',
                ],
                [
                    'label' => 'BBFS Generator',
                    'route' => 'tools.bbfs',
                ],
                [
                    'label' => 'Buku Mimpi',
                    'route' => 'tools.dreambook',
                ],
                [
                    'label' => 'Paito Togel Warna',
                    'route' => 'tools.paito',
                ],
                [
                    'label' => 'Konversi Toto SGP',
                    'route' => 'tools.sgp',
                ],
            ]" />
            <x-navigation-menu label="Data Result" route="result" balloon="NEW!" />
            <x-navigation-menu label="Bukti Jackpot" route="jp.show" />
            <x-navigation-menu label="Promosi" route="promotion" balloon="Hot" balloonIcon="fas-fire" />
            <x-navigation-menu label="Keluhan" route="report" />
            <x-navigation-menu label="Panduan" route="guide.show" />
            @php
                $menu = [];
                foreach (\App\Models\Menu::all() as $m) {
                    $menu[] = [
                        'label' => $m->label,
                        'url' => $m->url,
                        'icon' => $m->icon ?? null,
                        'balloon' => $m->overlay ?? null,
                        'balloonIcon' => $m->overlay_icon ?? null,
                        'route' => null,
                    ];
                }
            @endphp
            @if (count($menu))
                <x-navigation-menu label="LAINNYA" :child="$menu" alignment="right" />
            @endif
        </div>
        {{-- Web Navigation End --}}
        {{-- Mobile Navigation Start --}}
        <div class="grid justify-center grid-cols-2 gap-3 md:grid-cols-3 lg:hidden">
            <x-mobile-navigation-menu label="home" icon="fas-house" route="home" />
            <x-mobile-navigation-menu label="Livedraw" route="livedraw.show" />
            <x-mobile-navigation-menu label="Prediksi Togel" route="prediction.show" />
            <x-mobile-navigation-menu label="Promosi" route="promotion" />
            <x-mobile-navigation-menu label="Jadwal Togel" route="tools.schedule" />
            <x-mobile-navigation-menu label="Data Result" route="result" />
            <x-mobile-navigation-menu label="Slot Gacor" :url="setting('external_rtp') ? site(setting('rtp_url')) : route('rtp.default')" :blank="setting('external_rtp')" />
            <x-mobile-navigation-menu label="BBFS Generator" route="tools.bbfs" />
            <x-mobile-navigation-menu label="Paito Togel Warna" route="tools.paito" />
            <x-mobile-navigation-menu label="Konversi Toto SGP" route="tools.sgp" />
            <x-mobile-navigation-menu label="Buku Mimpi" route="tools.dreambook" />
            <x-mobile-navigation-menu label="Bukti Jackpot" route="jp.show" />
            <x-mobile-navigation-menu label="Keluhan" route="report" />
            <x-mobile-navigation-menu label="Panduan" route="guide.show" />
            @foreach (\App\Models\Menu::all() as $m)
                <x-mobile-navigation-menu :label="$m->label" :url="$m->url" :icon="$m->icon ?? null" />
            @endforeach
        </div>
        {{-- Mobile Navigation End --}}
    </nav>
</div>
{{-- Logo & Navigation End --}}