{{-- Sections Template 1 - Custom Event Content --}}
@if ($event->sections->count() > 0)
    @foreach($event->sections as $section)
    <div class="about1-section-area sp1" id="section-{{ $section->id }}">
        <div class="container">
            <div class="row align-items-center">
                @if($section->image && $loop->even)
                <div class="col-lg-6">
                    <div class="about-imges">
                        <div class="img1 reveal image-anime">
                            <img src="{{ asset('storage/' . $section->image) }}" alt="{{ $section->title }}" />
                        </div>
                    </div>
                </div>
                @endif
                
                <div class="col-lg-{{ $section->image && $loop->even ? '6' : '12' }}">
                    <div class="about-header-area heading2">
                        @if($section->subtitle)
                        <h5 data-aos="fade-left" data-aos-duration="800">{{ $section->subtitle }}</h5>
                        <div class="space16"></div>
                        @endif
                        
                        <h2 class="text-anime-style-3" data-aos="fade-left" data-aos-duration="900">{{ $section->title }}</h2>
                        <div class="space16"></div>
                        
                        <div data-aos="fade-left" data-aos-duration="1000">
                            {!! $section->content !!}
                        </div>
                        
                        @if($section->cta_text && $section->cta_url)
                        <div class="space32"></div>
                        <div class="btn-area1" data-aos="fade-left" data-aos-duration="1100">
                            <a href="{{ $section->cta_url }}" class="vl-btn1">{{ $section->cta_text }}</a>
                        </div>
                        @endif
                    </div>
                </div>
                
                @if($section->image && $loop->odd)
                <div class="col-lg-6">
                    <div class="about-imges">
                        <div class="img1 reveal image-anime">
                            <img src="{{ asset('storage/' . $section->image) }}" alt="{{ $section->title }}" />
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    @endforeach
@endif