@extends('app')

@section('title', '原廠報表')

@section('content')

<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">原廠報表</h1>
</div>

<!-- Search Form -->
<div class="card shadow-sm mb-4">
    <div class="card-header">
        <h5 class="mb-0"><i class="bi bi-search me-2"></i>搜尋條件</h5>
    </div>
    <div class="card-body">

        <form class="row g-3 align-items-end" method="GET" action="{{ route('origin.show', ['site' => $site]) }}">

            <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-4 col-lg-3">
                <label for="time_type" class="form-label">選擇時間類型</label>
                <select class="form-select" name="time_type" id="time_type">
                    <option value="bet_time" {{ $time_type == 'bet_time' ? 'selected' : '' }}>下注時間</option>
                    <option value="settle_time" {{ $time_type == 'settle_time' ? 'selected' : '' }}>結算時間</option>
                </select>
            </div>

            <div class="col-auto">
                <button type="submit" class="btn btn-primary d-flex align-items-center" id="search-btn">
                    <span class="spinner-border spinner-border-sm me-2 d-none" role="status" aria-hidden="true" id="search-spinner"></span>
                    <i class="bi bi-search me-1"></i>
                    搜尋
                </button>
            </div>
        </form>

    </div>
</div>

<!-- Results Table -->

<div class="card shadow-sm">

    <div class="card-header">
        <h5 class="mb-0"><i class="bi bi-table me-2"></i>原廠帳務</h5>
    </div>

    <div class="card-body table-responsive">
        <table class="table table-bordered table-hover table-striped align-middle text-center">
            <thead class="table-light">
                <tr>
                    <th>平台</th>
                    <th>投注</th>
                    <th>有效投注</th>
                    <th>輸贏</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($originDataArray as $data)
                <tr>
                    <td>{{ $data['platform'] ?? 'N/A' }}</td>
                    <td>{{ number_format($data['sum_bet'], 2) ?? '0.00' }}</td>
                    <td>{{ number_format($data['sum_bet2'], 2) ?? '0.00' }}</td>
                    <td>{{ number_format($data['sum_win'], 2) ?? '0.00' }}</td>
                </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr class="table-dark">
                    <th>總計</th>
                    <!-- 計算總投注 -->
                    <th>{{ number_format(array_sum(array_column($originDataArray, 'sum_bet')), 2) ?? '0.00' }}</th>
                    <!-- 計算有效投注 -->
                    <th>{{ number_format(array_sum(array_column($originDataArray, 'sum_bet2')), 2) ?? '0.00' }}</th>
                    <!-- 計算總輸贏 -->
                    <th>{{ number_format(array_sum(array_column($originDataArray, 'sum_win')), 2) ?? '0.00' }}</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

@endsection

@push('scripts')
<script>

</script>
@endpush