FM / admin

/opt/canhelp/apps/mobile/lib/screens/admin/

/opt/canhelp/apps/mobile/lib/screens/admin

Name	Size	Mode	Actions
admin_backup_screen.dart	27965	0644	edit dl rm
admin_offers_moderation_screen.dart	11461	0644	edit dl rm
admin_reports_screen.dart	11028	0644	edit dl rm
admin_screen.dart	11174	0644	edit dl rm
admin_support_screen.dart	24480	0644	edit dl rm
admin_tasks_screen.dart	17445	0644	edit dl rm
admin_users_screen.dart	13473	0644	edit dl rm
admin_user_detail_screen.dart	19253	0644	edit dl rm

Edit: /opt/canhelp/apps/mobile/lib/screens/admin/admin_screen.dart (11174B)

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

import '../../providers/admin_provider.dart';
import '../../providers/locale_provider.dart';
import '../../theme/app_theme.dart';

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

@override
  State<AdminScreen> createState() => _AdminScreenState();
}

class _AdminScreenState extends State<AdminScreen> {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (mounted) context.read<AdminProvider>().loadStats();
    });
  }

@override
  Widget build(BuildContext context) {
    final locale = context.watch<LocaleProvider>();
    final admin = context.watch<AdminProvider>();
    final t = locale.t;

return Scaffold(
      backgroundColor: AppTheme.background,
      appBar: AppBar(
        backgroundColor: AppTheme.background,
        elevation: 0,
        scrolledUnderElevation: 0,
        foregroundColor: AppTheme.textPrimary,
        leading: IconButton(
          icon: const Icon(
            Icons.arrow_back_ios_new_rounded,
            size: 20,
            color: AppTheme.textPrimary,
          ),
          onPressed: () =>
              context.canPop() ? context.pop() : context.go('/profile'),
        ),
        title: Text(
          t('admin.title', 'Admin Panel'),
          style: const TextStyle(
            fontWeight: FontWeight.w700,
            fontSize: 18,
            color: AppTheme.textPrimary,
          ),
        ),
        actions: [
          IconButton(
            icon: const Icon(Icons.refresh_rounded, size: 20),
            onPressed: () => context.read<AdminProvider>().loadStats(),
          ),
        ],
      ),
      body: RefreshIndicator(
        color: AppTheme.primary,
        onRefresh: () => context.read<AdminProvider>().loadStats(),
        child: SingleChildScrollView(
          physics: const AlwaysScrollableScrollPhysics(),
          padding: const EdgeInsets.all(16),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              if (admin.isLoading)
                const Center(
                  child: Padding(
                    padding: EdgeInsets.all(32),
                    child: CircularProgressIndicator(color: AppTheme.primary),
                  ),
                )
              else if (admin.error != null)
                _ErrorCard(
                  error: admin.error!,
                  onRetry: () => context.read<AdminProvider>().loadStats(),
                )
              else ...[
                _StatsGrid(stats: admin.stats, locale: locale),
                const SizedBox(height: 20),
              ],
              _SectionTitle(t('admin.sections', 'Sections')),
              const SizedBox(height: 10),
              _NavGrid(locale: locale),
            ],
          ),
        ),
      ),
    );
  }
}

// ── Stats Grid ────────────────────────────────────────────────────────────────

class _StatsGrid extends StatelessWidget {
  const _StatsGrid({required this.stats, required this.locale});
  final Map<String, dynamic>? stats;
  final LocaleProvider locale;

@override
  Widget build(BuildContext context) {
    final s = stats ?? {};
    final t = locale.t;
    final cards = [
      (
        t('admin.userCount', 'Users'),
        s['userCount'] ?? 0,
        Icons.people_outline_rounded,
        AppTheme.primary,
      ),
      (
        t('admin.specialistCount', 'Specialists'),
        s['specialistCount'] ?? 0,
        Icons.badge_outlined,
        AppTheme.emerald,
      ),
      (
        t('admin.taskCount', 'Tasks'),
        s['taskCount'] ?? 0,
        Icons.task_alt_rounded,
        AppTheme.amber,
      ),
      (
        t('admin.offerCount', 'Offers'),
        s['offerCount'] ?? 0,
        Icons.local_offer_outlined,
        const Color(0xFF7C3AED),
      ),
      (
        t('admin.reviewCount', 'Reviews'),
        s['reviewCount'] ?? 0,
        Icons.star_outline_rounded,
        AppTheme.warning,
      ),
    ];

return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        _SectionTitle(locale.t('admin.stats', 'Statistics')),
        const SizedBox(height: 10),
        GridView.count(
          crossAxisCount: 2,
          shrinkWrap: true,
          physics: const NeverScrollableScrollPhysics(),
          crossAxisSpacing: 10,
          mainAxisSpacing: 10,
          childAspectRatio: 1.6,
          children: cards
              .map(
                (c) => _StatCard(
                  label: c.$1,
                  value: c.$2,
                  icon: c.$3,
                  color: c.$4,
                ),
              )
              .toList(),
        ),
      ],
    );
  }
}

class _StatCard extends StatelessWidget {
  const _StatCard({
    required this.label,
    required this.value,
    required this.icon,
    required this.color,
  });
  final String label;
  final dynamic value;
  final IconData icon;
  final Color color;

@override
  Widget build(BuildContext context) => Container(
    decoration: BoxDecoration(
      color: AppTheme.surface,
      borderRadius: BorderRadius.circular(AppTheme.cardRadius),
      border: Border.all(color: AppTheme.border),
    ),
    padding: const EdgeInsets.all(14),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Row(
          children: [
            Container(
              padding: const EdgeInsets.all(6),
              decoration: BoxDecoration(
                color: color.withOpacity(0.10),
                borderRadius: BorderRadius.circular(AppTheme.smallRadius),
              ),
              child: Icon(icon, size: 16, color: color),
            ),
          ],
        ),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              value.toString(),
              style: TextStyle(
                fontSize: 22,
                fontWeight: FontWeight.w700,
                color: color,
              ),
            ),
            Text(
              label,
              style: const TextStyle(
                fontSize: 11,
                color: AppTheme.textSecondary,
                fontWeight: FontWeight.w500,
              ),
            ),
          ],
        ),
      ],
    ),
  );
}

// ── Nav Grid ─────────────────────────────────────────────────────────────────

class _NavGrid extends StatelessWidget {
  const _NavGrid({required this.locale});
  final LocaleProvider locale;

@override
  Widget build(BuildContext context) {
    final t = locale.t;
    final items = [
      (
        t('admin.users', 'Users'),
        Icons.people_outline_rounded,
        AppTheme.primary,
        '/admin/users',
      ),
      (
        t('admin.tasks', 'Tasks'),
        Icons.task_alt_rounded,
        AppTheme.amber,
        '/admin/tasks',
      ),
      (
        t('admin.reports', 'Reports'),
        Icons.flag_outlined,
        AppTheme.danger,
        '/admin/reports',
      ),
      (
        t('admin.offer_moderation.title'),
        Icons.fact_check_outlined,
        AppTheme.warning,
        '/admin/offers-moderation',
      ),
      (
        t('admin.support', 'Support'),
        Icons.support_agent_rounded,
        AppTheme.primary,
        '/admin/support',
      ),
    ];

return Column(
      children: items
          .map(
            (item) => _NavTile(
              label: item.$1,
              icon: item.$2,
              color: item.$3,
              route: item.$4,
            ),
          )
          .toList(),
    );
  }
}

class _NavTile extends StatelessWidget {
  const _NavTile({
    required this.label,
    required this.icon,
    required this.color,
    required this.route,
  });
  final String label;
  final IconData icon;
  final Color color;
  final String route;

@override
  Widget build(BuildContext context) => Container(
    margin: const EdgeInsets.only(bottom: 10),
    decoration: BoxDecoration(
      color: AppTheme.surface,
      borderRadius: BorderRadius.circular(AppTheme.cardRadius),
      border: Border.all(color: AppTheme.border),
    ),
    child: InkWell(
      onTap: () => context.push(route),
      borderRadius: BorderRadius.circular(AppTheme.cardRadius),
      child: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
        child: Row(
          children: [
            Container(
              padding: const EdgeInsets.all(8),
              decoration: BoxDecoration(
                color: color.withOpacity(0.10),
                borderRadius: BorderRadius.circular(AppTheme.smallRadius),
              ),
              child: Icon(icon, size: 20, color: color),
            ),
            const SizedBox(width: 14),
            Expanded(
              child: Text(
                label,
                style: const TextStyle(
                  fontSize: 15,
                  fontWeight: FontWeight.w600,
                  color: AppTheme.textPrimary,
                ),
              ),
            ),
            const Icon(
              Icons.chevron_right_rounded,
              size: 20,
              color: AppTheme.textHint,
            ),
          ],
        ),
      ),
    ),
  );
}

// ── Helpers ───────────────────────────────────────────────────────────────────

class _SectionTitle extends StatelessWidget {
  const _SectionTitle(this.text);
  final String text;

@override
  Widget build(BuildContext context) => Text(
    text,
    style: const TextStyle(
      fontSize: 13,
      fontWeight: FontWeight.w700,
      color: AppTheme.textSecondary,
      letterSpacing: 0.4,
    ),
  );
}

class _ErrorCard extends StatelessWidget {
  const _ErrorCard({required this.error, required this.onRetry});
  final String error;
  final VoidCallback onRetry;

@override
  Widget build(BuildContext context) {
    final t = context.read<LocaleProvider>().t;
    return Container(
      padding: const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: AppTheme.dangerLight,
        borderRadius: BorderRadius.circular(AppTheme.cardRadius),
        border: Border.all(color: AppTheme.danger.withOpacity(0.3)),
      ),
      child: Column(
        children: [
          Text(
            error,
            style: const TextStyle(color: AppTheme.danger, fontSize: 13),
          ),
          const SizedBox(height: 10),
          TextButton(
            onPressed: onRetry,
            child: Text(t('common.retry', 'Retry')),
          ),
        ],
      ),
    );
  }
}

cmd: