import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:go_router/go_router.dart';

import '../../../../core/locator/locator.dart';
import '../../../../core/theme/app_theme.dart';
import '../../../../core/widgets/game_ui.dart';
import '../../../wallet/presentation/bloc/wallet_bloc.dart';
import '../../../wallet/presentation/bloc/wallet_event.dart';
import '../../../wallet/presentation/bloc/wallet_state.dart';
import '../../../wallet/presentation/bloc/wallet_status.dart';
import '../../data/data_source/remote/tournament_api_provider.dart';
import '../../domain/entities/tournament.dart';
import '../widgets/tournament_guide.dart';
import 'tournament_standings_screen.dart';

/// فهرستِ تورنومنت‌ها: جایزه، ورودی، وضعیت و دکمه‌ی ثبت‌نام / جدول.
class TournamentsScreen extends StatefulWidget {
  const TournamentsScreen({super.key});

  @override
  State<TournamentsScreen> createState() => _TournamentsScreenState();
}

class _TournamentsScreenState extends State<TournamentsScreen> {
  final _api = locator<TournamentApiProvider>();
  late Future<List<Tournament>> _future;
  int? _busyId;

  @override
  void initState() {
    super.initState();
    _future = _api.getTournaments();
  }

  void _reload() => setState(() {
        _future = _api.getTournaments();
      });

  Future<void> _join(Tournament t) async {
    setState(() => _busyId = t.id);
    final err = await _api.join(t.id);
    if (!mounted) return;
    setState(() => _busyId = null);
    if (err == null) {
      context.read<WalletBloc>().add(LoadWalletEvent());
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('ثبت‌نام انجام شد ✓')),
      );
      _reload();
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(err)));
    }
  }

  void _openStandings(Tournament t) {
    Navigator.of(context).push(MaterialPageRoute(
      builder: (_) => TournamentStandingsScreen(tournament: t),
    ));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GameBackground(
        child: SafeArea(
          child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.all(12),
                child: Row(children: [
                  const AppBackButton(),
                  const Spacer(),
                  const GlowText('تورنومنت‌ها', size: 24),
                  const Spacer(),
                  IconButton(
                    tooltip: 'راهنما',
                    onPressed: () => TournamentGuide.show(context),
                    icon: const Icon(Icons.help_outline, color: AppColors.gold),
                  ),
                  BlocBuilder<WalletBloc, WalletBlocState>(
                    builder: (context, s) {
                      final w = s.walletStatus is WalletLoaded
                          ? (s.walletStatus as WalletLoaded).wallet
                          : null;
                      return StatChip(
                        icon: Icons.monetization_on,
                        value: '${w?.coins ?? 0}',
                      );
                    },
                  ),
                ]),
              ),
              Expanded(
                child: RefreshIndicator(
                  color: AppColors.gold,
                  onRefresh: () async => _reload(),
                  child: FutureBuilder<List<Tournament>>(
                    future: _future,
                    builder: (context, snap) {
                      if (snap.connectionState != ConnectionState.done) {
                        return const Center(
                            child:
                                CircularProgressIndicator(color: AppColors.gold));
                      }
                      if (snap.hasError) {
                        return _retry();
                      }
                      final items = snap.data ?? const <Tournament>[];
                      if (items.isEmpty) {
                        return _empty();
                      }
                      return ListView.separated(
                        padding: const EdgeInsets.fromLTRB(16, 4, 16, 24),
                        itemCount: items.length,
                        separatorBuilder: (_, __) => const SizedBox(height: 14),
                        itemBuilder: (_, i) => _card(items[i]),
                      );
                    },
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _retry() => ListView(children: [
        const SizedBox(height: 120),
        const Center(
            child: Text('خطا در دریافت تورنومنت‌ها',
                style: TextStyle(color: Colors.white70))),
        const SizedBox(height: 8),
        Center(
          child: TextButton(
            onPressed: _reload,
            child: const Text('تلاش مجدد',
                style: TextStyle(color: AppColors.gold)),
          ),
        ),
      ]);

  Widget _empty() => ListView(children: const [
        SizedBox(height: 140),
        Icon(Icons.emoji_events_outlined, color: Colors.white24, size: 60),
        SizedBox(height: 12),
        Center(
            child: Text('در حال حاضر تورنومنتی برگزار نمی‌شود',
                style: TextStyle(color: Colors.white54))),
      ]);

  Widget _card(Tournament t) {
    final busy = _busyId == t.id;
    return GestureDetector(
      onTap: () => _openStandings(t),
      child: Container(
        padding: const EdgeInsets.all(14),
        decoration: BoxDecoration(
          gradient: const LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [Color(0xFF3A2A6E), Color(0xFF15193F), AppColors.lapisInk],
          ),
          borderRadius: BorderRadius.circular(18),
          border: Border.all(color: AppColors.gold, width: 1.6),
          boxShadow: [
            BoxShadow(
                color: AppColors.gold.withValues(alpha: 0.18), blurRadius: 12),
          ],
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(children: [
              Container(
                padding: const EdgeInsets.all(9),
                decoration: const BoxDecoration(
                  gradient:
                      LinearGradient(colors: [AppColors.gold, AppColors.goldDark]),
                  shape: BoxShape.circle,
                ),
                child: const Icon(Icons.emoji_events,
                    color: AppColors.lapisInk, size: 22),
              ),
              const SizedBox(width: 10),
              Expanded(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(t.title,
                        maxLines: 1,
                        overflow: TextOverflow.ellipsis,
                        style: const TextStyle(
                            color: AppColors.gold,
                            fontSize: 18,
                            fontWeight: FontWeight.bold)),
                    if (t.description.isNotEmpty)
                      Text(t.description,
                          maxLines: 1,
                          overflow: TextOverflow.ellipsis,
                          style: const TextStyle(
                              color: Colors.white60, fontSize: 12)),
                  ],
                ),
              ),
              _statusBadge(t.status),
            ]),
            const SizedBox(height: 12),
            Row(children: [
              _info(Icons.emoji_events, 'جایزه کل', '${t.prizePool}',
                  gold: true),
              const SizedBox(width: 8),
              _info(Icons.login, 'ورودی',
                  t.entryFee == 0 ? 'رایگان' : '${t.entryFee}'),
              const SizedBox(width: 8),
              _info(Icons.people, 'شرکت‌کننده', '${t.players}'),
            ]),
            if (t.startsLocal.isNotEmpty) ...[
              const SizedBox(height: 8),
              Row(children: [
                const Icon(Icons.schedule, color: Colors.white38, size: 13),
                const SizedBox(width: 5),
                Text(
                  t.isUpcoming
                      ? 'شروع: ${t.startsLocal}'
                      : 'پایان: ${t.endsLocal}',
                  style: const TextStyle(color: Colors.white54, fontSize: 11),
                ),
              ]),
            ],
            const SizedBox(height: 12),
            _action(t, busy),
          ],
        ),
      ),
    );
  }

  Widget _statusBadge(String status) {
    late Color c;
    late String label;
    switch (status) {
      case 'active':
        c = AppColors.success;
        label = 'در حال برگزاری';
        break;
      case 'upcoming':
        c = const Color(0xFFE9952F);
        label = 'به‌زودی';
        break;
      default:
        c = Colors.white38;
        label = 'پایان‌یافته';
    }
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 4),
      decoration: BoxDecoration(
        color: c.withValues(alpha: 0.18),
        borderRadius: BorderRadius.circular(8),
        border: Border.all(color: c),
      ),
      child: Text(label,
          style:
              TextStyle(color: c, fontSize: 11, fontWeight: FontWeight.bold)),
    );
  }

  Widget _info(IconData icon, String label, String value, {bool gold = false}) {
    return Expanded(
      child: Container(
        padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 6),
        decoration: BoxDecoration(
          color: Colors.white.withValues(alpha: 0.05),
          borderRadius: BorderRadius.circular(10),
          border: Border.all(color: Colors.white.withValues(alpha: 0.1)),
        ),
        child: Column(children: [
          Icon(icon, size: 16, color: gold ? AppColors.gold : Colors.white70),
          const SizedBox(height: 3),
          Text(value,
              style: TextStyle(
                  color: gold ? AppColors.gold : Colors.white,
                  fontSize: 14,
                  fontWeight: FontWeight.bold)),
          Text(label,
              style: const TextStyle(color: Colors.white54, fontSize: 10)),
        ]),
      ),
    );
  }

  Widget _action(Tournament t, bool busy) {
    if (t.joined) {
      return Column(children: [
        Container(
          width: double.infinity,
          padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 10),
          alignment: Alignment.center,
          decoration: BoxDecoration(
            color: AppColors.success.withValues(alpha: 0.15),
            borderRadius: BorderRadius.circular(12),
            border: Border.all(color: AppColors.success),
          ),
          child: Text(
            t.myRank > 0
                ? 'رتبه شما: ${t.myRank} • امتیاز: ${t.myPoints}'
                : 'ثبت‌نام شده • امتیاز: ${t.myPoints}',
            style: const TextStyle(
                color: Colors.white, fontWeight: FontWeight.bold, fontSize: 13),
          ),
        ),
        const SizedBox(height: 8),
        Row(children: [
          if (t.isActive)
            Expanded(
              child: GameButton(
                label: 'بازی کن و امتیاز بگیر',
                icon: Icons.sports_esports,
                colors: const [AppColors.gold, AppColors.goldDark],
                onTap: () async {
                  await context.push('/game/tiers');
                  if (context.mounted) _reload();
                },
              ),
            )
          else
            Expanded(
              child: OutlinedButton.icon(
                style: OutlinedButton.styleFrom(
                  side: const BorderSide(color: AppColors.gold),
                  padding: const EdgeInsets.symmetric(vertical: 10),
                ),
                onPressed: () => _openStandings(t),
                icon: const Icon(Icons.leaderboard,
                    color: AppColors.gold, size: 18),
                label: const Text('جدول نتایج',
                    style: TextStyle(color: AppColors.gold)),
              ),
            ),
          const SizedBox(width: 8),
          _tableButton(t),
        ]),
      ]);
    }
    if (t.canJoin) {
      return Row(children: [
        Expanded(
          child: GameButton(
            label: busy
                ? '...'
                : (t.entryFee == 0
                    ? 'ثبت‌نام رایگان'
                    : 'ثبت‌نام (${t.entryFee} سکه)'),
            icon: Icons.how_to_reg,
            colors: const [AppColors.success, AppColors.successDark],
            onTap: busy ? null : () => _join(t),
          ),
        ),
        const SizedBox(width: 8),
        _tableButton(t),
      ]);
    }
    // پایان‌یافته و ثبت‌نام‌نشده ⇒ فقط جدول.
    return SizedBox(
      width: double.infinity,
      child: OutlinedButton.icon(
        style: OutlinedButton.styleFrom(
          side: const BorderSide(color: AppColors.gold),
          padding: const EdgeInsets.symmetric(vertical: 10),
        ),
        onPressed: () => _openStandings(t),
        icon: const Icon(Icons.leaderboard, color: AppColors.gold, size: 18),
        label: const Text('جدول نتایج',
            style: TextStyle(color: AppColors.gold)),
      ),
    );
  }

  Widget _tableButton(Tournament t) => Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(12),
          border: Border.all(color: AppColors.gold),
        ),
        child: IconButton(
          tooltip: 'جدول',
          onPressed: () => _openStandings(t),
          icon: const Icon(Icons.leaderboard, color: AppColors.gold),
        ),
      );
}