{{-- Destinasyon mozaiği — ets.png birebir referans: masonry tam görsel kartlar --}}
@php
    $destinations = $section['resolved']['destinations'] ?? collect();
    $data = $section['data'] ?? [];
@endphp
@if($destinations->isNotEmpty())
<section class="v-section v-section--canvas">
    <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'] ?? 'Popüler Bölgeler' }}</h2>
        </header>
        <div class="v-mosaic">
            @foreach($destinations as $index => $destination)
                @php
                    $url = $preview ? '#' : route('customer.agency.tours.list', [
                        'agency' => $agency->slug,
                        'type' => $destination->type_slug,
                        'q' => $destination->name,
                    ]);
                @endphp
                <a href="{{ $url }}" class="v-mosaic__card{{ $index === 0 ? ' v-mosaic__card--tall' : '' }}">
                    @if($destination->image)
                        <img src="{{ $destination->image }}" alt="{{ $destination->name }}" loading="lazy">
                    @else
                        <span class="v-mosaic__fallback"><x-voyage.icon name="pin" /></span>
                    @endif
                    <span class="v-mosaic__scrim"></span>
                    <span class="v-mosaic__label">
                        <strong>{{ $destination->name }}</strong>
                        <small>{{ $destination->count }} Tur</small>
                    </span>
                </a>
            @endforeach
        </div>
    </div>
</section>
@endif