@extends('layouts.dashboard')
@section('title', __('Live Classes'))
@section('page_title', __('Live Classes'))

@section('content')
    @if(auth()->user()->calendarConnections()->where('provider', 'google')->exists() || auth()->user()->calendarConnections()->where('provider', 'microsoft')->exists())
        <div class="alert alert-light border d-flex justify-content-between align-items-center">
            <span>{{ __('Connected calendars can be synchronized with your upcoming classes.') }}</span>
            <div class="d-flex gap-1">
                @foreach(['google', 'microsoft'] as $calendarProvider)
                    @if(auth()->user()->calendarConnections()->where('provider', $calendarProvider)->exists())
                        <form method="POST" action="{{ route('calendar.sync', $calendarProvider) }}">@csrf<button class="btn btn-sm btn-outline-primary">{{ __('Sync') }} {{ ucfirst($calendarProvider) }}</button></form>
                    @endif
                @endforeach
            </div>
        </div>
    @endif
    @if(config('calendar.google.client_id') && config('calendar.google.client_secret') || config('calendar.microsoft.client_id') && config('calendar.microsoft.client_secret'))
        <div class="mb-3 d-flex gap-2">
            @foreach(['google', 'microsoft'] as $calendarProvider)
                @if(config("calendar.{$calendarProvider}.client_id") && config("calendar.{$calendarProvider}.client_secret") && ! auth()->user()->calendarConnections()->where('provider', $calendarProvider)->exists())
                    <a class="btn btn-sm btn-outline-secondary" href="{{ route('calendar.connect', $calendarProvider) }}">{{ __('Connect') }} {{ ucfirst($calendarProvider) }} {{ __('Calendar') }}</a>
                @endif
            @endforeach
        </div>
    @endif
    @include('partials.how-it-works', ['key' => 'liveclass.student'])

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

    <div class="row g-3">
        @forelse($classes as $class)
            <div class="col-md-6 col-xl-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body d-flex flex-column">
                        <div class="d-flex justify-content-between align-items-start mb-2">
                            <span class="badge bg-light text-dark"><i class="bi bi-camera-video"></i> {{ ucfirst(str_replace('_', ' ', $class->provider)) }}</span>
                            <span class="badge bg-{{ $class->status === 'live' ? 'success' : 'info' }}">{{ status_label($class->status) }}</span>
                        </div>
                        <h6 class="fw-bold">{{ $class->title }}</h6>
                        <p class="text-muted small mb-1">{{ $class->course->title ?? '' }}</p>
                        <p class="text-muted small mb-3"><i class="bi bi-clock"></i> {{ optional($class->start_time)->format('d M Y, h:i A') }}</p>
                        <form action="{{ route('student.liveclasses.join', $class) }}" method="POST" @unless($class->isBuiltIn()) target="_blank" @endunless class="mt-auto">@csrf
                            <button class="btn btn-primary btn-sm w-100"><i class="bi bi-box-arrow-up-right"></i> {{ __('Join class') }}</button>
                        </form>
                        @php($calLoc = $class->isBuiltIn() ? route('liveclass.room', $class) : ($class->join_url ?: ''))
                        @php($calGoogle = \App\Support\CalendarLink::googleUrl($class->title, $class->start_time, $class->end_time, (string) ($class->course->title ?? ''), $calLoc))
                        @php($calOutlook = \App\Support\CalendarLink::outlookUrl($class->title, $class->start_time, $class->end_time, (string) ($class->course->title ?? ''), $calLoc))
                        <div class="d-flex gap-1 mt-2">
                            @if($calGoogle)<a href="{{ $calGoogle }}" target="_blank" rel="noopener" class="btn btn-sm btn-light flex-fill" title="{{ __('Google Calendar') }}"><i class="bi bi-google"></i></a>@endif
                            @if($calOutlook)<a href="{{ $calOutlook }}" target="_blank" rel="noopener" class="btn btn-sm btn-light flex-fill" title="Outlook"><i class="bi bi-microsoft"></i></a>@endif
                            <a href="{{ route('student.liveclasses.ics', $class) }}" class="btn btn-sm btn-light flex-fill" title="{{ __('Download .ics') }}"><i class="bi bi-calendar-plus"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12"><div class="alert alert-light border text-center">{{ __('No upcoming live classes for your courses.') }}</div></div>
        @endforelse
    </div>
@endsection