@extends('layouts.user_type.guest')
@section('header_title', $room->title ?: __('Live stream'))

@section('content')
    <main class="container mt-5">
        <br><br>
        @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
        @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
        <section class="bg-2 p-3 rounded-3 mb-3"><div class="d-flex justify-content-between gap-3 flex-wrap mb-3"><div><h1 class="h3 text-white">{{ $room->title ?: __('Untitled live stream') }}</h1><span class="badge {{ $room->is_active ? 'bg-success' : 'bg-secondary' }}">{{ $room->status_label }}</span> <span class="badge bg-info text-dark">{{ $room->visibility_label }}</span> <span class="badge bg-warning text-dark">{{ $room->entry_fee_formatted }}</span></div>@if($isOwner && $room->is_active)<form method="POST" action="{{ localized_route('user.live.stop', ['token' => $room->token]) }}">@csrf<button class="btn btn-danger" onclick="return confirm('{{ __('End this live stream?') }}')">{{ __('End live stream') }}</button></form>@endif</div><video id="livePlayer" class="w-100 rounded-3 bg-dark" controls playsinline @if(!$isOwner) controlsList="nodownload" @endif><source src="{{ $room->stream_url }}">@if($room->cc_url)<track src="{{ $room->cc_url }}" kind="subtitles" srclang="fa" label="{{ __('Subtitles') }}">@endif</video></section>
        <section class="row g-3"><div class="col-lg-8"><div class="bg-2 p-3 rounded-3"><h2 class="h5 text-white mb-3">{{ __('Messages') }}</h2><div class="mb-3" style="max-height: 360px; overflow:auto;">@forelse($messages as $message)<div class="border-bottom border-secondary py-2"><strong class="text-white">{{ $message->user ? (trim($message->user->fname . ' ' . $message->user->lname) ?: $message->user->email) : __('Guest') }}</strong><div class="text-muted">{{ $message->message }}</div>@if($message->file)<a href="{{ asset($message->file->file_path) }}" target="_blank">{{ __('View file') }}</a>@endif</div>@empty<div class="text-muted">{{ __('No messages yet.') }}</div>@endforelse</div></div></div><div class="col-lg-4"><div class="bg-2 p-3 rounded-3"><h2 class="h5 text-white mb-3">{{ __('Participants') }}</h2>@forelse($participants as $roomParticipant)<div class="d-flex justify-content-between border-bottom border-secondary py-2"><span class="text-white">{{ $roomParticipant->user ? (trim($roomParticipant->user->fname . ' ' . $roomParticipant->user->lname) ?: $roomParticipant->user->email) : __('Guest') }}</span><span class="badge bg-secondary">{{ $roomParticipant->role }}</span></div>@empty<div class="text-muted">{{ __('No participants yet.') }}</div>@endforelse</div></div></section>
    </main>
@endsection