@extends('layouts.user_type.guest')
@section('header_title', __('Live streams'))

@section('content')
    <main class="container mt-5">
        <br><br>
        @include('user.user_menu')

        @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
        @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
        @if($errors->any())<div class="alert alert-danger">{{ $errors->first() }}</div>@endif

        <section class="bg-2 p-4 rounded-3 mb-4">
            <div class="d-flex flex-wrap justify-content-between gap-3 align-items-center mb-3">
                <div>
                    <h1 class="h3 text-white mb-2">{{ __('Live streams') }}</h1>
                    <p class="text-muted mb-0">{{ __('Create and manage live stream rooms.') }}</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <span class="badge bg-light text-dark">{{ __('All') }}: {{ $stats['all'] }}</span>
                    <span class="badge bg-success">{{ __('Active') }}: {{ $stats['active'] }}</span>
                    <span class="badge bg-secondary">{{ __('Ended') }}: {{ $stats['ended'] }}</span>
                </div>
            </div>

            <form method="POST" action="{{ localized_route('user.live.create') }}" class="row g-3">
                @csrf
                <div class="col-lg-4"><label class="form-label text-white">{{ __('Title') }}</label><input class="form-control" name="title" required maxlength="255" value="{{ old('title') }}"></div>
                <div class="col-lg-4"><label class="form-label text-white">{{ __('Stream URL') }}</label><input class="form-control" name="stream_url" type="url" required value="{{ old('stream_url') }}" placeholder="https://..."></div>
                <div class="col-lg-2"><label class="form-label text-white">{{ __('Visibility') }}</label><select class="form-control" name="visibility"><option value="public">{{ __('Public') }}</option><option value="private">{{ __('Private') }}</option><option value="friends">{{ __('Friends') }}</option></select></div>
                <div class="col-lg-2"><label class="form-label text-white">{{ __('Entry fee') }}</label><input class="form-control" name="entry_fee" type="number" min="0" step="1000" value="{{ old('entry_fee', 0) }}"></div>
                <div class="col-lg-10"><label class="form-label text-white">{{ __('Subtitle URL') }}</label><input class="form-control" name="cc_url" type="url" value="{{ old('cc_url') }}" placeholder="https://..."></div>
                <div class="col-lg-2 d-flex align-items-end"><button class="btn btn-primary w-100" type="submit">{{ __('Create live stream') }}</button></div>
            </form>
        </section>

        <form class="bg-2 p-3 rounded-3 mb-4 row g-3" method="GET" action="{{ localized_route('user.live.index') }}">
            <div class="col-md-5"><input class="form-control" type="text" name="q" value="{{ $search }}" placeholder="{{ __('Search title') }}"></div>
            <div class="col-md-3"><select class="form-control" name="status"><option value="all" @selected($status === 'all')>{{ __('All statuses') }}</option><option value="active" @selected($status === 'active')>{{ __('Active') }}</option><option value="ended" @selected($status === 'ended')>{{ __('Ended') }}</option></select></div>
            <div class="col-md-3"><select class="form-control" name="visibility"><option value="all" @selected($visibility === 'all')>{{ __('All visibilities') }}</option><option value="public" @selected($visibility === 'public')>{{ __('Public') }}</option><option value="private" @selected($visibility === 'private')>{{ __('Private') }}</option><option value="friends" @selected($visibility === 'friends')>{{ __('Friends') }}</option></select></div>
            <div class="col-md-1"><button class="btn btn-primary w-100">{{ __('Filter') }}</button></div>
        </form>

        <section class="mb-4">
            <h2 class="h4 text-white mb-3">{{ __('Live streams I can access') }}</h2>
            @forelse($accessibleRooms as $accessibleRoom)
                <article class="bg-2 p-3 rounded-3 mb-3 d-flex justify-content-between gap-3 flex-wrap"><div><h3 class="h5 text-white">{{ $accessibleRoom->title ?: __('Untitled live stream') }}</h3><span class="badge bg-success">{{ $accessibleRoom->status_label }}</span> <span class="badge bg-info text-dark">{{ $accessibleRoom->visibility_label }}</span> <span class="badge bg-warning text-dark">{{ $accessibleRoom->entry_fee_formatted }}</span></div><a href="{{ localized_route('user.live.watch', ['token' => $accessibleRoom->token]) }}" class="btn btn-primary align-self-center">{{ __('Watch') }}</a></article>
            @empty
                <div class="bg-2 p-3 rounded-3 text-muted">{{ __('No accessible live streams found.') }}</div>
            @endforelse
        </section>

        <section>
            <h2 class="h4 text-white mb-3">{{ __('My live streams') }}</h2>
            @forelse($rooms as $room)
                @php($watchUrl = localized_route('user.live.watch', ['token' => $room->token]))
                <article class="bg-2 p-3 rounded-3 mb-3"><div class="d-flex justify-content-between gap-3 flex-wrap"><div><h3 class="h5 text-white">{{ $room->title ?: __('Untitled live stream') }}</h3><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 class="text-muted mt-2">{{ __('Created at') }}: {{ optional($room->created_at)->format('Y/m/d H:i') }}</div></div><div class="d-flex gap-2 flex-wrap align-items-start"><a href="{{ $watchUrl }}" class="btn btn-primary">{{ __('Watch') }}</a>@if($room->is_active)<form method="POST" action="{{ localized_route('user.live.stop', ['token' => $room->token]) }}">@csrf<button type="submit" class="btn btn-danger" onclick="return confirm('{{ __('End this live stream?') }}')">{{ __('End') }}</button></form>@else<form method="POST" action="{{ localized_route('user.live.destroy', ['token' => $room->token]) }}">@csrf @method('DELETE')<button type="submit" class="btn btn-outline-danger" onclick="return confirm('{{ __('Delete this live stream?') }}')">{{ __('Delete') }}</button></form>@endif</div></div><input class="form-control mt-3" type="text" value="{{ $watchUrl }}" readonly dir="ltr"></article>
            @empty
                <div class="bg-2 p-3 rounded-3 text-muted">{{ __('You have not created any live streams yet.') }}</div>
            @endforelse
            <div class="mt-4">{{ $rooms->links() }}</div>
        </section>
    </main>
@endsection