{{-- Schedule Template 1 - Event Schedule --}}
@if ($event->scheduleItems->count() > 0)
<div class="event1-section-area sp1">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 m-auto">
                <div class="event-header heading2 space-margin60 text-center">
                    <h5 data-aos="fade-left" data-aos-duration="800">{{ __('Programme de l\'événement') }}</h5>
                    <div class="space16"></div>
                    <h2 class="text-anime-style-3">{{ __('Consultez le calendrier des activités') }}</h2>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                @php
                    $days = $event->scheduleItems->filter(function($item) {
                        return $item->date !== null;
                    })->groupBy(function($item) {
                        return $item->date ? $item->date->format('Y-m-d') : 'no-date';
                    });
                    $dayNames = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'];
                @endphp
                
                @if($days->count() > 0)
                <div data-aos="fade-up" data-aos-duration="900">
                    <ul class="nav nav-pills space-margin60" id="pills-tab" role="tablist">
                        @foreach($days as $date => $items)
                        @php
                            $firstItem = $items->first();
                            $dayNumber = $loop->iteration;
                            $dayDate = $firstItem->date;
                        @endphp
                        @if($dayDate)
                        <li class="nav-item" role="presentation">
                            <button class="nav-link {{ $loop->first ? 'active' : '' }}" 
                                    id="pills-day-{{ $dayNumber }}-tab" 
                                    data-bs-toggle="pill" 
                                    data-bs-target="#pills-day-{{ $dayNumber }}" 
                                    type="button" 
                                    role="tab" 
                                    aria-controls="pills-day-{{ $dayNumber }}" 
                                    aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                                <span class="day">{{ __('Jour') }} {{ $dayNumber }}</span>
                                <span class="vl-flex">
                                    <span class="cal">{{ $dayDate->format('d') }}</span>
                                    <span class="date">{{ strtoupper($dayDate->format('M')) }}<br />{{ $dayDate->format('Y') }}</span>
                                </span>
                            </button>
                        </li>
                        @endif
                        @endforeach
                    </ul>
                </div>
                
                <div class="tab-content" id="pills-tabContent">
                    @foreach($days as $date => $items)
                    @php
                        $dayNumber = $loop->iteration;
                    @endphp
                    <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}" 
                         id="pills-day-{{ $dayNumber }}" 
                         role="tabpanel" 
                         aria-labelledby="pills-day-{{ $dayNumber }}-tab" 
                         tabindex="0">
                        
                        @foreach($items as $scheduleItem)
                        <div class="tabs-widget-boxarea" data-aos="fade-up" data-aos-duration="{{ 800 + ($loop->index * 100) }}">
                            <div class="row align-items-center">
                                <div class="col-lg-4">
                                    <div class="img1">
                                        @if($scheduleItem->image)
                                            <img src="{{ asset('storage/' . $scheduleItem->image) }}" alt="{{ $scheduleItem->title }}" />
                                        @else
                                            <img src="{{ asset('assets/img/all-images/event/event-img1.png') }}" alt="{{ $scheduleItem->title }}" />
                                                @endif
                                            </div>
                                        </div>
                                <div class="col-lg-8">
                                    <div class="content-area">
                                        <ul>
                                            @if($scheduleItem->start_time && $scheduleItem->end_time)
                                            <li>
                                                <a href="#"><img src="{{ asset('assets/img/icons/clock1.svg') }}" alt="" /> {{ $scheduleItem->start_time }} - {{ $scheduleItem->end_time }}</a>
                                            </li>
                                            @endif
                                            @if($scheduleItem->location)
                                            <li>
                                                <a href="#"><img src="{{ asset('assets/img/icons/location1.svg') }}" alt="" /> {{ $scheduleItem->location }}</a>
                                            </li>
                                            @endif
                                        </ul>
                                        <div class="space20"></div>
                                        <a href="#" class="head">{{ $scheduleItem->title }}</a>
                                        <div class="space16"></div>
                                        <p>{{ $scheduleItem->description }}</p>
                                        @if($scheduleItem->speaker)
                                        <div class="space16"></div>
                                        <p><strong>{{ __('Intervenant') }}:</strong> {{ $scheduleItem->speaker->name }}</p>
                                        @endif
                                        @if($scheduleItem->cta_text && $scheduleItem->cta_url)
                                        <div class="space32"></div>
                                        <div class="btn-area1">
                                            <a href="{{ $scheduleItem->cta_url }}" class="vl-btn1">{{ $scheduleItem->cta_text }}</a>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if(!$loop->last)
                        <div class="space30"></div>
                        @endif
                        @endforeach
                    </div>
                @endforeach
            </div>
        @else
                <!-- Fallback si pas de dates -->
                <div class="text-center py-5">
                    <h4>{{ __('Programme en cours de préparation') }}</h4>
                    <p>{{ __('Le programme détaillé sera bientôt disponible.') }}</p>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endif