selfprivacy.org.app/lib/ui/pages/users/new_user.dart

part of 'users.dart';

class _NewUser extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var config = context.watch<AppConfigCubit>().state;

    var domainName = config.isDomainFilled
        ? config.cloudFlareDomain!.domainName!
        : 'example.com';

    return BrandModalSheet(
      child: BlocProvider(
        create: (context) =>
            UserFormCubit(usersCubit: context.watch<UsersCubit>()),
        child: Builder(builder: (context) {
          var formCubitState = context.watch<UserFormCubit>().state;

          return BlocListener<UserFormCubit, FormCubitState>(
            listener: (context, state) {
              if (state.isSubmitted) {
                Navigator.pop(context);
              }
            },
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                BrandHeader(
                  title: 'users.new_user'.tr(),
                ),
                SizedBox(width: 14),
                Padding(
                  padding: brandPagePadding2,
                  child: Column(
                    children: [
                      CubitFormTextField(
                        formFieldCubit: context.read<UserFormCubit>().login,
                        decoration: InputDecoration(
                          labelText: 'users.login'.tr(),
                          suffixText: '@$domainName',
                        ),
                      ),
                      SizedBox(height: 20),
                      CubitFormTextField(
                        formFieldCubit: context.read<UserFormCubit>().password,
                        decoration: InputDecoration(
                          alignLabelWithHint: false,
                          labelText: 'basis.password'.tr(),
                          suffixIcon: Padding(
                            padding: const EdgeInsets.only(right: 8),
                            child: IconButton(
                              icon: Icon(
                                BrandIcons.refresh,
                                color: BrandColors.blue,
                              ),
                              onPressed:
                                  context.read<UserFormCubit>().genNewPassword,
                            ),
                          ),
                        ),
                      ),
                      SizedBox(height: 30),
                      BrandButton.rised(
                        onPressed: formCubitState.isSubmitting
                            ? null
                            : () => context.read<UserFormCubit>().trySubmit(),
                        title: 'basis.create'.tr(),
                      ),
                      SizedBox(height: 40),
                      Text('users.new_user_info_note'.tr()),
                      SizedBox(height: 30),
                    ],
                  ),
                ),
              ],
            ),
          );
        }),
      ),
    );
  }
}