forked from eatvio/eatvio_app
118 lines
4.2 KiB
Dart
118 lines
4.2 KiB
Dart
import 'package:eatvio_app/core/locator_service.dart';
|
||
import 'package:eatvio_app/core/utils/toasts.dart';
|
||
import 'package:eatvio_app/features/registration/presentation/bloc/verify_email_cubit/verify_email_cubit.dart';
|
||
import 'package:eatvio_app/features/registration/presentation/bloc/verify_email_cubit/verify_email_state.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
|
||
class VerifyEmailScreen extends StatefulWidget {
|
||
const VerifyEmailScreen({super.key});
|
||
|
||
@override
|
||
State<VerifyEmailScreen> createState() => _VerifyEmailScreenState();
|
||
}
|
||
|
||
class _VerifyEmailScreenState extends State<VerifyEmailScreen> {
|
||
final List<FocusNode> _focusNodes = List.generate(4, (_) => FocusNode());
|
||
final List<TextEditingController> _controllers = List.generate(4, (_) => TextEditingController());
|
||
String email = '';
|
||
|
||
@override
|
||
void dispose() {
|
||
for (var controller in _controllers) {
|
||
controller.dispose();
|
||
}
|
||
for (var node in _focusNodes) {
|
||
node.dispose();
|
||
}
|
||
super.dispose();
|
||
}
|
||
|
||
void _checkAndSubmitCode(BuildContext context) {
|
||
final code = _controllers.map((c) => c.text).join();
|
||
if (code.length == 4) {
|
||
context.read<VerifyEmailCubit>().tryVerify(code);
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return BlocProvider<VerifyEmailCubit>(
|
||
create: (_) => sl<VerifyEmailCubit>()..sendEmailCode(),
|
||
child: BlocConsumer<VerifyEmailCubit, VerifyEmailState>(
|
||
listener: (context, state) {
|
||
if (state is VerifyEmailStateLoaded) {
|
||
setState(() {
|
||
email = state.email;
|
||
});
|
||
} else if (state is VerifyEmailStateVerifySuccess) {
|
||
showSuccessToast('Почта успешно подтверждена');
|
||
GoRouter.of(context).pop();
|
||
} else if (state is VerifyEmailStateVerifyError) {
|
||
showErrorToast("Неверный код. Попробуйте снова.");
|
||
for (var controller in _controllers) {
|
||
controller.clear();
|
||
}
|
||
FocusScope.of(context).requestFocus(_focusNodes[0]);
|
||
}
|
||
},
|
||
builder: (context, state) {
|
||
return Scaffold(
|
||
appBar: AppBar(title: const Text("Подтвердите почту")),
|
||
body: Padding(
|
||
padding: const EdgeInsets.all(24.0),
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text("Код отправлен на почту\n$email", textAlign: TextAlign.center),
|
||
const SizedBox(height: 20),
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
children: List.generate(4, (index) => _buildCodeField(context, index)),
|
||
),
|
||
const SizedBox(height: 20),
|
||
const Text("Запросить код повторно", style: TextStyle(color: Colors.grey)),
|
||
TextButton(
|
||
onPressed: () {
|
||
context.read<VerifyEmailCubit>().sendEmailCode();
|
||
},
|
||
child: const Text("Не приходит код?"),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCodeField(BuildContext context, int index) {
|
||
return SizedBox(
|
||
width: 50,
|
||
child: TextField(
|
||
controller: _controllers[index],
|
||
focusNode: _focusNodes[index],
|
||
keyboardType: TextInputType.number,
|
||
textAlign: TextAlign.center,
|
||
maxLength: 1,
|
||
style: const TextStyle(fontSize: 24),
|
||
decoration: InputDecoration(
|
||
counterText: "",
|
||
border: OutlineInputBorder(borderRadius: BorderRadius.circular(8.0)),
|
||
),
|
||
onChanged: (value) {
|
||
if (value.isNotEmpty && index < 3) {
|
||
FocusScope.of(context).requestFocus(_focusNodes[index + 1]);
|
||
}
|
||
if (value.isEmpty && index > 0) {
|
||
FocusScope.of(context).requestFocus(_focusNodes[index - 1]);
|
||
}
|
||
_checkAndSubmitCode(context);
|
||
},
|
||
),
|
||
);
|
||
}
|
||
}
|