@extends('site.templates.voyage.layout')

@section('content')
    @forelse($sections as $section)
        @if($editorMode ?? false)
            <div class="v-editable" data-v-section="{{ $section['id'] }}" id="v-section-{{ $section['id'] }}">
                @includeIf('site.templates.voyage.sections.' . $section['section_type'], ['section' => $section])
            </div>
        @else
            @includeIf('site.templates.voyage.sections.' . $section['section_type'], ['section' => $section])
        @endif
    @empty
        <section class="v-section">
            <div class="v-container v-empty-state">
                <x-voyage.icon name="sparkle" />
                <h2>Siteniz hazırlanıyor</h2>
                <p>Henüz içerik eklenmemiş. Panelden bölüm ekleyerek sitenizi oluşturmaya başlayın.</p>
            </div>
        </section>
    @endforelse
@endsection