@extends('user.layouts.app')
@section('title','Virtual Conference Access')
@section('page-title','Join Virtual Conference')
@section('page-subtitle',$conference->name)
@section('content')

<div class="content-card p-4 mb-4">
    <div class="row g-4">
        <div class="col-md-7">
            <p><strong>Platform:</strong> {{ $access->platformLabel() }}</p>
            <p><strong>Meeting:</strong> {{ $access->meeting_title }}</p>
            <p><strong>Schedule:</strong> {{ $access->start_time?->format('l, F j, Y g:i A') ?? 'See conference schedule' }}
                @if($access->end_time) — {{ $access->end_time->format('g:i A') }} @endif
            </p>
            @if($access->meeting_id)<p><strong>Meeting ID:</strong> {{ $access->meeting_id }}</p>@endif
            @if($access->meeting_passcode)<p><strong>Passcode:</strong> {{ $access->meeting_passcode }}</p>@endif
            @if($access->access_instructions)<p><strong>Instructions:</strong><br>{{ $access->access_instructions }}</p>@endif
            <a href="{{ $access->meeting_url }}" target="_blank" rel="noopener" class="btn btn-success btn-lg mt-2"><i class="fas fa-video me-1"></i> Join Virtual Conference</a>
        </div>
        <div class="col-md-5 text-center">
            @if($access->qr_code_path)
                <p class="small text-muted">Scan to join</p>
                <img src="{{ asset('storage/'.$access->qr_code_path) }}" alt="Join QR Code" class="img-fluid" style="max-width:220px">
                <br><a href="{{ route('user.conferences.virtual-access.qr', $conference) }}" class="btn btn-sm btn-outline-secondary mt-2">Download QR</a>
            @endif
        </div>
    </div>
</div>

<a href="{{ route('user.dashboard') }}" class="btn btn-light">Back to Dashboard</a>
@endsection