@extends('app') <!-- 改成你實際的主版面名稱 -->

@section('content')
<div class="pt-4">

    <h2 class="mb-4">遊戲歷程列表</h2>

    <!-- 搜尋區塊 -->
    <div class="card mb-4">
        <div class="card-body">
            <form class="row g-3">

                <div class="col-md-3">
                    <label for="round_id" class="form-label">局號</label>
                    <input type="text" class="form-control" id="round_id" name="round_id" value="{{ request('round_id') }}">
                </div>
                <div class="col-md-3">
                    <label for="order_id" class="form-label">單號</label>
                    <input type="text" class="form-control" id="order_id" name="order_id" value="{{ request('order_id') }}">
                </div>
                <div class="col-md-3">
                    <label for="username" class="form-label">使用者</label>
                    <input type="text" class="form-control" id="username" name="username" value="{{ request('username') }}">
                </div>
                <div class="col-md-3">
                    <label for="game_id" class="form-label">遊戲id</label>
                    <input type="text" class="form-control" id="game_id" name="game_id" value="{{ request('game_id') }}">
                </div>
                <div class="col-md-3">
                    <label for="platform" class="form-label">平台</label>
                    <select class="form-select" id="platform" name="platform">
                        <option value="">全部</option>
                        @foreach ($all_platform as $platform)
                        <option value="{{ $platform->platform_enum }}" {{ request('platform') === $platform->platform_enum ? 'selected' : '' }}>
                            {{ $platform->platform_enum }}
                        </option>
                        @endforeach
                    </select>
                </div>


                <div class="col-md-8 col-lg-6">
                    <label for="start_time" class="form-label">時間區間</label>
                    <div class="input-group">
                        <span class="input-group-text"><i class="bi bi-calendar-event"></i></span>
                        <input type="text" class="form-control datetimepicker" name="start_time" id="start_time"
                            value="{{ $start_time }}">
                        <span class="input-group-text">至</span>
                        <input type="text" class="form-control datetimepicker" name="end_time"
                            value="{{ $end_time }}">
                    </div>
                </div>
                <div class="col-md-12 d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary">搜尋</button>
                </div>
            </form>
        </div>
    </div>

    <!-- 列表區塊 -->
    <div class="card">
        <div class="card-body table-responsive">
            <table class="table table-bordered table-hover align-middle text-center">
                <thead class="table-light">
                    <tr>
                        <th>平台</th>
                        <th>單號</th>
                        <th>局號</th>
                        <th>使用者</th>
                        <th>下注金額</th>
                        <th>輸贏金額</th>
                        <th>遊戲id</th>
                        <th>下注時間</th>
                        <th>結算時間</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($data as $item)
                    <tr>
                        <td>{{ $item['platform'] }}</td>
                        <td>{{ $item['order_id'] }}</td>
                        <td>{{ $item['round_id'] }}</td>
                        <td>{{ $item['username'] }}</td>
                        <td>${{ number_format($item['bet_amount']) }}</td>
                        <td class="{{ $item['win_lose_amount'] >= 0 ? 'text-success' : 'text-danger' }}">
                            {{ $item['win_lose_amount'] >= 0 ? '+' : '' }}${{ number_format($item['win_lose_amount']) }}
                        </td>
                        <td>{{ $item['game_id'] }}</td>
                        <td>{{ $item['bet_time'] }}</td>
                        <td>{{ $item['update_time'] }}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot class="table-light fw-bold">
                    <tr>
                        <td colspan="4" class="text-end">總計</td>
                        <td>${{ number_format($summary['total_bet_amount'] ?? 0) }}</td>
                        <td class="{{ ($summary['total_win_amount'] ?? 0) >= 0 ? 'text-success' : 'text-danger' }}">
                            {{ ($summary['total_win_amount'] ?? 0) >= 0 ? '+' : '' }}${{ number_format($summary['total_win_amount'] ?? 0) }}
                        </td>
                        <td colspan="2"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <!-- 分頁區塊 -->
    <nav aria-label="Page navigation" class="mt-3">
        <ul class="pagination justify-content-center">
            {{-- 上一頁 --}}
            <li class="page-item {{ $pagination['currentPage'] <= 1 ? 'disabled' : '' }}">
                <a class="page-link" href="{{ request()->fullUrlWithQuery(['page' => $pagination['currentPage'] - 1]) }}" tabindex="-1" aria-disabled="{{ $pagination['currentPage'] <= 1 ? 'true' : 'false' }}">上一頁</a>
            </li>

            {{-- 頁碼按鈕，這邊顯示最多 5 頁 --}}
            @php
            $start = max(1, $pagination['currentPage'] - 2);
            $end = min($pagination['totalPages'], $pagination['currentPage'] + 2);
            @endphp

            @for ($i = $start; $i <= $end; $i++)
                <li class="page-item {{ (int)$pagination['currentPage'] === $i ? 'active' : '' }}">
                <a class="page-link" href="{{ request()->fullUrlWithQuery(['page' => $i]) }}">{{ $i }}</a>
                </li>
                @endfor


                {{-- 下一頁 --}}
                <li class="page-item {{ $pagination['currentPage'] >= $pagination['totalPages'] ? 'disabled' : '' }}">
                    <a class="page-link" href="{{ request()->fullUrlWithQuery(['page' => $pagination['currentPage'] + 1]) }}" aria-disabled="{{ $pagination['currentPage'] >= $pagination['totalPages'] ? 'true' : 'false' }}">下一頁</a>
                </li>
        </ul>
    </nav>

</div>
@endsection