{{-- Logged-in users get the dashboard shell; visitors the public site chrome. --}}
@extends(auth()->check() ? 'layouts.dashboard' : 'layouts.app')
@section('title', __('Events'))
@section('page_title', __('Events'))

@php
    $typeColors = ['webinar' => 'primary', 'workshop' => 'success', 'seminar' => 'info', 'offline' => 'secondary'];
@endphp

@section('content')
<div class="{{ auth()->check() ? '' : 'container py-5' }}">
    @include('partials.how-it-works', ['key' => 'events.index'])

    <h5 class="mb-3">{{ __('Upcoming Events') }}</h5>

    <div class="row g-3">
        @forelse($events as $event)
            <div class="col-md-6 col-xl-4">
                <div class="card h-100 shadow-sm">
                    @if($event->image)
                        <img src="{{ media_url($event->image) }}" class="card-img-top" alt="{{ $event->title }}" style="height:170px;object-fit:cover;">
                    @else
                        <div class="bg-light d-flex align-items-center justify-content-center" style="height:170px;">
                            <i class="bi bi-calendar-event text-muted" style="font-size:2.5rem;"></i>
                        </div>
                    @endif
                    <div class="card-body d-flex flex-column">
                        <div class="mb-2">
                            <span class="badge bg-{{ $typeColors[$event->event_type] ?? 'secondary' }}">{{ status_label($event->event_type) }}</span>
                            @if($event->price > 0)
                                <span class="badge bg-light text-dark">{{ money($event->price) }}</span>
                            @else
                                <span class="badge bg-success-subtle text-success">{{ __('Free') }}</span>
                            @endif
                        </div>
                        <h6 class="fw-bold">{{ $event->title }}</h6>
                        <p class="text-muted small mb-1"><i class="bi bi-clock"></i> {{ optional($event->start_time)->format('d M Y, h:i A') }}</p>
                        <p class="text-muted small mb-3">
                            @if($event->event_type === 'offline')
                                <i class="bi bi-geo-alt"></i> {{ $event->location ?: __('Location TBA') }}
                            @else
                                <i class="bi bi-camera-video"></i> {{ __('Online') }}
                            @endif
                        </p>
                        <a href="{{ route('events.show', $event) }}" class="btn btn-primary btn-sm w-100 mt-auto">{{ __('View & Register') }}</a>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12"><div class="alert alert-light border text-center">{{ __('No upcoming events at the moment.') }}</div></div>
        @endforelse
    </div>

    <div class="mt-3">{{ $events->links() }}</div>
</div>
@endsection