signin_form_view.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
import 'package:connect/features/authentication/domain/entities/credentials_entity.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_svg/svg.dart';
import 'package:hugeicons/hugeicons.dart';
 
import '../../../../../../core/constants/assets.dart';
import '../../../../../../core/ui/widgets/custom_text_form_field.dart';
import '../../../logic/authentication_bloc/authentication_bloc.dart';
import '../widgets/terms_and_conditions_checkbox.dart';
 
class SignInFormView extends StatefulWidget {
  const SignInFormView({super.key});
 
  @override
  State<SignInFormView> createState() => _SignInFormViewState();
}
 
class _SignInFormViewState extends State<SignInFormView> {
  bool _isObscure = true;
  bool _isCheked = true;
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();
  final _formKey = GlobalKey<FormState>();
 
  @override
  void initState() {
    super.initState();
    context.read<AuthenticationBloc>().add(LoadEmailEvent());
  }
 
  void _onSignInButtonClicked() {
    if (_formKey.currentState!.validate()) {
      context.read<AuthenticationBloc>().add(
            SignInEvent(
              reqEntity: CredentialsEntity(
                email: _emailController.text.trim(),
                password: _passwordController.text.trim(),
              ),
            ),
          );
    }
  }
 
  @override
  Widget build(BuildContext context) {
    return BlocListener<AuthenticationBloc, AuthenticationState>(
      listener: (context, state) {
        if (state is EmailLoadedState) {
          _emailController.text = state.email ?? '';
        }
      },
      child: SingleChildScrollView(
        padding: EdgeInsets.symmetric(
          horizontal: 10.sp,
          vertical: 15.sp,
        ),
        child: Form(
          key: _formKey,
          child: Column(
            children: [
              Padding(
                padding: EdgeInsets.symmetric(vertical: 20.sp),
                child: SvgPicture.asset(
                  Assets.headerLogo,
                  colorFilter: ColorFilter.mode(
                    Theme.of(context).colorScheme.onSurface,
                    BlendMode.srcIn,
                  ),
                  height: 50.sp,
                ),
              ),
              Padding(
                padding: EdgeInsets.all(15.sp),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    CustomTextFormField(
                      hintText: AppLocalizations.of(context)
                          .translate('Email Address'),
                      labelText: AppLocalizations.of(context)
                          .translate('Email Address'),
                      inputType: TextInputType.emailAddress,
                      controller: _emailController,
                      suffix: const Icon(HugeIcons.strokeRoundedMail02),
                      validator: (value) {
                        if (value == null || value.isEmpty) {
                          return AppLocalizations.of(context)
                              .translate('Email is required');
                        }
                        return null;
                      },
                    ),
                    SizedBox(height: 15.sp),
                    CustomTextFormField(
                      hintText:
                          AppLocalizations.of(context).translate('Password'),
                      labelText:
                          AppLocalizations.of(context).translate('Password'),
                      controller: _passwordController,
                      isObscure: _isObscure,
                      validator: (value) {
                        if (value == null || value.isEmpty) {
                          return AppLocalizations.of(context)
                              .translate('Password is required');
                        }
                        return null;
                      },
                      suffix: InkWell(
                        onTap: () {
                          setState(() {
                            _isObscure = !_isObscure;
                          });
                        },
                        child: Icon(
                          _isObscure
                              ? HugeIcons.strokeRoundedViewOffSlash
                              : HugeIcons.strokeRoundedView,
                        ),
                      ),
                    ),
                    SizedBox(height: 40.sp),
                    TermsAndConditionsCheckbox(
                      isChecked: _isCheked,
                      onCheckStatuschanged: (value) {
                        setState(() {
                          _isCheked = !_isCheked;
                        });
                      },
                    ),
                    SizedBox(height: 34.sp),
                    SizedBox(
                      width: MediaQuery.of(context).size.width,
                      child: ElevatedButton(
                        onPressed: _isCheked ? _onSignInButtonClicked : null,
                        child: Text(
                          AppLocalizations.of(context).translate('LOG IN'),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}