{{--
    文件功能：后台积分活动统计页面
    显示指定日期下各来源活动（钓鱼、存点等）产出的经验/金币/魅力统计，以及今日净流通量

    @extends admin/layouts
--}}
@extends('admin.layouts.app')

@section('title', '积分流水统计')

@section('content')
    <div class="p-6 max-w-6xl mx-auto">

        {{-- 页头 --}}
        <div class="flex items-center justify-between mb-6">
            <h1 class="text-2xl font-bold text-gray-800">📊 积分流水活动统计</h1>
            {{-- 日期选择器 --}}
            <form method="GET" action="{{ route('admin.currency-stats.index') }}" class="flex items-center gap-3">
                <label class="text-sm text-gray-600">查询日期：</label>
                <input type="date" name="date" value="{{ $date }}"
                    class="border border-gray-300 rounded-lg px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-400">
                <button type="submit"
                    class="bg-indigo-600 text-white px-4 py-2 rounded-lg text-sm hover:bg-indigo-700 transition">
                    查询
                </button>
            </form>
        </div>

        {{-- 净流通量摘要卡片 --}}
        <div class="grid grid-cols-3 gap-4 mb-8">
            @foreach (['exp' => ['label' => '经验', 'icon' => '⚡', 'color' => 'amber'], 'gold' => ['label' => '金币', 'icon' => '💰', 'color' => 'yellow'], 'charm' => ['label' => '魅力', 'icon' => '🌸', 'color' => 'pink']] as $cur => $info)
                @php $flow = $netFlow[$cur] ?? ['in'=>0,'out'=>0,'net'=>0]; @endphp
                <div class="bg-white rounded-xl border border-gray-200 shadow-sm p-5">
                    <div class="flex items-center gap-2 mb-3">
                        <span class="text-2xl">{{ $info['icon'] }}</span>
                        <span class="font-semibold text-gray-700">{{ $info['label'] }} 流通</span>
                    </div>
                    <div class="flex justify-between text-sm">
                        <span class="text-green-600">+{{ number_format($flow['in']) }} 流入</span>
                        <span class="text-red-500">-{{ number_format($flow['out']) }} 消耗</span>
                    </div>
                    <div class="mt-2 text-lg font-bold {{ $flow['net'] >= 0 ? 'text-green-700' : 'text-red-600' }}">
                        净增：{{ $flow['net'] >= 0 ? '+' : '' }}{{ number_format($flow['net']) }}
                    </div>
                </div>
            @endforeach
        </div>

        {{-- 来源活动详细统计表 --}}
        <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-200 bg-gray-50">
                <h2 class="text-lg font-semibold text-gray-700">各活动来源产出明细</h2>
                <p class="text-xs text-gray-400 mt-1">日期：{{ $date }}（仅统计正向增加，不含消耗）</p>
            </div>
            <table class="w-full text-sm">
                <thead class="bg-gray-50 border-b text-gray-600">
                    <tr>
                        <th class="px-6 py-3 text-left">来源活动</th>
                        <th class="px-6 py-3 text-right">⚡ 经验产出</th>
                        <th class="px-6 py-3 text-right">💰 金币产出</th>
                        <th class="px-6 py-3 text-right">🌸 魅力产出</th>
                        <th class="px-6 py-3 text-right">参与人次</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    @foreach ($allSources as $source)
                        @php
                            $expRow = $statsByType['exp'][$source->value] ?? null;
                            $goldRow = $statsByType['gold'][$source->value] ?? null;
                            $charmRow = $statsByType['charm'][$source->value] ?? null;
                            $hasData = $expRow || $goldRow || $charmRow;
                            $maxParticipants = max(
                                $expRow?->participant_count ?? 0,
                                $goldRow?->participant_count ?? 0,
                                $charmRow?->participant_count ?? 0,
                            );
                        @endphp
                        <tr class="{{ $hasData ? '' : 'opacity-40' }} hover:bg-gray-50 transition">
                            <td class="px-6 py-3 font-medium text-gray-700">{{ $source->label() }}</td>
                            <td
                                class="px-6 py-3 text-right {{ $expRow?->total_amount > 0 ? 'text-amber-600 font-semibold' : 'text-gray-300' }}">
                                {{ $expRow ? number_format($expRow->total_amount) : '—' }}
                            </td>
                            <td
                                class="px-6 py-3 text-right {{ $goldRow?->total_amount > 0 ? 'text-yellow-600 font-semibold' : 'text-gray-300' }}">
                                {{ $goldRow ? number_format($goldRow->total_amount) : '—' }}
                            </td>
                            <td
                                class="px-6 py-3 text-right {{ $charmRow?->total_amount > 0 ? 'text-pink-600 font-semibold' : 'text-gray-300' }}">
                                {{ $charmRow ? number_format($charmRow->total_amount) : '—' }}
                            </td>
                            <td class="px-6 py-3 text-right text-gray-500">
                                {{ $maxParticipants > 0 ? $maxParticipants . ' 人' : '—' }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

    </div>
@endsection
