{{--
    Browse section-switcher pills.

    Expected variable: $section (string) — one of: artworks, photography, wallpapers, skins, other
--}}

@php
    $active = $section ?? 'artworks';
    $includeTags = (bool) ($includeTags ?? false);

    $sections = collect([
        'artworks' => ['label' => 'All Artworks', 'icon' => 'fa-border-all', 'href' => '/browse'],
        'photography' => ['label' => 'Photography', 'icon' => 'fa-camera', 'href' => '/photography'],
        'wallpapers' => ['label' => 'Wallpapers', 'icon' => 'fa-desktop', 'href' => '/wallpapers'],
        'skins' => ['label' => 'Skins', 'icon' => 'fa-layer-group', 'href' => '/skins'],
        'other' => ['label' => 'Other', 'icon' => 'fa-folder-open', 'href' => '/other'],
    ]);

    if ($includeTags) {
        $sections->put('tags', ['label' => 'Tags', 'icon' => 'fa-tags', 'href' => '/tags']);
    }
@endphp

<nav class="flex flex-wrap items-center gap-2 text-sm" aria-label="Browse sections">
    @foreach($sections as $slug => $meta)
        <a href="{{ $meta['href'] }}"
           @if($active === $slug) aria-current="page" @endif
           class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors
                  {{ $active === $slug
                        ? 'bg-sky-600 text-white'
                        : 'bg-white/[0.05] text-white/60 hover:bg-white/[0.1] hover:text-white' }}">
            <i class="fa-solid {{ $meta['icon'] }} text-xs"></i>
            {{ $meta['label'] }}
        </a>
    @endforeach
</nav>