@php
    use App\Models\Menu;

    $mobileMenu = Menu::where('location', 'mobile')
        ->where('is_active', true)
        ->latest('id')
        ->first();

    if (!$mobileMenu) {
        $mobileMenu = Menu::where('location', 'header')
            ->where('is_active', true)
            ->latest('id')
            ->first();
    }

    $mobileMenuItems = collect();
    if ($mobileMenu) {
        $mobileMenuItems = $mobileMenu->items()->whereNull('parent_id')->orderBy('sort_order')->get();
    }

    $resolveMenuUrl = function ($item) {
        try {
            return $item->url ?: '#';
        } catch (\Throwable $e) {
            return '#';
        }
    };
@endphp

<nav class="mobile-nav">
    <div class="mobile-nav-header">
        <a href="{{ route('home') }}" class="mobile-logo">{{ config('app.name') }}</a>
        <button class="mobile-close-btn">&times;</button>
    </div>
    <div class="mobile-nav-menu">
        @if($mobileMenuItems->isNotEmpty())
            @foreach($mobileMenuItems as $item)
                @php
                    $itemUrl = $resolveMenuUrl($item);
                    $isExternal = str_starts_with($itemUrl, 'http://') || str_starts_with($itemUrl, 'https://');
                @endphp
                <a href="{{ $itemUrl }}" class="mobile-nav-link" @if($isExternal) target="_blank" rel="noopener noreferrer" @endif>
                    {{ $item->title }}
                </a>
            @endforeach
        @elseif(isset($categories) && $categories)
            @foreach($categories as $category)
            <a href="{{ route('category.show', $category->slug) }}" class="mobile-nav-link">{{ $category->name_bn }}</a>
            @endforeach
        @else
            <a href="{{ route('home') }}" class="mobile-nav-link">হোম</a>
        @endif

        @guest
            <a href="{{ route('frontend.login.form') }}" class="mobile-nav-link">লগইন</a>
            <a href="{{ route('frontend.register.form') }}" class="mobile-nav-link">নিবন্ধন</a>
            <a href="{{ route('admin.login.form') }}" class="mobile-nav-link">অ্যাডমিন লগইন</a>
        @endguest
    </div>
</nav>