{{-- Tur temaları — Etstur "Tatil Temaları" deseni: yatay kaydırmalı kategori kartları --}}
@php
    $categories = $section['resolved']['categories'] ?? collect();
    $data = $section['data'] ?? [];
@endphp
@if($categories->isNotEmpty())
<section class="v-section">
    <div class="v-container">
        <header class="v-section__header">
            @if(!empty($data['subtitle']))<span class="v-section__eyebrow">{{ $data['subtitle'] }}</span>@endif
            <h2 class="v-section__title">{{ $data['title'] ?? 'Tur Temaları' }}</h2>
        </header>
        <div class="v-theme-scroller">
            @foreach($categories as $category)
                @php
                    $url = $preview ? '#' : route('customer.agency.tours.index', ['agency' => $agency->slug, 'category_id' => $category->id]);
                @endphp
                <a href="{{ $url }}" class="v-theme-card">
                    @if($category->image)
                        {{-- Hazır (data:/http) adresler olduğu gibi kullanılır; kayıtlı görseller disk yolundan --}}
                        @php $categoryImage = preg_match('#^(data:|https?://)#', $category->image) ? $category->image : asset('storage/' . ltrim($category->image, '/')); @endphp
                        <img src="{{ $categoryImage }}" alt="{{ $category->name }}" loading="lazy">
                    @else
                        <span class="v-theme-card__fallback" @if($category->color_code) style="background: {{ $category->color_code }}" @endif>
                            <x-voyage.icon name="map" />
                        </span>
                    @endif
                    <span class="v-theme-card__label">{{ $category->name }}</span>
                </a>
            @endforeach
        </div>
    </div>
</section>
@endif