@extends('admin.layouts.app')

@section('title', '游戏管理')

@section('content')
    <div class="space-y-6">

        {{-- 页头 --}}
        <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
            <h2 class="text-lg font-bold text-gray-800">🎮 游戏管理</h2>
            <p class="text-xs text-gray-500 mt-1">统一管理聊天室所有娱乐游戏的开关状态与核心参数，所有游戏默认关闭。</p>
        </div>

        @if (session('success'))
            <div class="bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg text-sm">
                ✅ {{ session('success') }}
            </div>
        @endif

        {{-- 游戏卡片列表 --}}
        <div class="grid grid-cols-1 gap-6">
            @foreach ($games as $game)
                <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"
                    id="game-card-{{ $game->game_key }}">

                    {{-- 卡片头部：游戏名 + 开关 --}}
                    <div
                        class="flex items-center justify-between p-5 border-b border-gray-100
                                {{ $game->enabled ? 'bg-emerald-50' : 'bg-gray-50' }}">
                        <div class="flex items-center gap-3">
                            <span class="text-3xl">{{ $game->icon }}</span>
                            <div>
                                <div class="font-bold text-gray-800 flex items-center gap-2">
                                    {{ $game->name }}
                                    <span id="badge-{{ $game->game_key }}"
                                        class="text-xs px-2 py-0.5 rounded-full font-bold
                                                 {{ $game->enabled ? 'bg-emerald-100 text-emerald-700' : 'bg-gray-200 text-gray-500' }}">
                                        {{ $game->enabled ? '运行中' : '已关闭' }}
                                    </span>
                                </div>
                                <div class="text-xs text-gray-500 mt-0.5">{{ $game->description }}</div>
                            </div>
                        </div>
                        {{-- 大开关按钮 --}}
                        <button onclick="toggleGame('{{ $game->game_key }}', {{ $game->id }})"
                            id="toggle-btn-{{ $game->game_key }}"
                            class="px-5 py-2 rounded-lg font-bold text-sm transition shadow-sm
                                   {{ $game->enabled ? 'bg-red-500 hover:bg-red-600 text-white' : 'bg-emerald-500 hover:bg-emerald-600 text-white' }}">
                            {{ $game->enabled ? '⏸ 关闭游戏' : '▶ 开启游戏' }}
                        </button>
                    </div>

                    {{-- 参数配置区域 --}}
                    <div class="p-5">
                        <form action="{{ route('admin.game-configs.params', $game) }}" method="POST">
                            @csrf

                            @php
                                $params = $game->params ?? [];
                                $labels = gameParamLabels($game->game_key);
                            @endphp

                            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
                                @foreach ($params as $paramKey => $paramValue)
                                    @php $meta = $labels[$paramKey] ?? ['label' => $paramKey, 'type' => 'number', 'unit' => ''] @endphp
                                    <div>
                                        <label class="block text-xs font-bold text-gray-600 mb-1">
                                            {{ $meta['label'] }}
                                            @if ($meta['unit'])
                                                <span class="font-normal text-gray-400">（{{ $meta['unit'] }}）</span>
                                            @endif
                                        </label>

                                        @if ($meta['type'] === 'boolean')
                                            <select name="params[{{ $paramKey }}]"
                                                class="w-full border border-gray-300 rounded-lg p-2 text-sm focus:border-indigo-400">
                                                <option value="1" {{ $paramValue ? 'selected' : '' }}>是</option>
                                                <option value="0" {{ !$paramValue ? 'selected' : '' }}>否</option>
                                            </select>
                                        @elseif ($meta['type'] === 'array')
                                            <input type="text" name="params[{{ $paramKey }}]"
                                                value="{{ implode(',', (array) $paramValue) }}"
                                                class="w-full border border-gray-300 rounded-lg p-2 text-sm focus:border-indigo-400"
                                                placeholder="多个值用逗号分隔">
                                        @else
                                            <input type="{{ $meta['type'] }}" name="params[{{ $paramKey }}]"
                                                value="{{ $paramValue }}" step="{{ $meta['step'] ?? 1 }}"
                                                min="{{ $meta['min'] ?? 0 }}"
                                                class="w-full border border-gray-300 rounded-lg p-2 text-sm focus:border-indigo-400">
                                        @endif
                                    </div>
                                @endforeach
                            </div>

                            <div class="mt-4 flex items-center gap-3">
                                <button type="submit"
                                    class="px-6 py-2 bg-indigo-600 text-white rounded-lg font-bold hover:bg-indigo-700 transition text-sm shadow-sm">
                                    💾 保存参数
                                </button>
                                <span class="text-xs text-gray-400">修改后立即生效（缓存60秒刷新）</span>
                            </div>
                        </form>
                    </div>
                </div>
            @endforeach

            @if ($games->isEmpty())
                <div class="bg-white rounded-xl border border-gray-100 p-12 text-center text-gray-400">
                    暂无游戏配置，请先运行 <code class="bg-gray-100 px-2 py-1 rounded">php artisan db:seed
                        --class=GameConfigSeeder</code>
                </div>
            @endif
        </div>
    </div>

    <script>
        /**
         * 切换游戏开启/关闭状态
         */
        function toggleGame(gameKey, gameId) {
            fetch(`/admin/game-configs/${gameId}/toggle`, {
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                        'Accept': 'application/json',
                    },
                })
                .then(r => r.json())
                .then(data => {
                    if (!data.ok) return;

                    const enabled = data.enabled;
                    const card = document.getElementById(`game-card-${gameKey}`);
                    const badge = document.getElementById(`badge-${gameKey}`);
                    const btn = document.getElementById(`toggle-btn-${gameKey}`);
                    const header = card?.querySelector('.flex.items-center.justify-between');

                    // 更新徽章
                    badge.textContent = enabled ? '运行中' : '已关闭';
                    badge.className = `text-xs px-2 py-0.5 rounded-full font-bold ${enabled
                        ? 'bg-emerald-100 text-emerald-700'
                        : 'bg-gray-200 text-gray-500'}`;

                    // 更新按钮
                    btn.textContent = enabled ? '⏸ 关闭游戏' : '▶ 开启游戏';
                    btn.className = `px-5 py-2 rounded-lg font-bold text-sm transition shadow-sm ${enabled
                        ? 'bg-red-500 hover:bg-red-600 text-white'
                        : 'bg-emerald-500 hover:bg-emerald-600 text-white'}`;

                    // 更新头部背景
                    if (header) {
                        header.classList.toggle('bg-emerald-50', enabled);
                        header.classList.toggle('bg-gray-50', !enabled);
                    }

                    // Toast 提示
                    alert(data.message);
                });
        }
    </script>
@endsection

@php
    /**
     * 返回各游戏参数的中文标签说明。
     *
     * @param  string  $gameKey
     * @return array<string, array{label: string, type: string, unit: string}>
     */
    function gameParamLabels(string $gameKey): array
    {
        return match ($gameKey) {
            'baccarat' => [
                'interval_minutes' => ['label' => '开局间隔', 'type' => 'number', 'unit' => '分钟', 'min' => 1],
                'bet_window_seconds' => ['label' => '押注窗口', 'type' => 'number', 'unit' => '秒', 'min' => 10],
                'min_bet' => ['label' => '最低押注', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'max_bet' => ['label' => '最高押注', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'payout_big' => ['label' => '大赔率（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'payout_small' => ['label' => '小赔率（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'payout_triple' => ['label' => '豹子赔率（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'kill_points' => ['label' => '庄家收割点数', 'type' => 'array', 'unit' => '逗号分隔'],
            ],
            'slot_machine' => [
                'cost_per_spin' => ['label' => '每次旋转消耗', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'house_edge_percent' => [
                    'label' => '庄家边际',
                    'type' => 'number',
                    'unit' => '%',
                    'min' => 0,
                    'step' => 0.1,
                ],
                'daily_limit' => ['label' => '每日转动上限', 'type' => 'number', 'unit' => '次（0=不限）', 'min' => 0],
                'jackpot_payout' => ['label' => '三个7赔率（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'triple_payout' => ['label' => '三💎赔率（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'same_payout' => ['label' => '其他三同（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'pair_payout' => ['label' => '两同赔率（1:N）', 'type' => 'number', 'unit' => '', 'min' => 1],
                'curse_enabled' => ['label' => '开启诅咒（三💀）', 'type' => 'boolean', 'unit' => ''],
            ],
            'mystery_box' => [
                'auto_drop_enabled' => ['label' => '自动定时投放', 'type' => 'boolean', 'unit' => ''],
                'auto_interval_hours' => ['label' => '自动投放间隔', 'type' => 'number', 'unit' => '小时', 'min' => 1],
                'claim_window_seconds' => ['label' => '领取窗口', 'type' => 'number', 'unit' => '秒', 'min' => 10],
                'min_reward' => ['label' => '普通箱最低奖励', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'max_reward' => ['label' => '普通箱最高奖励', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'rare_min_reward' => ['label' => '稀有箱最低奖励', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'rare_max_reward' => ['label' => '稀有箱最高奖励', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'trap_chance_percent' => [
                    'label' => '黑化箱概率',
                    'type' => 'number',
                    'unit' => '%',
                    'min' => 0,
                    'max' => 100,
                ],
            ],
            'horse_racing' => [
                'interval_minutes' => ['label' => '比赛间隔', 'type' => 'number', 'unit' => '分钟', 'min' => 5],
                'bet_window_seconds' => ['label' => '押注窗口', 'type' => 'number', 'unit' => '秒', 'min' => 10],
                'race_duration' => ['label' => '跑马动画时长', 'type' => 'number', 'unit' => '秒', 'min' => 10],
                'horse_count' => ['label' => '参赛马匹数', 'type' => 'number', 'unit' => '匹', 'min' => 2, 'max' => 8],
                'min_bet' => ['label' => '最低押注', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'max_bet' => ['label' => '最高押注', 'type' => 'number', 'unit' => '金币', 'min' => 1],
                'house_take_percent' => [
                    'label' => '庄家抽水',
                    'type' => 'number',
                    'unit' => '%',
                    'min' => 0,
                    'max' => 20,
                ],
            ],
            'fortune_telling' => [
                'free_count_per_day' => ['label' => '每日免费次数', 'type' => 'number', 'unit' => '次', 'min' => 0],
                'extra_cost' => ['label' => '额外次数消耗', 'type' => 'number', 'unit' => '金币', 'min' => 0],
                'buff_duration_hours' => ['label' => '加成持续时间', 'type' => 'number', 'unit' => '小时', 'min' => 1],
                'jackpot_chance' => [
                    'label' => '上上签概率',
                    'type' => 'number',
                    'unit' => '%',
                    'min' => 0,
                    'max' => 100,
                ],
                'good_chance' => ['label' => '上签概率', 'type' => 'number', 'unit' => '%', 'min' => 0, 'max' => 100],
                'bad_chance' => ['label' => '下签概率', 'type' => 'number', 'unit' => '%', 'min' => 0, 'max' => 100],
                'curse_chance' => [
                    'label' => '大凶签概率',
                    'type' => 'number',
                    'unit' => '%',
                    'min' => 0,
                    'max' => 100,
                ],
            ],
            default => [],
        };
    }
@endphp