feat: profile and subs

2026-06-17 11:32:18 +03:30
parent 943ba13872
commit e9f294fa19
19 changed files with 1762 additions and 34 deletions
@@ -0,0 +1,144 @@
+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,
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}