rothzerg 0.1.0

package/templates/mobile-app/lib/widgets/button_banner.dart

@@ -0,0 +1,177 @@
+import 'package:flutter/material.dart';
+
+/// A reusable banner widget with an icon, title, message, and action button.
+///
+/// This widget provides a consistent banner design used across the app for
+/// prompting users to take action (e.g., verify email, enable notifications).
+class ButtonBanner extends StatelessWidget {
+  /// The title text displayed in the banner
+  final String title;
+
+  /// The message text displayed below the title
+  final String message;
+
+  /// The text displayed on the action button
+  final String buttonText;
+
+  /// The icon displayed on the left side of the banner
+  final IconData icon;
+
+  /// The gradient colors for the banner background
+  final List<Color>? gradientColors;
+
+  /// The gradient colors for the icon container
+  final List<Color>? iconGradientColors;
+
+  /// The border color of the banner
+  final Color? borderColor;
+
+  /// The background color of the action button
+  final Color? buttonColor;
+
+  /// Callback invoked when the action button is pressed
+  final VoidCallback onButtonPressed;
+
+  /// Callback invoked when the close button is pressed
+  final VoidCallback? onDismiss;
+
+  /// Whether to show the close button
+  final bool showCloseButton;
+
+  /// Whether the button is disabled
+  final bool isButtonDisabled;
+
+  /// Optional widget to show below the button
+  final Widget? bottomWidget;
+
+  const ButtonBanner({
+    super.key,
+    required this.title,
+    required this.message,
+    required this.buttonText,
+    required this.icon,
+    this.gradientColors,
+    this.iconGradientColors,
+    this.borderColor,
+    this.buttonColor,
+    required this.onButtonPressed,
+    this.onDismiss,
+    this.showCloseButton = true,
+    this.isButtonDisabled = false,
+    this.bottomWidget,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return Container(
+      margin: const EdgeInsets.only(bottom: 16),
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        gradient: LinearGradient(
+          colors:
+              gradientColors ??
+              [
+                theme.colorScheme.primaryContainer.withValues(alpha: 0.5),
+                theme.colorScheme.secondaryContainer.withValues(alpha: 0.3),
+              ],
+          begin: Alignment.topLeft,
+          end: Alignment.bottomRight,
+        ),
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(
+          color:
+              borderColor ?? theme.colorScheme.outline.withValues(alpha: 0.3),
+          width: 1,
+        ),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Container(
+                padding: const EdgeInsets.all(10),
+                decoration: BoxDecoration(
+                  gradient: LinearGradient(
+                    colors:
+                        iconGradientColors ??
+                        [
+                          theme.colorScheme.primary,
+                          theme.colorScheme.primary.withValues(alpha: 0.8),
+                        ],
+                  ),
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                child: Icon(icon, color: theme.colorScheme.onPrimary, size: 24),
+              ),
+              const SizedBox(width: 12),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      title,
+                      style: theme.textTheme.titleMedium?.copyWith(
+                        fontWeight: FontWeight.bold,
+                        color: theme.colorScheme.onSurface,
+                      ),
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      message,
+                      style: theme.textTheme.bodySmall?.copyWith(
+                        color: theme.colorScheme.onSurfaceVariant,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              if (showCloseButton && onDismiss != null)
+                GestureDetector(
+                  onTap: onDismiss,
+                  child: Icon(
+                    Icons.close,
+                    size: 20,
+                    color: theme.colorScheme.onSurfaceVariant,
+                  ),
+                ),
+            ],
+          ),
+          const SizedBox(height: 12),
+          SizedBox(
+            width: double.infinity,
+            child: ElevatedButton(
+              onPressed: isButtonDisabled ? null : onButtonPressed,
+              style: ElevatedButton.styleFrom(
+                backgroundColor: buttonColor ?? theme.colorScheme.primary,
+                foregroundColor: theme.colorScheme.onPrimary,
+                padding: const EdgeInsets.symmetric(vertical: 12),
+                shape: RoundedRectangleBorder(
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                disabledBackgroundColor:
+                    (buttonColor ?? theme.colorScheme.primary).withValues(
+                      alpha: 0.5,
+                    ),
+                disabledForegroundColor: theme.colorScheme.onPrimary.withValues(
+                  alpha: 0.7,
+                ),
+              ),
+              child: Text(
+                buttonText,
+                style: const TextStyle(fontWeight: FontWeight.w600),
+              ),
+            ),
+          ),
+          if (bottomWidget != null) ...[
+            const SizedBox(height: 8),
+            bottomWidget!,
+          ],
+        ],
+      ),
+    );
+  }
+}

package/templates/mobile-app/lib/widgets/country_picker.dart

@@ -0,0 +1,169 @@
+import 'package:flutter/material.dart';
+import '../core/constants/countries.dart';
+import '../l10n/app_localizations.dart';
+
+class CountryPicker extends StatefulWidget {
+  final Country? selectedCountry;
+  final ValueChanged<Country?> onCountrySelected;
+
+  const CountryPicker({
+    super.key,
+    this.selectedCountry,
+    required this.onCountrySelected,
+  });
+
+  @override
+  State<CountryPicker> createState() => _CountryPickerState();
+}
+
+class _CountryPickerState extends State<CountryPicker> {
+  final TextEditingController _searchController = TextEditingController();
+  List<Country> _filteredCountries = List.from(countries)
+    ..sort((a, b) => a.name.compareTo(b.name));
+
+  @override
+  void dispose() {
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  void _filterCountries(String query, AppLocalizations l10n) {
+    setState(() {
+      if (query.isEmpty) {
+        _filteredCountries = countries;
+      } else {
+        _filteredCountries = countries
+            .where(
+              (country) =>
+                  country.name.toLowerCase().contains(query.toLowerCase()) ||
+                  country.code.toLowerCase().contains(query.toLowerCase()) ||
+                  country
+                      .getLocalizedName(l10n)
+                      .toLowerCase()
+                      .contains(query.toLowerCase()),
+            )
+            .toList();
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    final theme = Theme.of(context);
+    final mediaQuery = MediaQuery.of(context);
+
+    return Container(
+      height: mediaQuery.size.height * 0.85,
+      decoration: BoxDecoration(
+        color: theme.scaffoldBackgroundColor,
+        borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
+      ),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          // Handle bar
+          Container(
+            margin: const EdgeInsets.only(top: 12),
+            width: 40,
+            height: 4,
+            decoration: BoxDecoration(
+              color: theme.colorScheme.onSurfaceVariant.withValues(alpha: 0.4),
+              borderRadius: BorderRadius.circular(2),
+            ),
+          ),
+
+          // Header
+          Padding(
+            padding: const EdgeInsets.fromLTRB(16, 12, 16, 16),
+            child: Row(
+              children: [
+                Expanded(
+                  child: Text(
+                    l10n.selectCountry,
+                    style: theme.textTheme.titleLarge,
+                  ),
+                ),
+                IconButton(
+                  icon: const Icon(Icons.close),
+                  onPressed: () => Navigator.pop(context),
+                ),
+              ],
+            ),
+          ),
+          const Divider(height: 1),
+
+          // Search field
+          Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: TextField(
+              controller: _searchController,
+              decoration: InputDecoration(
+                hintText: l10n.searchCountry,
+                prefixIcon: const Icon(Icons.search),
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                contentPadding: const EdgeInsets.symmetric(
+                  horizontal: 16,
+                  vertical: 12,
+                ),
+              ),
+              onChanged: (query) => _filterCountries(query, l10n),
+            ),
+          ),
+
+          // Country list
+          Expanded(
+            child: ListView.builder(
+              itemCount: _filteredCountries.length,
+              itemBuilder: (context, index) {
+                final country = _filteredCountries[index];
+                final isSelected = widget.selectedCountry?.code == country.code;
+                final localizedName = country.getLocalizedName(l10n);
+
+                return ListTile(
+                  leading: Text(
+                    country.emoji,
+                    style: const TextStyle(fontSize: 32),
+                  ),
+                  title: Text(localizedName),
+                  subtitle: Text(country.code),
+                  trailing: isSelected
+                      ? Icon(
+                          Icons.check_circle,
+                          color: theme.colorScheme.primary,
+                        )
+                      : null,
+                  selected: isSelected,
+                  onTap: () {
+                    widget.onCountrySelected(country);
+                    Navigator.pop(context);
+                  },
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+/// Show country picker bottom sheet
+Future<Country?> showCountryPicker({
+  required BuildContext context,
+  Country? selectedCountry,
+}) async {
+  return await showModalBottomSheet<Country>(
+    context: context,
+    isScrollControlled: true,
+    backgroundColor: Colors.transparent,
+    builder: (context) => CountryPicker(
+      selectedCountry: selectedCountry,
+      onCountrySelected: (country) {
+        // Country selection handled by the widget
+      },
+    ),
+  );
+}

package/templates/mobile-app/lib/widgets/custom_app_bar.dart

@@ -0,0 +1,30 @@
+import 'package:flutter/material.dart';
+
+class CustomAppBar extends StatelessWidget implements PreferredSizeWidget {
+  final String title;
+  final List<Widget>? actions;
+  final Widget? leading;
+  final bool automaticallyImplyLeading;
+
+  const CustomAppBar({
+    super.key,
+    required this.title,
+    this.actions,
+    this.leading,
+    this.automaticallyImplyLeading = true,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      title: Text(title),
+      centerTitle: true,
+      actions: actions,
+      leading: leading,
+      automaticallyImplyLeading: automaticallyImplyLeading,
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}

package/templates/mobile-app/lib/widgets/email_verification_banner.dart

@@ -0,0 +1,163 @@
+import 'package:flutter/material.dart';
+import 'package:firebase_auth/firebase_auth.dart';
+import 'dart:async';
+import '../l10n/app_localizations.dart';
+import 'top_notification.dart';
+import 'button_banner.dart';
+
+/// A banner widget that prompts users to verify their email address
+class EmailVerificationBanner extends StatefulWidget {
+  final VoidCallback onDismiss;
+  final VoidCallback? onVerified;
+
+  const EmailVerificationBanner({
+    super.key,
+    required this.onDismiss,
+    this.onVerified,
+  });
+
+  @override
+  State<EmailVerificationBanner> createState() =>
+      _EmailVerificationBannerState();
+}
+
+class _EmailVerificationBannerState extends State<EmailVerificationBanner>
+    with WidgetsBindingObserver {
+  int _cooldownSeconds = 0;
+  Timer? _timer;
+  Timer? _verificationCheckTimer;
+
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addObserver(this);
+    // Start periodic check for email verification
+    _startVerificationCheck();
+  }
+
+  @override
+  void dispose() {
+    WidgetsBinding.instance.removeObserver(this);
+    _timer?.cancel();
+    _verificationCheckTimer?.cancel();
+    super.dispose();
+  }
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    super.didChangeAppLifecycleState(state);
+    // When app resumes, check verification status
+    if (state == AppLifecycleState.resumed) {
+      _checkVerificationStatus();
+    }
+  }
+
+  void _startVerificationCheck() {
+    // Check every 5 seconds if email is verified
+    _verificationCheckTimer = Timer.periodic(const Duration(seconds: 5), (_) {
+      _checkVerificationStatus();
+    });
+  }
+
+  Future<void> _checkVerificationStatus() async {
+    final user = FirebaseAuth.instance.currentUser;
+    if (user != null && user.isAnonymous != true && !user.emailVerified) {
+      try {
+        // Reload user data from Firebase servers
+        await user.reload();
+        // Get the updated user
+        final updatedUser = FirebaseAuth.instance.currentUser;
+
+        if (updatedUser != null && updatedUser.emailVerified) {
+          // Email has been verified!
+          _verificationCheckTimer?.cancel();
+          if (mounted) {
+            widget.onVerified?.call();
+          }
+        }
+      } catch (e) {
+        // Ignore errors during verification check
+      }
+    }
+  }
+
+  void _startCooldown() {
+    setState(() {
+      _cooldownSeconds = 60;
+    });
+
+    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
+      if (_cooldownSeconds > 0) {
+        setState(() {
+          _cooldownSeconds--;
+        });
+      } else {
+        timer.cancel();
+      }
+    });
+  }
+
+  Future<void> _sendVerificationEmail(BuildContext context) async {
+    final l10n = AppLocalizations.of(context)!;
+    final user = FirebaseAuth.instance.currentUser;
+
+    if (user != null && user.isAnonymous != true && !user.emailVerified) {
+      try {
+        await user.sendEmailVerification();
+        _startCooldown();
+
+        if (context.mounted) {
+          TopNotification.showSuccess(
+            context,
+            message: l10n.verificationEmailSent,
+          );
+        }
+      } catch (e) {
+        if (context.mounted) {
+          TopNotification.showError(
+            context,
+            message: l10n.errorSendingVerificationEmail,
+          );
+        }
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    final theme = Theme.of(context);
+
+    return ButtonBanner(
+      title: l10n.emailVerificationBannerTitle,
+      message: l10n.emailVerificationBannerMessage,
+      buttonText: l10n.sendVerificationEmail,
+      icon: Icons.mark_email_unread_outlined,
+      gradientColors: [
+        theme.colorScheme.errorContainer.withValues(alpha: 0.3),
+        theme.colorScheme.tertiaryContainer.withValues(alpha: 0.2),
+      ],
+      iconGradientColors: [
+        theme.colorScheme.error,
+        theme.colorScheme.error.withValues(alpha: 0.8),
+      ],
+      borderColor: theme.colorScheme.error.withValues(alpha: 0.3),
+      buttonColor: theme.colorScheme.error,
+      showCloseButton: false,
+      isButtonDisabled: _cooldownSeconds > 0,
+      onDismiss: widget.onDismiss,
+      onButtonPressed: () => _sendVerificationEmail(context),
+      bottomWidget: _cooldownSeconds > 0
+          ? Center(
+              child: Text(
+                l10n.resendVerificationEmailIn(_cooldownSeconds),
+                style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                  color: theme.colorScheme.onSurfaceVariant,
+                  fontSize: 12,
+                ),
+              ),
+            )
+          : null,
+    );
+  }
+}

package/templates/mobile-app/lib/widgets/empty_screen.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import '../l10n/app_localizations.dart';
+
+class EmptyScreen extends StatelessWidget {
+  final String title;
+
+  const EmptyScreen({super.key, required this.title});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Icon(
+            Icons.widgets_outlined,
+            size: 80,
+            color: Theme.of(context).colorScheme.primary.withValues(alpha: 0.3),
+          ),
+          const SizedBox(height: 24),
+          Text(
+            title,
+            style: Theme.of(context).textTheme.headlineSmall?.copyWith(
+              color: Theme.of(
+                context,
+              ).colorScheme.onSurface.withValues(alpha: 0.6),
+            ),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            AppLocalizations.of(context)!.underDevelopment,
+            style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+              color: Theme.of(
+                context,
+              ).colorScheme.onSurface.withValues(alpha: 0.4),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}