fluffychat/lib/pangea/login/pages/pangea_login_view.dart

import 'package:flutter/material.dart';

import 'package:flutter_gen/gen_l10n/l10n.dart';

import 'package:fluffychat/pages/login/login.dart';
import 'package:fluffychat/pangea/common/widgets/pangea_logo_svg.dart';
import 'package:fluffychat/pangea/login/pages/pangea_login_scaffold.dart';
import 'package:fluffychat/pangea/login/widgets/full_width_button.dart';
import 'package:fluffychat/pangea/login/widgets/p_sso_button.dart';

class PangeaLoginView extends StatelessWidget {
  final LoginController controller;

  const PangeaLoginView(this.controller, {super.key});

  @override
  Widget build(BuildContext context) {
    return Form(
      key: controller.formKey,
      child: PangeaLoginScaffold(
        children: [
          FullWidthTextField(
            hintText: L10n.of(context).username,
            textInputAction: TextInputAction.next,
            validator: (value) {
              if (value == null || value.isEmpty) {
                return L10n.of(context).pleaseEnterYourUsername;
              }
              return null;
            },
            controller: controller.usernameController,
            errorText: controller.usernameError,
            showErrorText: controller.usernameError != null &&
                controller.passwordError == null,
          ),
          FullWidthTextField(
            hintText: L10n.of(context).password,
            obscureText: true,
            textInputAction: TextInputAction.go,
            onSubmitted: (_) {
              controller.enabledSignIn ? controller.login() : null;
            },
            validator: (value) {
              if (value == null || value.isEmpty) {
                return L10n.of(context).pleaseEnterYourPassword;
              }
              return null;
            },
            controller: controller.passwordController,
            errorText: controller.passwordError,
          ),
          FullWidthButton(
            title: L10n.of(context).signIn,
            icon: PangeaLogoSvg(
              width: 20,
              forceColor: Theme.of(context).colorScheme.onPrimary,
            ),
            onPressed: controller.enabledSignIn ? controller.login : null,
            loading: controller.loadingSignIn,
            enabled: controller.enabledSignIn,
          ),
          Padding(
            padding: const EdgeInsets.symmetric(vertical: 6.0),
            child: TextButton(
              onPressed: controller.loadingSignIn
                  ? () {}
                  : controller.passwordForgotten,
              style: TextButton.styleFrom(
                foregroundColor: Theme.of(context).colorScheme.error,
              ),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text(L10n.of(context).passwordForgotten),
                ],
              ),
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(20),
            child: Row(
              children: [
                const Expanded(child: Divider()),
                Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 8),
                  child: Text(L10n.of(context).or),
                ),
                const Expanded(child: Divider()),
              ],
            ),
          ),
          PangeaSsoButton(
            provider: SSOProvider.google,
            title: L10n.of(context).signInWithGoogle,
            loading: controller.loadingGoogleSSO,
            error: controller.googleSSOError,
            setLoading: controller.setLoadingSSO,
            setError: controller.setSSOError,
          ),
          PangeaSsoButton(
            provider: SSOProvider.apple,
            title: L10n.of(context).signInWithApple,
            loading: controller.loadingAppleSSO,
            error: controller.appleSSOError,
            setLoading: controller.setLoadingSSO,
            setError: controller.setSSOError,
          ),
        ],
      ),
    );
  }
}