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

@php
    $typeColors = ['webinar' => 'primary', 'workshop' => 'success', 'seminar' => 'info', 'offline' => 'secondary'];
    $isFull = $event->max_participants > 0 && $event->registrations_count >= $event->max_participants;
@endphp

@section('content')
<div class="{{ auth()->check() ? '' : 'container py-5' }}">
    <div class="row g-4">
        <div class="col-lg-8">
            <div class="card shadow-sm">
                @if($event->image)
                    <img src="{{ media_url($event->image) }}" class="card-img-top" alt="{{ $event->title }}" style="max-height:340px;object-fit:cover;">
                @endif
                <div class="card-body">
                    <div class="mb-2">
                        <span class="badge bg-{{ $typeColors[$event->event_type] ?? 'secondary' }}">{{ status_label($event->event_type) }}</span>
                        <span class="badge bg-{{ ['draft'=>'secondary','published'=>'success','cancelled'=>'danger','completed'=>'dark'][$event->status] ?? 'secondary' }}">{{ status_label($event->status) }}</span>
                    </div>
                    <h4 class="fw-bold">{{ $event->title }}</h4>
                    <div class="text-muted mb-3">{!! nl2br(e($event->description)) !!}</div>
                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="card shadow-sm">
                <div class="card-body">
                    <ul class="list-unstyled mb-3 small">
                        <li class="mb-2"><i class="bi bi-calendar-event text-primary"></i> <strong>{{ __('Starts:') }}</strong> {{ optional($event->start_time)->format('d M Y, h:i A') }}</li>
                        <li class="mb-2"><i class="bi bi-calendar-check text-primary"></i> <strong>{{ __('Ends:') }}</strong> {{ optional($event->end_time)->format('d M Y, h:i A') }}</li>
                        @if($event->event_type === 'offline')
                            <li class="mb-2"><i class="bi bi-geo-alt text-primary"></i> <strong>{{ __('Location:') }}</strong> {{ $event->location ?: __('TBA') }}</li>
                        @else
                            <li class="mb-2"><i class="bi bi-camera-video text-primary"></i> <strong>{{ __('Mode:') }}</strong> {{ __('Online') }}</li>
                        @endif
                        <li class="mb-2"><i class="bi bi-cash text-primary"></i> <strong>{{ __('Price:') }}</strong> {{ $event->price > 0 ? money($event->price) : __('Free') }}</li>
                        <li class="mb-2"><i class="bi bi-people text-primary"></i> <strong>{{ __('Registered:') }}</strong>
                            {{ $event->registrations_count }}{{ $event->max_participants > 0 ? ' / ' . $event->max_participants : '' }}
                        </li>
                    </ul>

                    @if($alreadyRegistered)
                        <span class="badge bg-success w-100 py-2"><i class="bi bi-check-circle"></i> {{ __('You are registered') }}</span>
                    @elseif($event->status !== 'published')
                        <button class="btn btn-secondary w-100" disabled>{{ __('Registration closed') }}</button>
                    @elseif($isFull)
                        <button class="btn btn-secondary w-100" disabled>{{ __('Fully booked') }}</button>
                    @elseif(! auth()->check())
                        <a href="{{ route('login') }}" class="btn btn-primary w-100"><i class="bi bi-box-arrow-in-right"></i> {{ __('Log in to register') }}</a>
                    @else
                        <form action="{{ route('events.register', $event) }}" method="POST">
                            @csrf
                            <button class="btn btn-primary w-100"><i class="bi bi-pencil-square"></i> {{ __('Register now') }}</button>
                        </form>
                    @endif

                    @php($calLoc = $event->event_type === 'offline' ? ($event->location ?: '') : ($event->meeting_url ?: route('events.show', $event)))
                    @php($calGoogle = \App\Support\CalendarLink::googleUrl($event->title, $event->start_time, $event->end_time, (string) \Illuminate\Support\Str::limit(strip_tags((string) $event->description), 300), $calLoc))
                    @php($calOutlook = \App\Support\CalendarLink::outlookUrl($event->title, $event->start_time, $event->end_time, (string) \Illuminate\Support\Str::limit(strip_tags((string) $event->description), 300), $calLoc))
                    @if($event->status === 'published' && $event->start_time)
                        <div class="d-flex gap-2 mt-2">
                            @if($calGoogle)<a href="{{ $calGoogle }}" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary flex-fill"><i class="bi bi-google"></i> Google</a>@endif
                            @if($calOutlook)<a href="{{ $calOutlook }}" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary flex-fill"><i class="bi bi-microsoft"></i> Outlook</a>@endif
                            <a href="{{ route('events.ics', $event) }}" class="btn btn-sm btn-outline-secondary flex-fill"><i class="bi bi-calendar-plus"></i> .ics</a>
                        </div>
                        @if(config('calendar.google.client_id') && config('calendar.google.client_secret') || config('calendar.microsoft.client_id') && config('calendar.microsoft.client_secret'))
                            <div class="d-flex gap-1 mt-2">
                                @foreach(['google', 'microsoft'] as $calendarProvider)
                                    @if(config("calendar.{$calendarProvider}.client_id") && config("calendar.{$calendarProvider}.client_secret") && auth()->check() && ! auth()->user()->calendarConnections()->where('provider', $calendarProvider)->exists())
                                        <a class="btn btn-sm btn-light flex-fill" href="{{ route('calendar.connect', $calendarProvider) }}">{{ __('Connect') }} {{ ucfirst($calendarProvider) }}</a>
                                    @elseif(auth()->check() && auth()->user()->calendarConnections()->where('provider', $calendarProvider)->exists())
                                        <form class="flex-fill" method="POST" action="{{ route('calendar.sync', $calendarProvider) }}">@csrf<button class="btn btn-sm btn-light w-100">{{ __('Sync') }} {{ ucfirst($calendarProvider) }}</button></form>
                                    @endif
                                @endforeach
                            </div>
                        @endif
                    @endif

                    <a href="{{ route('events.index') }}" class="btn btn-link w-100 mt-2">{{ __('Back to events') }}</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection