32 lines
1.3 KiB
PHP
32 lines
1.3 KiB
PHP
{{--
|
|
Browse section-switcher pills.
|
|
|
|
Expected variable: $section (string) — one of: artworks, photography, wallpapers, skins, other
|
|
--}}
|
|
|
|
@php
|
|
$active = $section ?? 'artworks';
|
|
|
|
$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'],
|
|
]);
|
|
@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>
|