{{-- Details Template 1 - Event Information --}}
<div class="about1-section-area sp1">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="about-auhtor-box" data-aos="fade-left" data-aos-duration="800">
                    <div class="icons">
                        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                            <line x1="16" y1="2" x2="16" y2="6"></line>
                            <line x1="8" y1="2" x2="8" y2="6"></line>
                            <line x1="3" y1="10" x2="21" y2="10"></line>
                        </svg>
                    </div>
                    <div class="text">
                        <a href="#">{{ __('Date') }}</a>
                        <div class="space12"></div>
                        <p>
                            @if($event->start_date)
                                {{ $event->start_date->format('d/m/Y') }}
                            @else
                                {{ __('À confirmer') }}
                            @endif
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4 col-md-6">
                <div class="about-auhtor-box" data-aos="fade-left" data-aos-duration="900">
                    <div class="icons">
                        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 6 12 12 16 14"></polyline>
                        </svg>
                    </div>
                    <div class="text">
                        <a href="#">{{ __('Heure') }}</a>
                        <div class="space12"></div>
                        <p>
                            @if($event->start_date)
                                {{ $event->start_date->format('H:i') }}
                            @else
                                {{ __('À confirmer') }}
                            @endif
                        </p>
                    </div>
                </div>
            </div>
            
            @if ($event->location)
            <div class="col-lg-4 col-md-6">
                <div class="about-auhtor-box" data-aos="fade-left" data-aos-duration="1000">
                    <div class="icons">
                        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 1 1 18 0Z"></path>
                            <circle cx="12" cy="10" r="3"></circle>
                        </svg>
                    </div>
                    <div class="text">
                        <a href="#">{{ __('Lieu') }}</a>
                        <div class="space12"></div>
                        <p>{{ $event->location }}</p>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>