@php
    $pkServices = App\Models\Service::whereHas('category', fn($q) => $q->where('slug','pakistan'))
        ->where('is_active',true)
        ->orderBy('sort_order')
        ->get();
    $intlServices = App\Models\Service::whereHas('category', fn($q) => $q->where('slug','international'))
        ->where('is_active',true)
        ->orderBy('sort_order')
        ->get();
    $siteName = App\Models\SiteSetting::getValue('site_name', 'Texora');
@endphp

<nav id="navbar" class="tx-site-nav" x-data="{ open: false }" aria-label="Primary navigation">
    <div class="tx-site-nav__shell">
        <a href="{{ route('home') }}" class="tx-site-nav__brand">
            @if($logo = App\Models\SiteSetting::getValue('site_logo'))
                <img src="{{ asset('storage/' . $logo) }}" alt="{{ $siteName }}">
            @else
                <span>{{ $siteName }}</span>
            @endif
        </a>

        <div class="tx-site-nav__links">
            <a href="{{ route('services.index') }}">Services</a>

            <div class="tx-site-nav__dropdown">
                <button type="button">Pakistan <span>⌄</span></button>
                <div class="tx-site-nav__menu">
                    @forelse($pkServices as $svc)
                        <a href="{{ route('services.show', $svc->slug) }}">
                            <strong>{{ $svc->name }}</strong>
                            <small>{{ $svc->short_description ? Illuminate\Support\Str::limit($svc->short_description, 56) : ($svc->badge ?: 'Pakistan compliance service') }}</small>
                        </a>
                    @empty
                        <a href="{{ route('services.index') }}">
                            <strong>Pakistan Services</strong>
                            <small>Browse NTN, tax, SECP, and compliance services.</small>
                        </a>
                    @endforelse
                </div>
            </div>

            <div class="tx-site-nav__dropdown">
                <button type="button">International <span>⌄</span></button>
                <div class="tx-site-nav__menu">
                    @forelse($intlServices as $svc)
                        <a href="{{ route('services.show', $svc->slug) }}">
                            <strong>{{ $svc->name }}</strong>
                            <small>{{ $svc->short_description ? Illuminate\Support\Str::limit($svc->short_description, 56) : 'Global business setup service' }}</small>
                        </a>
                    @empty
                        <a href="{{ route('services.index') }}">
                            <strong>International Services</strong>
                            <small>Browse USA LLC, UK LTD, and global setup services.</small>
                        </a>
                    @endforelse
                </div>
            </div>

            <a href="{{ route('consultation') }}">Consultation</a>
            <a href="{{ route('contact') }}">Contact</a>
            <a href="{{ route('about') }}">About</a>
        </div>

        <div class="tx-site-nav__actions">
            <a href="{{ route('login') }}">Login</a>
            <a href="{{ route('register') }}" class="tx-site-nav__pill">Sign Up</a>
        </div>

        <button type="button" class="tx-site-nav__toggle" @click="open = !open" :aria-expanded="open.toString()" aria-label="Open menu">
            <span></span>
            <span></span>
        </button>
    </div>

    <div class="tx-site-nav__mobile" x-show="open" x-transition>
        <a href="{{ route('services.index') }}">Services</a>
        <p>Pakistan</p>
        @foreach($pkServices as $svc)
            <a href="{{ route('services.show', $svc->slug) }}">{{ $svc->name }}</a>
        @endforeach
        <p>International</p>
        @foreach($intlServices as $svc)
            <a href="{{ route('services.show', $svc->slug) }}">{{ $svc->name }}</a>
        @endforeach
        <a href="{{ route('consultation') }}">Consultation</a>
        <a href="{{ route('contact') }}">Contact</a>
        <a href="{{ route('about') }}">About</a>
        <a href="{{ route('login') }}">Login</a>
        <a href="{{ route('register') }}">Sign Up</a>
    </div>
</nav>