rothzerg 0.1.0

package/templates/mobile-app/lib/screens/admin/admin_panel_users_screen.dart

@@ -0,0 +1,344 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+import '../../providers/admin_provider.dart';
+import '../../models/user_model.dart';
+import '../../widgets/custom_app_bar.dart';
+import 'admin_panel_user_details_screen.dart';
+
+class AdminPanelUsersScreen extends ConsumerStatefulWidget {
+  const AdminPanelUsersScreen({super.key});
+
+  @override
+  ConsumerState<AdminPanelUsersScreen> createState() =>
+      _AdminPanelUsersScreenState();
+}
+
+class _AdminPanelUsersScreenState extends ConsumerState<AdminPanelUsersScreen> {
+  final TextEditingController _searchController = TextEditingController();
+  String _searchQuery = '';
+  bool _isSearching = false;
+
+  @override
+  void dispose() {
+    _searchController.dispose();
+    super.dispose();
+  }
+
+  void _performSearch() {
+    setState(() {
+      _searchQuery = _searchController.text.trim();
+      _isSearching = _searchQuery.isNotEmpty;
+    });
+  }
+
+  void _clearSearch() {
+    setState(() {
+      _searchController.clear();
+      _searchQuery = '';
+      _isSearching = false;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    // Watch the appropriate provider based on search state
+    final usersAsync = _isSearching
+        ? ref.watch(searchUsersProvider(_searchQuery))
+        : ref.watch(allUsersProvider);
+
+    return Scaffold(
+      appBar: const CustomAppBar(title: 'User Management'),
+      body: Column(
+        children: [
+          // Search bar
+          Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: TextField(
+              controller: _searchController,
+              decoration: InputDecoration(
+                hintText: 'Search by email, name, or UID',
+                prefixIcon: const Icon(Icons.search),
+                suffixIcon: _searchController.text.isNotEmpty
+                    ? IconButton(
+                        icon: const Icon(Icons.clear),
+                        onPressed: _clearSearch,
+                      )
+                    : null,
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(12),
+                ),
+                filled: true,
+                fillColor: theme.colorScheme.surface,
+              ),
+              onChanged: (value) {
+                // Auto-search on text change with slight delay
+                Future.delayed(const Duration(milliseconds: 500), () {
+                  if (_searchController.text == value) {
+                    _performSearch();
+                  }
+                });
+              },
+              onSubmitted: (_) => _performSearch(),
+            ),
+          ),
+
+          // User list
+          Expanded(
+            child: usersAsync.when(
+              data: (users) {
+                if (users.isEmpty) {
+                  return Center(
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Icon(
+                          Icons.people_outline,
+                          size: 64,
+                          color: theme.colorScheme.outline,
+                        ),
+                        const SizedBox(height: 16),
+                        Text(
+                          _isSearching
+                              ? 'No users found'
+                              : 'No users available',
+                          style: theme.textTheme.bodyLarge?.copyWith(
+                            color: theme.colorScheme.outline,
+                          ),
+                        ),
+                      ],
+                    ),
+                  );
+                }
+
+                return RefreshIndicator(
+                  onRefresh: () async {
+                    if (_isSearching) {
+                      ref.invalidate(searchUsersProvider(_searchQuery));
+                    } else {
+                      ref.invalidate(allUsersProvider);
+                    }
+                  },
+                  child: ListView.separated(
+                    padding: const EdgeInsets.symmetric(horizontal: 16),
+                    itemCount: users.length,
+                    separatorBuilder: (context, index) =>
+                        const SizedBox(height: 8),
+                    itemBuilder: (context, index) {
+                      final user = users[index];
+                      return _buildUserCard(user, theme);
+                    },
+                  ),
+                );
+              },
+              loading: () => const Center(child: CircularProgressIndicator()),
+              error: (error, stack) => Center(
+                child: Padding(
+                  padding: const EdgeInsets.all(24.0),
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Icon(
+                        Icons.error_outline,
+                        size: 64,
+                        color: theme.colorScheme.error,
+                      ),
+                      const SizedBox(height: 16),
+                      Text(
+                        'Error loading users',
+                        style: theme.textTheme.titleMedium,
+                      ),
+                      const SizedBox(height: 8),
+                      Text(
+                        error.toString(),
+                        style: theme.textTheme.bodySmall,
+                        textAlign: TextAlign.center,
+                      ),
+                      const SizedBox(height: 16),
+                      OutlinedButton(
+                        onPressed: () {
+                          if (_isSearching) {
+                            ref.invalidate(searchUsersProvider(_searchQuery));
+                          } else {
+                            ref.invalidate(allUsersProvider);
+                          }
+                        },
+                        child: const Text('Retry'),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildUserCard(UserModel user, ThemeData theme) {
+    return Card(
+      child: InkWell(
+        onTap: () {
+          Navigator.push(
+            context,
+            MaterialPageRoute(
+              builder: (context) => AdminPanelUserDetailsScreen(uid: user.uid),
+            ),
+          );
+        },
+        borderRadius: BorderRadius.circular(12),
+        child: Padding(
+          padding: const EdgeInsets.all(12.0),
+          child: Row(
+            children: [
+              // Avatar
+              CircleAvatar(
+                radius: 28,
+                backgroundColor: theme.colorScheme.primaryContainer,
+                backgroundImage: user.photoUrl != null
+                    ? CachedNetworkImageProvider(user.photoUrl!)
+                    : null,
+                child: user.photoUrl == null
+                    ? Text(
+                        _getInitials(user.displayName ?? 'U'),
+                        style: TextStyle(
+                          color: theme.colorScheme.onPrimaryContainer,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      )
+                    : null,
+              ),
+              const SizedBox(width: 12),
+
+              // User info
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Row(
+                      children: [
+                        Expanded(
+                          child: Text(
+                            user.displayName ?? 'No Name',
+                            style: theme.textTheme.titleMedium?.copyWith(
+                              fontWeight: FontWeight.w600,
+                            ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                        // Badges
+                        if (user.isAdmin)
+                          Container(
+                            padding: const EdgeInsets.symmetric(
+                              horizontal: 8,
+                              vertical: 2,
+                            ),
+                            decoration: BoxDecoration(
+                              color: Colors.purple.withValues(alpha: 0.2),
+                              borderRadius: BorderRadius.circular(4),
+                            ),
+                            child: const Text(
+                              'Admin',
+                              style: TextStyle(
+                                fontSize: 10,
+                                color: Colors.purple,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ),
+                        if (user.isPremium)
+                          Container(
+                            margin: const EdgeInsets.only(left: 4),
+                            padding: const EdgeInsets.symmetric(
+                              horizontal: 8,
+                              vertical: 2,
+                            ),
+                            decoration: BoxDecoration(
+                              color: Colors.amber.withValues(alpha: 0.2),
+                              borderRadius: BorderRadius.circular(4),
+                            ),
+                            child: const Text(
+                              'Premium',
+                              style: TextStyle(
+                                fontSize: 10,
+                                color: Colors.amber,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ),
+                      ],
+                    ),
+                    const SizedBox(height: 4),
+                    Text(
+                      'UID: ${_truncateUid(user.uid)}',
+                      style: theme.textTheme.bodySmall?.copyWith(
+                        color: theme.textTheme.bodySmall?.color?.withValues(
+                          alpha: 0.7,
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 4),
+                    Row(
+                      children: [
+                        Icon(
+                          user.isAnonymous
+                              ? Icons.person_outline
+                              : Icons.person,
+                          size: 14,
+                          color: theme.textTheme.bodySmall?.color?.withValues(
+                            alpha: 0.5,
+                          ),
+                        ),
+                        const SizedBox(width: 4),
+                        Text(
+                          user.isAnonymous ? 'Anonymous' : 'Registered',
+                          style: theme.textTheme.bodySmall?.copyWith(
+                            color:
+                                theme.textTheme.bodySmall?.color?.withValues(
+                              alpha: 0.7,
+                            ),
+                          ),
+                        ),
+                        if (user.countryCode != null) ...[
+                          const SizedBox(width: 12),
+                          Text(
+                            user.countryCode!,
+                            style: theme.textTheme.bodySmall?.copyWith(
+                              color:
+                                  theme.textTheme.bodySmall?.color?.withValues(
+                                alpha: 0.7,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+
+              // Arrow icon
+              const Icon(Icons.chevron_right),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  String _getInitials(String name) {
+    final parts = name.trim().split(' ');
+    if (parts.isEmpty) return 'U';
+    if (parts.length == 1) return parts[0][0].toUpperCase();
+    return '${parts[0][0]}${parts[1][0]}'.toUpperCase();
+  }
+
+  String _truncateUid(String uid) {
+    if (uid.length <= 12) return uid;
+    return '${uid.substring(0, 8)}...';
+  }
+}

package/templates/mobile-app/lib/screens/auth/auth_home_screen.dart

@@ -0,0 +1,266 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:lottie/lottie.dart';
+import '../../providers/auth_provider.dart';
+import '../../widgets/top_notification.dart';
+import '../../widgets/app_button.dart';
+import '../../l10n/app_localizations.dart';
+import 'login_screen.dart';
+import 'register_screen.dart';
+
+class AuthHomeScreen extends ConsumerStatefulWidget {
+  const AuthHomeScreen({super.key});
+
+  @override
+  ConsumerState<AuthHomeScreen> createState() => _AuthHomeScreenState();
+}
+
+class _AuthHomeScreenState extends ConsumerState<AuthHomeScreen> {
+  bool _isLoading = false;
+  final PageController _pageController = PageController();
+  int _currentPage = 0;
+
+  @override
+  void dispose() {
+    _pageController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _handleAnonymousSignIn() async {
+    setState(() => _isLoading = true);
+
+    try {
+      await ref.read(authControllerProvider).signInAnonymously();
+
+      if (mounted) {
+        Navigator.of(context).pushReplacementNamed('/home');
+      }
+    } catch (e) {
+      if (mounted) {
+        TopNotification.showError(context, message: e.toString());
+      }
+    } finally {
+      if (mounted) {
+        setState(() => _isLoading = false);
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final textTheme = theme.textTheme;
+    final colorScheme = theme.colorScheme;
+    final l10n = AppLocalizations.of(context)!;
+
+    return Scaffold(
+      backgroundColor: colorScheme.surface,
+      body: SafeArea(
+        child: SingleChildScrollView(
+          child: ConstrainedBox(
+            constraints: BoxConstraints(
+              minHeight:
+                  MediaQuery.of(context).size.height -
+                  MediaQuery.of(context).padding.top -
+                  MediaQuery.of(context).padding.bottom,
+            ),
+            child: IntrinsicHeight(
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 24.0),
+                child: Column(
+                  children: [
+                    const SizedBox(height: 24),
+
+                    // Logo/Title
+                    SizedBox(
+                      width: 80,
+                      height: 80,
+                      child: Padding(
+                        padding: const EdgeInsets.all(16.0),
+                        child: SvgPicture.asset(
+                          theme.brightness == Brightness.dark
+                              ? 'assets/icons/logo_dark.svg'
+                              : 'assets/icons/logo_light.svg',
+                        ),
+                      ),
+                    ),
+
+                    const SizedBox(height: 16),
+
+                    // Slider
+                    SizedBox(
+                      height: 400,
+                      child: PageView(
+                        controller: _pageController,
+                        onPageChanged: (index) {
+                          setState(() {
+                            _currentPage = index;
+                          });
+                        },
+                        children: [
+                          _buildSlide(
+                            colorScheme,
+                            textTheme,
+                            l10n.onboardingSlide1Title,
+                            l10n.onboardingSlide1Description,
+                            lottieAssetPath: 'assets/lottie/tick.json',
+                            lottieWidth: 200,
+                            lottieHeight: 200,
+                            illustrationContainerHeight: 240,
+                          ),
+                          _buildSlide(
+                            colorScheme,
+                            textTheme,
+                            l10n.onboardingSlide2Title,
+                            l10n.onboardingSlide2Description,
+                            lottieAssetPath: 'assets/lottie/tick.json',
+                            lottieWidth: 200,
+                            lottieHeight: 200,
+                            illustrationContainerHeight: 240,
+                          ),
+                          _buildSlide(
+                            colorScheme,
+                            textTheme,
+                            l10n.onboardingSlide3Title,
+                            l10n.onboardingSlide3Description,
+                            lottieAssetPath: 'assets/lottie/tick.json',
+                            lottieWidth: 200,
+                            lottieHeight: 200,
+                            illustrationContainerHeight: 240,
+                          ),
+                        ],
+                      ),
+                    ),
+
+                    const SizedBox(height: 20),
+
+                    // Page indicators
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: List.generate(3, (index) {
+                        return Container(
+                          margin: const EdgeInsets.symmetric(horizontal: 4),
+                          width: index == _currentPage ? 10 : 8,
+                          height: index == _currentPage ? 10 : 8,
+                          decoration: BoxDecoration(
+                            shape: BoxShape.circle,
+                            color: index == _currentPage
+                                ? colorScheme.primary
+                                : colorScheme.onSurface.withValues(alpha: 0.2),
+                          ),
+                        );
+                      }),
+                    ),
+
+                    const Spacer(),
+
+                    // Sign Up Button
+                    AppButton(
+                      label: l10n.signUpForFree,
+                      onPressed: _isLoading
+                          ? null
+                          : () {
+                              Navigator.of(context).push(
+                                MaterialPageRoute(
+                                  builder: (context) => const RegisterScreen(),
+                                ),
+                              );
+                            },
+                      isFullWidth: true,
+                      variant: AppButtonVariant.primary,
+                      isDisabled: _isLoading,
+                    ),
+
+                    const SizedBox(height: 16),
+
+                    AppButton(
+                      label: l10n.logIn,
+                      onPressed: _isLoading
+                          ? null
+                          : () {
+                              Navigator.of(context).push(
+                                MaterialPageRoute(
+                                  builder: (context) => const LoginScreen(),
+                                ),
+                              );
+                            },
+                      variant: AppButtonVariant.outlined,
+                      isFullWidth: true,
+                      isDisabled: _isLoading,
+                    ),
+
+                    const SizedBox(height: 8),
+
+                    AppButton(
+                      label: l10n.continueWithoutAccount,
+                      onPressed: _isLoading ? null : _handleAnonymousSignIn,
+                      variant: AppButtonVariant.ghost,
+                      isFullWidth: true,
+                      isLoading: _isLoading,
+                      isDisabled: _isLoading,
+                    ),
+
+                    const SizedBox(height: 24),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+Widget _buildSlide(
+  ColorScheme colorScheme,
+  TextTheme textTheme,
+  String title,
+  String description, {
+  required String lottieAssetPath,
+  required double lottieWidth,
+  required double lottieHeight,
+  required double illustrationContainerHeight,
+}) {
+  return Column(
+    mainAxisAlignment: MainAxisAlignment.center,
+    children: [
+      // Illustration with Lottie
+      Container(
+        height: illustrationContainerHeight,
+        decoration: const BoxDecoration(),
+        child: Center(
+          child: Lottie.asset(
+            lottieAssetPath,
+            width: lottieWidth,
+            height: lottieHeight,
+            fit: BoxFit.contain,
+          ),
+        ),
+      ),
+      const SizedBox(height: 32),
+      // Title
+      Text(
+        title,
+        style: textTheme.headlineSmall?.copyWith(
+          fontWeight: FontWeight.w600,
+          color: colorScheme.onSurface,
+        ),
+      ),
+      const SizedBox(height: 12),
+      // Description
+      Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16.0),
+        child: Text(
+          description,
+          textAlign: TextAlign.center,
+          style: textTheme.bodyMedium?.copyWith(
+            color: colorScheme.onSurface.withValues(alpha: 0.7),
+            height: 1.5,
+          ),
+        ),
+      ),
+    ],
+  );
+}