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

import '../../core/theme/app_theme.dart';
import '../../core/widgets/game_ui.dart';
import 'auth_cubit.dart';

/// صفحه‌ی انتخاب نام و آواتار پس از اولین ورود.
/// آواتارها با پکیج random_avatar تولید می‌شوند (رایگان، بدون نیاز به asset).
class ProfileSetupScreen extends StatefulWidget {
  const ProfileSetupScreen({super.key});

  @override
  State<ProfileSetupScreen> createState() => _ProfileSetupScreenState();
}

class _ProfileSetupScreenState extends State<ProfileSetupScreen> {
  final _name = TextEditingController();
  bool _saving = false;

  // مجموعه‌ای از seedها؛ هر seed یک آواتارِ یکتا می‌سازد.
  late List<String> _seeds;
  int _selected = 0;

  @override
  void initState() {
    super.initState();
    _seeds = List.generate(12, (i) => 'hakem-${i + 1}');
  }

  @override
  void dispose() {
    _name.dispose();
    super.dispose();
  }

  bool get _valid => _name.text.trim().length >= 2;

  Future<void> _save() async {
    setState(() => _saving = true);
    final ok = await context
        .read<AuthCubit>()
        .saveProfile(_name.text.trim(), _seeds[_selected]);
    if (!mounted) return;
    setState(() => _saving = false);
    if (ok) {
      context.go('/lobby');
    } else {
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('ذخیره نشد، دوباره تلاش کنید')),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GameBackground(
        child: Center(
          child: SingleChildScrollView(
            padding: const EdgeInsets.all(20),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                const GlowText('انتخاب نام و آواتار', size: 26),
                const SizedBox(height: 20),
                GamePanel(
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      // پیش‌نمایشِ آواتارِ انتخاب‌شده
                      Container(
                        padding: const EdgeInsets.all(6),
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          border: Border.all(color: AppColors.gold, width: 2),
                        ),
                        child: RandomAvatar(_seeds[_selected],
                            height: 84, width: 84),
                      ),
                      const SizedBox(height: 14),
                      TextField(
                        controller: _name,
                        textAlign: TextAlign.center,
                        maxLength: 20,
                        inputFormatters: [
                          LengthLimitingTextInputFormatter(20),
                        ],
                        decoration: const InputDecoration(
                            hintText: 'نام نمایشی (۲ تا ۲۰ حرف)',
                            counterText: ''),
                        onChanged: (_) => setState(() {}),
                      ),
                      const SizedBox(height: 14),
                      const Text('یک آواتار انتخاب کن',
                          style: TextStyle(color: AppColors.gold)),
                      const SizedBox(height: 10),
                      GridView.count(
                        crossAxisCount: 4,
                        shrinkWrap: true,
                        physics: const NeverScrollableScrollPhysics(),
                        mainAxisSpacing: 10,
                        crossAxisSpacing: 10,
                        children: [
                          for (var i = 0; i < _seeds.length; i++)
                            GestureDetector(
                              onTap: () => setState(() => _selected = i),
                              child: Container(
                                decoration: BoxDecoration(
                                  shape: BoxShape.circle,
                                  color: AppColors.bgDark,
                                  border: Border.all(
                                    color: _selected == i
                                        ? AppColors.gold
                                        : Colors.transparent,
                                    width: 2.5,
                                  ),
                                ),
                                child: RandomAvatar(_seeds[i]),
                              ),
                            ),
                        ],
                      ),
                      const SizedBox(height: 18),
                      GameButton(
                        label: _saving ? 'در حال ذخیره…' : 'تأیید و ورود',
                        width: double.infinity,
                        colors: const [Color(0xFF3FA34D), Color(0xFF1B5E20)],
                        onTap: (!_valid || _saving) ? null : _save,
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}