@extends('layouts.user_type.guest')
@section('header_title', __('Pay live entry'))

@section('content')
    <main class="container mt-5">
        <br><br>
        @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
        <section class="bg-2 p-4 rounded-3">
            <h1 class="h3 text-white mb-3">{{ $room->title ?: __('Untitled live stream') }}</h1>
            <p class="text-muted">{{ __('This live stream requires an entry fee before watching.') }}</p>
            <div class="row g-3 mb-4"><div class="col-md-4"><div class="p-3 rounded bg-dark text-white">{{ __('Entry fee') }}: {{ number_format($room->entry_fee) }} {{ __('Toman') }}</div></div><div class="col-md-4"><div class="p-3 rounded bg-dark text-white">{{ __('Wallet balance') }}: {{ number_format($wallet->balance) }} {{ __('Toman') }}</div></div><div class="col-md-4"><div class="p-3 rounded bg-dark text-white">{{ __('Balance after payment') }}: {{ number_format(max(0, $wallet->balance - (int) $room->entry_fee)) }} {{ __('Toman') }}</div></div></div>
            @php($hasEnoughBalance = $wallet->balance >= (int) $room->entry_fee)
            <div class="d-flex gap-2 flex-wrap"><form method="POST" action="{{ localized_route('user.live.entry.pay', ['token' => $room->token]) }}">@csrf<button type="submit" class="btn btn-primary" @disabled(!$hasEnoughBalance)>{{ __('Pay and enter live stream') }}</button></form>@unless($hasEnoughBalance)<a class="btn btn-outline-primary" href="{{ localized_route('user.wallet') }}">{{ __('Top up wallet') }}</a>@endunless<a class="btn btn-outline-secondary" href="{{ localized_route('user.live.index') }}">{{ __('Back') }}</a></div>
        </section>
    </main>
@endsection