Files
front-hokm/lib/features/auth/mobile_screen.dart
T
2026-06-17 00:19:44 +03:30

96 lines
3.5 KiB
Dart

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 '../../core/widgets/game_ui.dart';
import 'auth_cubit.dart';
/// صفحه‌ی ورود شماره موبایل.
class MobileScreen extends StatefulWidget {
const MobileScreen({super.key});
@override
State<MobileScreen> createState() => _MobileScreenState();
}
class _MobileScreenState extends State<MobileScreen> {
final _controller = TextEditingController();
@override
void dispose() {
_controller.dispose();
super.dispose();
}
bool get _valid => RegExp(r'^09\d{9}$').hasMatch(_controller.text.trim());
@override
Widget build(BuildContext context) {
return Scaffold(
body: GameBackground(
child: BlocConsumer<AuthCubit, AuthState>(
listener: (context, state) {
if (state.status == AuthStatus.otpSent) {
context.push('/otp');
} else if (state.status == AuthStatus.error) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text(state.error ?? 'خطا')),
);
}
},
builder: (context, state) {
final loading = state.status == AuthStatus.loading;
return Center(
child: SingleChildScrollView(
padding: const EdgeInsets.all(24),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const GlowText('سلطان حکم', size: 40),
const SizedBox(height: 28),
GamePanel(
padding: const EdgeInsets.all(22),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text('برای ورود شماره موبایلت رو وارد کن',
style: TextStyle(color: Colors.white70)),
const SizedBox(height: 20),
TextField(
controller: _controller,
keyboardType: TextInputType.phone,
textAlign: TextAlign.center,
style: const TextStyle(fontSize: 20, letterSpacing: 2),
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
LengthLimitingTextInputFormatter(11),
],
decoration: const InputDecoration(hintText: '09xxxxxxxxx'),
onChanged: (_) => setState(() {}),
),
const SizedBox(height: 20),
GameButton(
label: 'دریافت کد',
width: double.infinity,
colors: const [Color(0xFF3FA34D), Color(0xFF1B5E20)],
onTap: (!_valid || loading)
? null
: () => context
.read<AuthCubit>()
.requestOtp(_controller.text.trim()),
),
],
),
),
],
),
),
);
},
),
),
);
}
}