@php

// Switched off in Admin -> Pages: the band does not draw, on any layout that includes it.
if (!section_on('sort-by-foodtype')) { return; }

/**
 * "Browse by food type" strip — REAL typed tags (dish_type + course) with live counts.
 * Renders the fun 3D icon (Microsoft Fluent Emoji 3D, MIT-licensed) when
 * assets/client/icons3d/<slug>.png exists, else falls back to the tag's FontAwesome glyph.
 * Store types, diet/protein and cuisines live in their own sections, so the sets never overlap.
 */
$catTags = (new \App\Models\Tag())->withCounts();
$catTags = $catTags
    ->filter(static fn ($t): bool => (int) ($t['restaurant_count'] ?? 0) > 0
        && in_array($t['group'] ?? '', ['dish_type', 'course'], true))
    ->values()->all();
if (empty($catTags)) { return; }
$totalRest = \App\Models\Restaurant::query()->where('status', 'approved')->count();
// Scan the 3D icon folder once: slug => has a .png icon.
$icon3dDir = public_path() . '/assets/client/icons3d/';
$has3d = [];
foreach (glob($icon3dDir . '*.png') ?: [] as $p) { $has3d[basename($p, '.png')] = true; }
// Placement: '' = normal flow; 'overlap' = float over the hero's lower edge (cuisine page);
// 'overlap-lg' = a deeper pull-up onto the taller restaurant-spotlight hero.
$variant  = $variant ?? '';
$stripMod = '';
if ($variant === 'overlap')        { $stripMod = ' svg-foodtype-strip--overlap'; }
elseif ($variant === 'overlap-lg') { $stripMod = ' svg-foodtype-strip--overlap svg-foodtype-strip--overlap-lg'; }
@endphp
<section class="svg-foodtype-strip{{ $stripMod }}">
    <div class="container-fluid">
        <div class="svg-foodtype-shell">
            <div class="svg-foodtype-head">
                <p class="svg-foodtype-head-title">{{ t_raw('home.foodtype.title') }}</p>
                <span>{{ t_raw('home.foodtype.eyebrow') }}</span>
            </div>
            <div class="svg-foodtype-carousel">
                <button type="button" class="svg-foodtype-nav svg-foodtype-nav-prev" aria-label="{{ t_raw('home.foodtype.scroll_left_aria') }}"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
                <div class="svg-foodtype-track" role="group" aria-label="{{ t_raw('home.foodtype.filters_aria') }}">
                    @foreach ($catTags as $t)
                    <a href="{!! url('/restaurants?tag=' . e($t['slug'])) !!}" class="svg-foodtype-item" title="{{ $t['name'] }}">
                        <span class="svg-foodtype-count">{{ (int) $t['restaurant_count'] }}</span>
                        @if (!empty($has3d[$t['slug']]))
                        <img src="{{ asset('assets/client/icons3d/' . $t['slug'] . '.png') }}" class="svg-cat-3d" alt="" loading="lazy" width="44" height="44">
                        @else
                        {!! icon_html($t['icon'] ?? '', 'fa-utensils', 'svg-cat-3d') !!}
                        @endif
                        <span class="svg-foodtype-title">{{ $t['name'] }}</span>
                    </a>
                    @endforeach
                    <a href="{{ pc_link('home.foodtype.explore_all_url') }}" class="svg-foodtype-item svg-foodtype-item-fill svg-foodtype-item-wide">
                        <span class="svg-foodtype-count">{{ $totalRest }}</span>
                        <i class="fas fa-utensils" aria-hidden="true"></i>
                        <span class="svg-foodtype-title">{{ t_raw('home.foodtype.explore_all') }}</span>
                    </a>
                </div>
                <button type="button" class="svg-foodtype-nav svg-foodtype-nav-next" aria-label="{{ t_raw('home.foodtype.scroll_right_aria') }}"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
            </div>
        </div>
    </div>
</section>