FM / auth

/opt/canhelp/apps/mobile/lib/screens/auth/

/opt/canhelp/apps/mobile/lib/screens/auth

Name	Size	Mode	Actions
forgot_password_screen.dart	8380	0644	edit dl rm
login_screen.dart	42002	0644	edit dl rm
register_screen.dart	30334	0644	edit dl rm
reset_password_screen.dart	11286	0644	edit dl rm

Edit: /opt/canhelp/apps/mobile/lib/screens/auth/login_screen.dart (42002B)

import 'dart:io' show Platform;

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'package:sign_in_with_apple/sign_in_with_apple.dart';

import '../../providers/auth_provider.dart';
import '../../providers/locale_provider.dart';
import '../../services/api_client.dart';
import '../../theme/app_theme.dart';
import '../../widgets/auth_terms_consent.dart';

class LoginScreen extends StatefulWidget {
  const LoginScreen({super.key});

@override
  State<LoginScreen> createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen>
    with SingleTickerProviderStateMixin {
  final _formKey = GlobalKey<FormState>();
  final _emailCtrl = TextEditingController();
  final _passwordCtrl = TextEditingController();
  bool _obscure = true;
  bool _acceptedTerms = false;
  String? _error;
  String? _unverifiedEmail;
  _ResendState _resendState = _ResendState.idle;
  late final AnimationController _bgController;

// ── Language config ─────────────────────────────────────
  static const _languages = [
    _Lang('el', '🇬🇷', 'Ελληνικά'),
    _Lang('en', '🇬🇧', 'English'),
    _Lang('uk', '🇺🇦', 'Українська'),
    _Lang('ru', '🇷🇺', 'Русский'),
  ];

@override
  void initState() {
    super.initState();
    _bgController = AnimationController(
      vsync: this,
      duration: const Duration(seconds: 12),
    )..repeat(reverse: true);
  }

@override
  void dispose() {
    _bgController.dispose();
    _emailCtrl.dispose();
    _passwordCtrl.dispose();
    super.dispose();
  }

Future<void> _submit(BuildContext context) async {
    FocusScope.of(context).unfocus();
    if (!_formKey.currentState!.validate()) return;
    if (!_acceptedTerms) {
      final locale = context.read<LocaleProvider>();
      setState(
        () => _error = locale.t(
          'auth.termsRequired',
          'Please confirm that you accept the terms of use.',
        ),
      );
      return;
    }
    setState(() {
      _error = null;
      _unverifiedEmail = null;
      _resendState = _ResendState.idle;
    });
    final email = _emailCtrl.text.trim();
    try {
      await context.read<AuthProvider>().login(email, _passwordCtrl.text);
      if (!context.mounted) return;
      context.go('/');
    } catch (e) {
      if (!mounted) return;
      if (_isEmailNotVerified(e)) {
        setState(() => _unverifiedEmail = email);
      } else {
        setState(() => _error = _parseError(e, context));
      }
    }
  }

bool _isEmailNotVerified(Object e) {
    if (e is ApiException) {
      final code = e.body?['code'];
      if (code is String && code == 'EMAIL_NOT_VERIFIED') return true;
      if (e.statusCode == 403) {
        final msg = e.message.toLowerCase();
        if (msg.contains('verif')) return true;
      }
    }
    final raw = e.toString().toLowerCase();
    return raw.contains('email_not_verified') ||
        (raw.contains('email') && raw.contains('verif'));
  }

Future<void> _resendVerification(BuildContext context) async {
    final email = _unverifiedEmail;
    if (email == null || _resendState != _ResendState.idle) return;
    setState(() => _resendState = _ResendState.sending);
    final localeCode = context.read<LocaleProvider>().locale;
    try {
      await ApiClient().sendVerificationEmail(email, locale: localeCode);
      if (mounted) setState(() => _resendState = _ResendState.sent);
    } catch (e) {
      if (mounted) {
        setState(() {
          _resendState = _ResendState.idle;
          _error =
              '${context.read<LocaleProvider>().t('auth.resendVerification')}: '
              '${e is ApiException ? e.message : e.toString()}';
        });
      }
    }
  }

String _parseError(Object e, BuildContext context) {
    final raw = e.toString();
    // Strip "ApiException(NNN): " prefix
    final stripped = raw
        .replaceAll(RegExp(r'ApiException$\d+$:\s*'), '')
        .trim();
    return stripped.replaceAll('Exception: ', '');
  }

Future<void> _signInWithGoogle(BuildContext context) async {
    if (!_acceptedTerms) {
      final locale = context.read<LocaleProvider>();
      setState(
        () => _error = locale.t(
          'auth.termsRequired',
          'Please confirm that you accept the terms of use.',
        ),
      );
      return;
    }
    setState(() => _error = null);
    try {
      await context.read<AuthProvider>().loginWithGoogle();
    } catch (e) {
      if (mounted) {
        setState(() => _error = _parseGoogleSignInError(e, context));
      }
    }
  }

String _parseGoogleSignInError(Object e, BuildContext context) {
    final locale = context.read<LocaleProvider>();
    if (e is ApiException) {
      final code = e.body?['code'] as String?;
      if (code == 'GOOGLE_AUTH_NOT_CONFIGURED' || e.statusCode == 503) {
        return locale.t(
          'auth.googleUnavailable',
          'Google sign-in is temporarily unavailable. Please use email login.',
        );
      }
      if (e.statusCode == 401 &&
          e.message.toLowerCase().contains('invalid token')) {
        return locale.t(
          'auth.googleInvalidToken',
          'Google sign-in could not be verified. Update the app and try again.',
        );
      }
      return e.message;
    }
    return e.toString().replaceAll('Exception: ', '');
  }

Future<void> _signInWithApple(BuildContext context) async {
    if (!_acceptedTerms) {
      final locale = context.read<LocaleProvider>();
      setState(
        () => _error = locale.t(
          'auth.termsRequired',
          'Please confirm that you accept the terms of use.',
        ),
      );
      return;
    }
    setState(() => _error = null);
    try {
      await context.read<AuthProvider>().loginWithApple();
    } catch (e) {
      if (mounted) {
        setState(() => _error = e.toString().replaceAll('Exception: ', ''));
      }
    }
  }

void _showLanguagePicker(BuildContext context, LocaleProvider locale) {
    showModalBottomSheet(
      context: context,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
      ),
      builder: (_) {
        return SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(vertical: 8),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: _languages.map((lang) {
                final selected = locale.locale == lang.code;
                return ListTile(
                  leading: Text(
                    lang.flag,
                    style: const TextStyle(fontSize: 24),
                  ),
                  title: Text(lang.name),
                  trailing: selected
                      ? const Icon(Icons.check_circle, color: AppTheme.primary)
                      : null,
                  selected: selected,
                  selectedTileColor: AppTheme.primaryLight,
                  onTap: () {
                    Navigator.of(context).pop();
                    if (!selected) locale.loadLocale(lang.code);
                  },
                );
              }).toList(),
            ),
          ),
        );
      },
    );
  }

@override
  Widget build(BuildContext context) {
    final auth = context.watch<AuthProvider>();
    final locale = context.watch<LocaleProvider>();
    final theme = Theme.of(context);

final currentLang = _languages.firstWhere(
      (l) => l.code == locale.locale,
      orElse: () => _languages[1],
    );

return AnnotatedRegion<SystemUiOverlayStyle>(
      value: const SystemUiOverlayStyle(
        statusBarColor: Colors.transparent,
        statusBarIconBrightness: Brightness.dark,
        statusBarBrightness: Brightness.light,
        systemNavigationBarColor: Colors.white,
        systemNavigationBarIconBrightness: Brightness.dark,
      ),
      child: PopScope(
        canPop: false,
        onPopInvokedWithResult: (didPop, _) {
          if (!didPop && context.mounted) {
            context.go('/');
          }
        },
        child: Scaffold(
          backgroundColor: Colors.transparent,
          extendBodyBehindAppBar: true,
          appBar: AppBar(
            backgroundColor: Colors.transparent,
            elevation: 0,
            scrolledUnderElevation: 0,
            systemOverlayStyle: const SystemUiOverlayStyle(
              statusBarColor: Colors.transparent,
              statusBarIconBrightness: Brightness.dark,
              statusBarBrightness: Brightness.light,
              systemNavigationBarColor: Colors.white,
              systemNavigationBarIconBrightness: Brightness.dark,
            ),
            leading: IconButton(
              icon: const Icon(Icons.arrow_back, color: AppTheme.textPrimary),
              tooltip: MaterialLocalizations.of(context).backButtonTooltip,
              onPressed: () => context.go('/'),
            ),
            actions: [
              Padding(
                padding: const EdgeInsets.only(right: 12),
                child: TextButton(
                  onPressed: () => context.push('/register'),
                  style: TextButton.styleFrom(
                    foregroundColor: AppTheme.primary,
                    backgroundColor: Colors.white.withValues(alpha: 0.9),
                    padding: const EdgeInsets.symmetric(
                      horizontal: 14,
                      vertical: 8,
                    ),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(AppTheme.chipRadius),
                      side: const BorderSide(color: AppTheme.border),
                    ),
                  ),
                  child: Text(
                    locale.t('auth.register'),
                    style: const TextStyle(fontWeight: FontWeight.w600),
                  ),
                ),
              ),
            ],
          ),
          body: Stack(
            children: [
              Positioned.fill(
                child: AnimatedBuilder(
                  animation: _bgController,
                  builder: (context, _) {
                    final t = _bgController.value;
                    return Stack(
                      children: [
                        DecoratedBox(
                          decoration: BoxDecoration(
                            gradient: LinearGradient(
                              begin: Alignment(-1 + (t * 0.9), -1),
                              end: Alignment(1 - (t * 0.8), 1),
                              colors: const [
                                Color(0xFFF3F8FF),
                                Color(0xFFEAF4FF),
                                Color(0xFFEFFCF4),
                              ],
                            ),
                          ),
                          child: const SizedBox.expand(),
                        ),
                        Positioned(
                          top: 90 - (t * 28),
                          left: -36 + (t * 42),
                          child: Container(
                            width: 200,
                            height: 200,
                            decoration: const BoxDecoration(
                              shape: BoxShape.circle,
                              color: Color(0x5522C55E),
                            ),
                          ),
                        ),
                        Positioned(
                          bottom: 110 - (t * 36),
                          right: -42 + (t * 30),
                          child: Container(
                            width: 250,
                            height: 250,
                            decoration: const BoxDecoration(
                              shape: BoxShape.circle,
                              color: Color(0x403B82F6),
                            ),
                          ),
                        ),
                        Positioned(
                          top: 320 + (t * 42),
                          right: 40 - (t * 30),
                          child: Container(
                            width: 140,
                            height: 140,
                            decoration: const BoxDecoration(
                              shape: BoxShape.circle,
                              color: Color(0x33F59E0B),
                            ),
                          ),
                        ),
                      ],
                    );
                  },
                ),
              ),
              SafeArea(
                child: Center(
                  child: SingleChildScrollView(
                    padding: const EdgeInsets.symmetric(
                      horizontal: 24,
                      vertical: 32,
                    ),
                    child: Form(
                      key: _formKey,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.stretch,
                        children: [
                          Row(
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              Image.asset(
                                'assets/icons/icon-main.png',
                                width: 48,
                                height: 48,
                              ),
                              const SizedBox(width: 12),
                              const Text(
                                'CanHelp',
                                textAlign: TextAlign.center,
                                style: TextStyle(
                                  fontFamily: 'Showpop',
                                  fontSize: 38,
                                  fontWeight: FontWeight.w400,
                                  color: AppTheme.primary,
                                  letterSpacing: 0.2,
                                ),
                              ),
                            ],
                          ),
                          const SizedBox(height: 4),
                          Text(
                            locale.t('app.slogan'),
                            textAlign: TextAlign.center,
                            style: theme.textTheme.bodyMedium?.copyWith(
                              color: AppTheme.textSecondary,
                              fontWeight: FontWeight.w500,
                              letterSpacing: 0.2,
                            ),
                          ),
                          const SizedBox(height: 16),
                          Center(
                            child: InkWell(
                              borderRadius: BorderRadius.circular(
                                AppTheme.chipRadius,
                              ),
                              onTap: () => _showLanguagePicker(context, locale),
                              child: Container(
                                padding: const EdgeInsets.symmetric(
                                  horizontal: 14,
                                  vertical: 6,
                                ),
                                decoration: BoxDecoration(
                                  border: Border.all(color: AppTheme.border),
                                  borderRadius: BorderRadius.circular(
                                    AppTheme.chipRadius,
                                  ),
                                  color: Colors.white,
                                ),
                                child: Row(
                                  mainAxisSize: MainAxisSize.min,
                                  children: [
                                    Text(
                                      currentLang.flag,
                                      style: const TextStyle(fontSize: 18),
                                    ),
                                    const SizedBox(width: 6),
                                    Text(
                                      currentLang.name,
                                      style: theme.textTheme.bodyMedium
                                          ?.copyWith(
                                            fontWeight: FontWeight.w500,
                                          ),
                                    ),
                                    const SizedBox(width: 4),
                                    const Icon(
                                      Icons.expand_more,
                                      size: 18,
                                      color: AppTheme.textSecondary,
                                    ),
                                  ],
                                ),
                              ),
                            ),
                          ),
                          const SizedBox(height: 32),
                          Container(
                            decoration: BoxDecoration(
                              color: Colors.white,
                              borderRadius: BorderRadius.circular(
                                AppTheme.chipRadius,
                              ),
                              boxShadow: [
                                BoxShadow(
                                  color: Colors.black.withValues(alpha: 0.06),
                                  blurRadius: 16,
                                  offset: const Offset(0, 4),
                                ),
                              ],
                            ),
                            padding: const EdgeInsets.all(24),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.stretch,
                              children: [
                                Text(
                                  locale.t('auth.signIn'),
                                  style: theme.textTheme.titleLarge?.copyWith(
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                                const SizedBox(height: 24),
                                if (_unverifiedEmail != null) ...[
                                  Container(
                                    padding: const EdgeInsets.all(12),
                                    decoration: BoxDecoration(
                                      color: AppTheme.warningLight,
                                      borderRadius: BorderRadius.circular(
                                        AppTheme.smallRadius,
                                      ),
                                      border: Border.all(
                                        color: AppTheme.warning.withValues(
                                          alpha: 0.4,
                                        ),
                                      ),
                                    ),
                                    child: Column(
                                      crossAxisAlignment:
                                          CrossAxisAlignment.start,
                                      children: [
                                        Row(
                                          crossAxisAlignment:
                                              CrossAxisAlignment.start,
                                          children: [
                                            const Icon(
                                              Icons.mark_email_unread_outlined,
                                              color: AppTheme.warning,
                                              size: 20,
                                            ),
                                            const SizedBox(width: 8),
                                            Expanded(
                                              child: Column(
                                                crossAxisAlignment:
                                                    CrossAxisAlignment.start,
                                                children: [
                                                  Text(
                                                    locale.t(
                                                      'auth.unverifiedTitle',
                                                    ),
                                                    style: const TextStyle(
                                                      color: AppTheme.warning,
                                                      fontWeight:
                                                          FontWeight.w600,
                                                      fontSize: 13,
                                                    ),
                                                  ),
                                                  const SizedBox(height: 4),
                                                  Text(
                                                    locale
                                                        .t(
                                                          'auth.unverifiedDesc',
                                                        )
                                                        .replaceAll(
                                                          '{email}',
                                                          _unverifiedEmail!,
                                                        ),
                                                    style: const TextStyle(
                                                      color:
                                                          AppTheme.textPrimary,
                                                      fontSize: 12.5,
                                                    ),
                                                  ),
                                                ],
                                              ),
                                            ),
                                          ],
                                        ),
                                        const SizedBox(height: 12),
                                        SizedBox(
                                          width: double.infinity,
                                          child: OutlinedButton.icon(
                                            onPressed:
                                                _resendState ==
                                                    _ResendState.idle
                                                ? () => _resendVerification(
                                                    context,
                                                  )
                                                : null,
                                            icon:
                                                _resendState ==
                                                    _ResendState.sending
                                                ? const SizedBox(
                                                    width: 14,
                                                    height: 14,
                                                    child:
                                                        CircularProgressIndicator(
                                                          strokeWidth: 2,
                                                        ),
                                                  )
                                                : Icon(
                                                    _resendState ==
                                                            _ResendState.sent
                                                        ? Icons
                                                              .check_circle_outline
                                                        : Icons.send_outlined,
                                                    size: 16,
                                                  ),
                                            label: Text(
                                              _resendState ==
                                                      _ResendState.sending
                                                  ? locale.t(
                                                      'auth.resendSending',
                                                    )
                                                  : _resendState ==
                                                        _ResendState.sent
                                                  ? locale.t('auth.resendSent')
                                                  : locale.t(
                                                      'auth.resendVerification',
                                                    ),
                                              style: const TextStyle(
                                                fontSize: 13,
                                              ),
                                            ),
                                            style: OutlinedButton.styleFrom(
                                              foregroundColor: AppTheme.warning,
                                              side: BorderSide(
                                                color: AppTheme.warning
                                                    .withValues(alpha: 0.5),
                                              ),
                                              backgroundColor: Colors.white,
                                              shape: RoundedRectangleBorder(
                                                borderRadius:
                                                    BorderRadius.circular(
                                                      AppTheme.smallRadius,
                                                    ),
                                              ),
                                            ),
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                  const SizedBox(height: 16),
                                ],
                                if (_error != null) ...[
                                  Container(
                                    padding: const EdgeInsets.all(12),
                                    decoration: BoxDecoration(
                                      color: AppTheme.dangerLight,
                                      borderRadius: BorderRadius.circular(
                                        AppTheme.smallRadius,
                                      ),
                                    ),
                                    child: Text(
                                      _error!,
                                      style: const TextStyle(
                                        color: AppTheme.danger,
                                        fontSize: 13,
                                      ),
                                    ),
                                  ),
                                  const SizedBox(height: 16),
                                ],
                                TextFormField(
                                  controller: _emailCtrl,
                                  keyboardType: TextInputType.emailAddress,
                                  autocorrect: false,
                                  decoration: _inputDec(
                                    locale.t('auth.email'),
                                    Icons.email_outlined,
                                  ),
                                  validator: (v) =>
                                      (v == null || !v.contains('@'))
                                      ? locale.t('auth.invalidEmail')
                                      : null,
                                ),
                                const SizedBox(height: 16),
                                TextFormField(
                                  controller: _passwordCtrl,
                                  obscureText: _obscure,
                                  decoration:
                                      _inputDec(
                                        locale.t('auth.password'),
                                        Icons.lock_outline,
                                      ).copyWith(
                                        suffixIcon: IconButton(
                                          icon: Icon(
                                            _obscure
                                                ? Icons.visibility_outlined
                                                : Icons.visibility_off_outlined,
                                          ),
                                          onPressed: () => setState(
                                            () => _obscure = !_obscure,
                                          ),
                                        ),
                                      ),
                                  validator: (v) => (v == null || v.isEmpty)
                                      ? locale.t('auth.invalidPassword')
                                      : null,
                                ),
                                const SizedBox(height: 12),
                                AuthTermsConsent(
                                  locale: locale,
                                  value: _acceptedTerms,
                                  onChanged: (v) =>
                                      setState(() => _acceptedTerms = v),
                                  onOpenTerms: () =>
                                      showAuthTermsDialog(context, locale),
                                ),
                                const SizedBox(height: 24),
                                Align(
                                  alignment: Alignment.centerRight,
                                  child: TextButton(
                                    onPressed: () =>
                                        context.push('/forgot-password'),
                                    style: TextButton.styleFrom(
                                      padding: EdgeInsets.zero,
                                      minimumSize: Size.zero,
                                      tapTargetSize:
                                          MaterialTapTargetSize.shrinkWrap,
                                    ),
                                    child: Text(
                                      locale.t('auth.forgotPassword'),
                                      style: const TextStyle(
                                        color: AppTheme.primary,
                                        fontSize: 13,
                                      ),
                                    ),
                                  ),
                                ),
                                const SizedBox(height: 16),
                                SizedBox(
                                  height: 50,
                                  child: FilledButton(
                                    onPressed: auth.isLoading
                                        ? null
                                        : () => _submit(context),
                                    style: FilledButton.styleFrom(
                                      backgroundColor: AppTheme.primary,
                                      shape: RoundedRectangleBorder(
                                        borderRadius: BorderRadius.circular(
                                          AppTheme.inputRadius,
                                        ),
                                      ),
                                    ),
                                    child: auth.isLoading
                                        ? const SizedBox(
                                            width: 22,
                                            height: 22,
                                            child: CircularProgressIndicator(
                                              color: Colors.white,
                                              strokeWidth: 2,
                                            ),
                                          )
                                        : Text(
                                            locale.t('auth.signIn'),
                                            style: const TextStyle(
                                              fontSize: 16,
                                              fontWeight: FontWeight.w600,
                                            ),
                                          ),
                                  ),
                                ),
                                const SizedBox(height: 20),
                                Row(
                                  children: [
                                    const Expanded(
                                      child: Divider(color: AppTheme.border),
                                    ),
                                    Padding(
                                      padding: const EdgeInsets.symmetric(
                                        horizontal: 12,
                                      ),
                                      child: Text(
                                        locale.t('common.or', 'Или'),
                                        style: const TextStyle(
                                          color: AppTheme.textSecondary,
                                          fontSize: 13,
                                          fontWeight: FontWeight.w500,
                                        ),
                                      ),
                                    ),
                                    const Expanded(
                                      child: Divider(color: AppTheme.border),
                                    ),
                                  ],
                                ),
                                const SizedBox(height: 16),
                                SizedBox(
                                  height: 50,
                                  child: OutlinedButton(
                                    onPressed: auth.isLoading
                                        ? null
                                        : () => _signInWithGoogle(context),
                                    style: OutlinedButton.styleFrom(
                                      foregroundColor: AppTheme.textPrimary,
                                      side: const BorderSide(
                                        color: AppTheme.border,
                                      ),
                                      backgroundColor: Colors.white,
                                      shape: RoundedRectangleBorder(
                                        borderRadius: BorderRadius.circular(
                                          AppTheme.inputRadius,
                                        ),
                                      ),
                                    ),
                                    child: auth.isLoading
                                        ? const SizedBox(
                                            width: 22,
                                            height: 22,
                                            child: CircularProgressIndicator(
                                              strokeWidth: 2,
                                            ),
                                          )
                                        : Row(
                                            mainAxisAlignment:
                                                MainAxisAlignment.center,
                                            children: [
                                              const _GoogleBadge(),
                                              const SizedBox(width: 12),
                                              Text(
                                                locale.t(
                                                  'auth.continueWithGoogle',
                                                ),
                                                style: const TextStyle(
                                                  fontSize: 15,
                                                  fontWeight: FontWeight.w600,
                                                ),
                                              ),
                                            ],
                                          ),
                                  ),
                                ),
                                if (Platform.isIOS) ...[
                                  const SizedBox(height: 10),
                                  SizedBox(
                                    height: 50,
                                    child: auth.isLoading
                                        ? const Center(
                                            child: SizedBox(
                                              width: 22,
                                              height: 22,
                                              child: CircularProgressIndicator(
                                                strokeWidth: 2,
                                              ),
                                            ),
                                          )
                                        : SignInWithAppleButton(
                                            onPressed: () =>
                                                _signInWithApple(context),
                                            text: locale.t(
                                              'auth.continueWithApple',
                                            ),
                                            style: SignInWithAppleButtonStyle
                                                .whiteOutlined,
                                            borderRadius: BorderRadius.circular(
                                              AppTheme.inputRadius,
                                            ),
                                            height: 50,
                                          ),
                                  ),
                                ],
                              ],
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

InputDecoration _inputDec(String label, IconData icon) => InputDecoration(
    labelText: label,
    prefixIcon: Icon(icon, size: 20),
    filled: true,
    fillColor: AppTheme.surfaceVariant,
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(AppTheme.inputRadius),
      borderSide: const BorderSide(color: AppTheme.border),
    ),
    enabledBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(AppTheme.inputRadius),
      borderSide: const BorderSide(color: AppTheme.border),
    ),
    focusedBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(AppTheme.inputRadius),
      borderSide: const BorderSide(color: AppTheme.primary, width: 2),
    ),
    errorBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(AppTheme.inputRadius),
      borderSide: const BorderSide(color: AppTheme.danger),
    ),
    focusedErrorBorder: OutlineInputBorder(
      borderRadius: BorderRadius.circular(AppTheme.inputRadius),
      borderSide: const BorderSide(color: AppTheme.danger, width: 2),
    ),
  );
}

class _Lang {
  final String code;
  final String flag;
  final String name;
  const _Lang(this.code, this.flag, this.name);
}

enum _ResendState { idle, sending, sent }

class _GoogleBadge extends StatelessWidget {
  const _GoogleBadge();

@override
  Widget build(BuildContext context) {
    return Container(
      width: 22,
      height: 22,
      alignment: Alignment.center,
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(AppTheme.smallRadius),
        border: Border.all(color: AppTheme.border),
      ),
      child: const SizedBox(
        width: 14,
        height: 14,
        child: CustomPaint(painter: _GoogleMarkPainter()),
      ),
    );
  }
}

class _GoogleMarkPainter extends CustomPainter {
  const _GoogleMarkPainter();

@override
  void paint(Canvas canvas, Size size) {
    final stroke = size.width * 0.22;
    final rect = Rect.fromLTWH(
      stroke / 2,
      stroke / 2,
      size.width - stroke,
      size.height - stroke,
    );

final paint = Paint()
      ..style = PaintingStyle.stroke
      ..strokeWidth = stroke
      ..strokeCap = StrokeCap.butt;

paint.color = const Color(0xFFEA4335);
    canvas.drawArc(rect, 3.15, 1.25, false, paint);

paint.color = const Color(0xFFFBBC05);
    canvas.drawArc(rect, 4.40, 1.10, false, paint);

paint.color = const Color(0xFF4285F4);
    canvas.drawArc(rect, 5.45, 1.55, false, paint);

paint.color = const Color(0xFF34A853);
    canvas.drawArc(rect, 0.72, 1.35, false, paint);

paint.color = const Color(0xFF4285F4);
    canvas.drawLine(
      Offset(size.width * 0.54, size.height * 0.52),
      Offset(size.width * 0.93, size.height * 0.52),
      paint,
    );
  }

@override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return false;
  }
}

cmd: