@extends('layouts/layout')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">Room Details (ID: {{ $room->id }})</h4>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="container-fluid">
                            <h1>{{ $room->name }}</h1>
                            <hr />
                            <dl class="row">
                                <dt class="col-7">Recurring Time</dt>
                                <dd class="col-5">{{ $room->recurring_in_minutes }} minutes</dd>
                                <dt class="col-7">Lots per number</dt>
                                <dd class="col-5">{{ number_format($room->lots_per_number) }}</dd>
                                <dt class="col-7">Price per lot</dt>
                                <dd class="col-5">${{ number_format($room->price_per_lot) }}</dd>
                                <dt class="col-7">Status</dt>
                                <dd class="col-5">
                                    @if ($room->status == \App\Models\Room::STATUS_ACTIVE)
                                        <b class="text-success">{{ $room->status_text }}</b>
                                    @elseif ($room->status == \App\Models\Room::STATUS_DISABLED)
                                        <b class="text-danger">{{ $room->status_text }}</b>
                                    @else
                                        {{ $room->status_text }}
                                    @endif
                                </dd>
                            </dl>
                            <a href="{{ route('admin.rooms.edit', $room->getRouteKey()) }}" class="btn btn-primary">Edit</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8 mt-4 mt-md-0">
                <div class="row">
                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="uil-money-withdraw text-warning" style="font-size: 2rem"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Average Revenue">Total Winnings</h5>
                                <h3 class="mt-3 mb-3">{{ $room->total_winnings }}</h3>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="uil-money-insert text-success" style="font-size: 2rem"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Average Revenue">Total Transaction Fees</h5>
                                <h3 class="mt-3 mb-3">{{ $room->total_transaction_fee }}</h3>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="uil-dollar-alt text-info" style="font-size: 2rem"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Average Revenue">Total Amount Bet</h5>
                                <h3 class="mt-3 mb-3">{{ $room->total_amount }}</h3>

                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3">
                        <div class="card widget-flat">
                            <div class="card-body">
                                <div class="float-end">
                                    <i class="uil-circle text-success" style="font-size: 2rem"></i>
                                </div>
                                <h5 class="text-muted fw-normal mt-0" title="Average Revenue">Total Rounds</h5>
                                <h3 class="mt-3 mb-3">{{ number_format($room->total_rounds) }}</h3>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="page-title-box">
                            <h4 class="page-title">Leaderboard</h4>
                            <form method="GET">
                                <div class="row">
                                    <div class="col-md-6 mb-4 px-2">
                                        <label class="mb-2">Start</label>
                                        <input type="datetime-local" name="start" class="form-control" value="{{ request()->get('start') ?? '' }}" />
                                    </div>
                                    <div class="col-md-6 mb-4 px-2">
                                        <label class="mb-2">End</label>
                                        <input type="datetime-local" name="end" class="form-control" value="{{ request()->get('end') ?? '' }}" />
                                    </div>
                                    <div class="col-12 mb-4 px-2">
                                        <button class="btn btn-primary">Filter</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <table class="table table-striped table-centered mb-0">
                                    <thead>
                                    <tbody>
                                    <tr>
                                        <th>User</th>
                                        <th>Total Times Won</th>
                                        <th>Total Won</th>
                                    </tr>
                                    @forelse ($winners as $winner)
                                        <tr>
                                            <td><a href="{{ route('admin.users.show', [$winner->user->getRouteKey()]) }}">{{ $winner->user->name }}</a></td>
                                            <td>{{ $winner->total_wins }}</td>
                                            <td>{{ $winner->total_winning_amount }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center">There are no winners yet.</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                                <div class="mt-2 text-end">
                                     {{ $winners->links() }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr>
    </div>
@endsection