[V0_FILE]plaintext:file="lib/main.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:flutter_school_management/screens/splash_screen.dart'; import 'package:flutter_school_management/utils/constants.dart'; import 'package:flutter_school_management/utils/theme.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); await Supabase.initialize( url: Constants.supabaseUrl, anonKey: Constants.supabaseAnonKey, debug: true, ); runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'School Management System', debugShowCheckedModeBanner: false, theme: AppTheme.lightTheme, darkTheme: AppTheme.darkTheme, themeMode: ThemeMode.system, home: const SplashScreen(), routes: { '/login': (context) => const LoginScreen(), }, ); } } [V0_FILE]plaintext:file="lib/utils/constants.dart" class Constants { // Supabase configuration static const String supabaseUrl = 'YOUR_SUPABASE_URL'; static const String supabaseAnonKey = 'YOUR_SUPABASE_ANON_KEY'; // App constants static const String appName = 'School Management System'; static const String appVersion = '1.0.0'; // Shared preferences keys static const String prefUserRole = 'user_role'; static const String prefUserId = 'user_id'; static const String prefUserName = 'user_name'; // User roles static const String roleHeadTeacher = 'head_teacher'; static const String roleDeputyHead = 'deputy_head'; static const String roleHOD = 'hod'; static const String roleTeacher = 'teacher'; static const String roleStudent = 'student'; static const String roleParent = 'parent'; static const String roleFinance = 'finance'; static const String roleExamCoordinator = 'exam_coordinator'; static const String roleHealthOfficer = 'health_officer'; static const String roleGovernmentOfficer = 'government_officer'; } [V0_FILE]plaintext:file="lib/utils/theme.dart" import 'package:flutter/material.dart'; class AppTheme { // Colors static const Color primaryColor = Color(0xFF1A237E); static const Color secondaryColor = Color(0xFF0D47A1); static const Color accentColor = Color(0xFF42A5F5); static const Color errorColor = Color(0xFFB71C1C); static const Color successColor = Color(0xFF2E7D32); static const Color warningColor = Color(0xFFF57F17); static const Color infoColor = Color(0xFF0288D1); // Light theme static final ThemeData lightTheme = ThemeData( useMaterial3: true, colorScheme: ColorScheme.light( primary: primaryColor, secondary: secondaryColor, error: errorColor, ), appBarTheme: const AppBarTheme( backgroundColor: primaryColor, foregroundColor: Colors.white, elevation: 0, ), elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( backgroundColor: primaryColor, foregroundColor: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), ), cardTheme: CardTheme( elevation: 2, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), inputDecorationTheme: InputDecorationTheme( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(8), borderSide: const BorderSide(color: primaryColor, width: 2), ), ), ); // Dark theme static final ThemeData darkTheme = ThemeData( useMaterial3: true, brightness: Brightness.dark, colorScheme: ColorScheme.dark( primary: primaryColor.withOpacity(0.8), secondary: secondaryColor.withOpacity(0.8), error: errorColor.withOpacity(0.8), ), appBarTheme: AppBarTheme( backgroundColor: Colors.grey[900], foregroundColor: Colors.white, elevation: 0, ), elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( backgroundColor: primaryColor.withOpacity(0.8), foregroundColor: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), ), cardTheme: CardTheme( elevation: 2, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), inputDecorationTheme: InputDecorationTheme( border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(8), borderSide: BorderSide(color: primaryColor.withOpacity(0.8), width: 2), ), ), ); } [V0_FILE]plaintext:file="lib/screens/splash_screen.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:flutter_school_management/screens/dashboard/dashboard_router.dart'; import 'package:flutter_school_management/utils/constants.dart'; import 'package:shared_preferences/shared_preferences.dart'; class SplashScreen extends StatefulWidget { const SplashScreen({super.key}); @override State createState() => _SplashScreenState(); } class _SplashScreenState extends State { final supabase = Supabase.instance.client; @override void initState() { super.initState(); _checkAuth(); } Future _checkAuth() async { await Future.delayed(const Duration(seconds: 2)); final session = supabase.auth.currentSession; if (session != null) { final prefs = await SharedPreferences.getInstance(); final userRole = prefs.getString(Constants.prefUserRole); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute( builder: (context) => DashboardRouter(userRole: userRole ?? ''), ), ); } } else { if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } } @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Image.asset( 'assets/images/logo.png', width: 150, height: 150, ), const SizedBox(height: 24), const Text( Constants.appName, style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), const CircularProgressIndicator(), ], ), ), ); } } [V0_FILE]plaintext:file="lib/screens/auth/login_screen.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/screens/dashboard/dashboard_router.dart'; import 'package:flutter_school_management/utils/constants.dart'; import 'package:flutter_school_management/widgets/custom_button.dart'; import 'package:flutter_school_management/widgets/custom_text_field.dart'; import 'package:shared_preferences/shared_preferences.dart'; class LoginScreen extends StatefulWidget { const LoginScreen({super.key}); @override State createState() => _LoginScreenState(); } class _LoginScreenState extends State { final _formKey = GlobalKey(); final _emailController = TextEditingController(); final _passwordController = TextEditingController(); final _supabase = Supabase.instance.client; bool _isLoading = false; String? _errorMessage; @override void dispose() { _emailController.dispose(); _passwordController.dispose(); super.dispose(); } Future _login() async { if (!_formKey.currentState!.validate()) return; setState(() { _isLoading = true; _errorMessage = null; }); try { final response = await _supabase.auth.signInWithPassword( email: _emailController.text.trim(), password: _passwordController.text, ); if (response.user != null) { // Fetch user role from profiles table final userData = await _supabase .from('profiles') .select('role, full_name, id') .eq('id', response.user!.id) .single(); // Save user data to shared preferences final prefs = await SharedPreferences.getInstance(); await prefs.setString(Constants.prefUserRole, userData['role'] as String); await prefs.setString(Constants.prefUserId, response.user!.id); await prefs.setString(Constants.prefUserName, userData['full_name'] as String); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute( builder: (context) => DashboardRouter( userRole: userData['role'] as String, ), ), ); } } } on AuthException catch (e) { setState(() { _errorMessage = e.message; }); } catch (e) { setState(() { _errorMessage = 'An unexpected error occurred'; }); } finally { if (mounted) { setState(() { _isLoading = false; }); } } } @override Widget build(BuildContext context) { return Scaffold( body: Center( child: SingleChildScrollView( padding: const EdgeInsets.all(24), child: Form( key: _formKey, child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Image.asset( 'assets/images/logo.png', width: 120, height: 120, ), const SizedBox(height: 32), const Text( 'School Management System', textAlign: TextAlign.center, style: TextStyle( fontSize: 24, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), const Text( 'Sign in to your account', textAlign: TextAlign.center, style: TextStyle( fontSize: 16, color: Colors.grey, ), ), const SizedBox(height: 32), if (_errorMessage != null) Container( padding: const EdgeInsets.all(12), decoration: BoxDecoration( color: Colors.red.withOpacity(0.1), borderRadius: BorderRadius.circular(8), ), child: Text( _errorMessage!, style: const TextStyle(color: Colors.red), ), ), if (_errorMessage != null) const SizedBox(height: 16), CustomTextField( controller: _emailController, label: 'Email', hint: 'Enter your email', prefixIcon: Icons.email_outlined, keyboardType: TextInputType.emailAddress, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your email'; } if (!value.contains('@') || !value.contains('.')) { return 'Please enter a valid email'; } return null; }, ), const SizedBox(height: 16), CustomTextField( controller: _passwordController, label: 'Password', hint: 'Enter your password', prefixIcon: Icons.lock_outline, isPassword: true, validator: (value) { if (value == null || value.isEmpty) { return 'Please enter your password'; } if (value.length < 6) { return 'Password must be at least 6 characters'; } return null; }, ), const SizedBox(height: 8), Align( alignment: Alignment.centerRight, child: TextButton( onPressed: () { // Navigate to forgot password screen }, child: const Text('Forgot Password?'), ), ), const SizedBox(height: 24), CustomButton( text: 'Sign In', isLoading: _isLoading, onPressed: _login, ), ], ), ), ), ), ); } } [V0_FILE]plaintext:file="lib/widgets/custom_text_field.dart" import 'package:flutter/material.dart'; class CustomTextField extends StatefulWidget { final TextEditingController controller; final String label; final String hint; final IconData? prefixIcon; final bool isPassword; final TextInputType keyboardType; final String? Function(String?)? validator; final int maxLines; final bool readOnly; final VoidCallback? onTap; const CustomTextField({ super.key, required this.controller, required this.label, required this.hint, this.prefixIcon, this.isPassword = false, this.keyboardType = TextInputType.text, this.validator, this.maxLines = 1, this.readOnly = false, this.onTap, }); @override State createState() => _CustomTextFieldState(); } class _CustomTextFieldState extends State { bool _obscureText = true; @override Widget build(BuildContext context) { return TextFormField( controller: widget.controller, obscureText: widget.isPassword && _obscureText, keyboardType: widget.keyboardType, maxLines: widget.maxLines, readOnly: widget.readOnly, onTap: widget.onTap, decoration: InputDecoration( labelText: widget.label, hintText: widget.hint, prefixIcon: widget.prefixIcon != null ? Icon(widget.prefixIcon) : null, suffixIcon: widget.isPassword ? IconButton( icon: Icon( _obscureText ? Icons.visibility_off : Icons.visibility, ), onPressed: () { setState(() { _obscureText = !_obscureText; }); }, ) : null, border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), validator: widget.validator, ); } } [V0_FILE]plaintext:file="lib/widgets/custom_button.dart" import 'package:flutter/material.dart'; class CustomButton extends StatelessWidget { final String text; final VoidCallback onPressed; final bool isLoading; final bool isOutlined; final IconData? icon; final Color? backgroundColor; final Color? textColor; const CustomButton({ super.key, required this.text, required this.onPressed, this.isLoading = false, this.isOutlined = false, this.icon, this.backgroundColor, this.textColor, }); @override Widget build(BuildContext context) { final theme = Theme.of(context); if (isOutlined) { return OutlinedButton( onPressed: isLoading ? null : onPressed, style: OutlinedButton.styleFrom( foregroundColor: textColor ?? theme.colorScheme.primary, side: BorderSide( color: textColor ?? theme.colorScheme.primary, ), padding: const EdgeInsets.symmetric(vertical: 16), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), child: _buildButtonContent(), ); } return ElevatedButton( onPressed: isLoading ? null : onPressed, style: ElevatedButton.styleFrom( backgroundColor: backgroundColor ?? theme.colorScheme.primary, foregroundColor: textColor ?? Colors.white, padding: const EdgeInsets.symmetric(vertical: 16), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), child: _buildButtonContent(), ); } Widget _buildButtonContent() { if (isLoading) { return const SizedBox( height: 20, width: 20, child: CircularProgressIndicator( strokeWidth: 2, color: Colors.white, ), ); } if (icon != null) { return Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(icon), const SizedBox(width: 8), Text(text), ], ); } return Text(text); } } [V0_FILE]plaintext:file="lib/screens/dashboard/dashboard_router.dart" import 'package:flutter/material.dart'; import 'package:flutter_school_management/screens/dashboard/head_teacher_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/deputy_head_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/hod_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/teacher_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/student_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/parent_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/finance_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/exam_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/health_dashboard.dart'; import 'package:flutter_school_management/screens/dashboard/government_dashboard.dart'; import 'package:flutter_school_management/utils/constants.dart'; class DashboardRouter extends StatelessWidget { final String userRole; const DashboardRouter({ super.key, required this.userRole, }); @override Widget build(BuildContext context) { switch (userRole) { case Constants.roleHeadTeacher: return const HeadTeacherDashboard(); case Constants.roleDeputyHead: return const DeputyHeadDashboard(); case Constants.roleHOD: return const HODDashboard(); case Constants.roleTeacher: return const TeacherDashboard(); case Constants.roleStudent: return const StudentDashboard(); case Constants.roleParent: return const ParentDashboard(); case Constants.roleFinance: return const FinanceDashboard(); case Constants.roleExamCoordinator: return const ExamDashboard(); case Constants.roleHealthOfficer: return const HealthDashboard(); case Constants.roleGovernmentOfficer: return const GovernmentDashboard(); default: // If role is not recognized, show an error screen return Scaffold( appBar: AppBar( title: const Text('Error'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ const Icon( Icons.error_outline, size: 64, color: Colors.red, ), const SizedBox(height: 16), const Text( 'Invalid User Role', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), Text( 'The role "$userRole" is not recognized.', style: const TextStyle(fontSize: 16), ), const SizedBox(height: 24), ElevatedButton( onPressed: () { // Sign out and navigate to login Supabase.instance.client.auth.signOut(); Navigator.of(context).pushReplacementNamed('/login'); }, child: const Text('Back to Login'), ), ], ), ), ); } } } [V0_FILE]plaintext:file="lib/screens/dashboard/head_teacher_dashboard.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/widgets/dashboard_card.dart'; import 'package:flutter_school_management/widgets/dashboard_layout.dart'; import 'package:flutter_school_management/utils/constants.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:shared_preferences/shared_preferences.dart'; class HeadTeacherDashboard extends StatefulWidget { const HeadTeacherDashboard({super.key}); @override State createState() => _HeadTeacherDashboardState(); } class _HeadTeacherDashboardState extends State { final _supabase = Supabase.instance.client; String _userName = ''; bool _isLoading = true; // Dashboard statistics int _totalStudents = 0; int _totalTeachers = 0; int _pendingApprovals = 0; double _feesCollection = 0; int _disciplinaryCases = 0; @override void initState() { super.initState(); _loadUserData(); _loadDashboardData(); } Future _loadUserData() async { final prefs = await SharedPreferences.getInstance(); setState(() { _userName = prefs.getString(Constants.prefUserName) ?? 'Head Teacher'; }); } Future _loadDashboardData() async { try { // Fetch total students final studentsResponse = await _supabase .from('students') .select('id', count: CountOption.exact); // Fetch total teachers final teachersResponse = await _supabase .from('staff') .select('id', count: CountOption.exact) .eq('role', 'teacher'); // Fetch pending approvals final approvalsResponse = await _supabase .from('approvals') .select('id', count: CountOption.exact) .eq('status', 'pending'); // Fetch fees collection final feesResponse = await _supabase .from('fee_payments') .select('amount') .gte('payment_date', DateTime.now().subtract(const Duration(days: 30)).toIso8601String()); // Fetch disciplinary cases final disciplinaryResponse = await _supabase .from('disciplinary_cases') .select('id', count: CountOption.exact) .eq('status', 'pending'); if (mounted) { setState(() { _totalStudents = studentsResponse.count ?? 0; _totalTeachers = teachersResponse.count ?? 0; _pendingApprovals = approvalsResponse.count ?? 0; _feesCollection = (feesResponse as List).fold(0.0, (sum, item) => sum + (item['amount'] as num)); _disciplinaryCases = disciplinaryResponse.count ?? 0; _isLoading = false; }); } } catch (e) { if (mounted) { setState(() { _isLoading = false; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Error loading dashboard data: $e')), ); } } } Future _signOut() async { await _supabase.auth.signOut(); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } @override Widget build(BuildContext context) { return DashboardLayout( title: 'Head Teacher Dashboard', userName: _userName, userRole: 'Head Teacher', onSignOut: _signOut, body: _isLoading ? const Center(child: CircularProgressIndicator()) : SingleChildScrollView( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Overview', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), GridView.count( crossAxisCount: MediaQuery.of(context).size.width > 1200 ? 4 : MediaQuery.of(context).size.width > 800 ? 3 : 2, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), children: [ DashboardCard( title: 'Total Students', value: _totalStudents.toString(), icon: Icons.school, color: Colors.blue, onTap: () { // Navigate to students management }, ), DashboardCard( title: 'Total Teachers', value: _totalTeachers.toString(), icon: Icons.person, color: Colors.green, onTap: () { // Navigate to teachers management }, ), DashboardCard( title: 'Pending Approvals', value: _pendingApprovals.toString(), icon: Icons.approval, color: Colors.orange, onTap: () { // Navigate to approvals }, ), DashboardCard( title: 'Fees Collection', value: 'UGX ${_feesCollection.toStringAsFixed(2)}', icon: Icons.attach_money, color: Colors.purple, onTap: () { // Navigate to fees management }, ), DashboardCard( title: 'Disciplinary Cases', value: _disciplinaryCases.toString(), icon: Icons.gavel, color: Colors.red, onTap: () { // Navigate to disciplinary cases }, ), ], ), const SizedBox(height: 24), const Text( 'Quick Actions', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Wrap( spacing: 16, runSpacing: 16, children: [ _buildActionButton( icon: Icons.assignment_ind, label: 'Assign Roles', onTap: () { // Navigate to role assignment }, ), _buildActionButton( icon: Icons.approval, label: 'Approve Requests', onTap: () { // Navigate to approvals }, ), _buildActionButton( icon: Icons.calendar_today, label: 'Academic Calendar', onTap: () { // Navigate to academic calendar }, ), _buildActionButton( icon: Icons.assessment, label: 'Generate Reports', onTap: () { // Navigate to reports }, ), ], ), const SizedBox(height: 24), const Text( 'Recent Activities', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Card( child: ListView.separated( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: 5, separatorBuilder: (context, index) => const Divider(), itemBuilder: (context, index) { return const ListTile( leading: CircleAvatar( child: Icon(Icons.notifications), ), title: Text('Activity Title'), subtitle: Text('Activity description goes here'), trailing: Text('2h ago'), ); }, ), ), ], ), ), ); } Widget _buildActionButton({ required IconData icon, required String label, required VoidCallback onTap, }) { return InkWell( onTap: onTap, borderRadius: BorderRadius.circular(8), child: Container( width: 120, padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 8), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(8), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.05), blurRadius: 4, offset: const Offset(0, 2), ), ], ), child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon( icon, size: 32, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 8), Text( label, textAlign: TextAlign.center, style: TextStyle( color: Theme.of(context).colorScheme.onSurface, ), ), ], ), ), ); } } [V0_FILE]plaintext:file="lib/widgets/dashboard_card.dart" import 'package:flutter/material.dart'; class DashboardCard extends StatelessWidget { final String title; final String value; final IconData icon; final Color color; final VoidCallback? onTap; const DashboardCard({ super.key, required this.title, required this.value, required this.icon, required this.color, this.onTap, }); @override Widget build(BuildContext context) { return Card( elevation: 2, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), child: InkWell( onTap: onTap, borderRadius: BorderRadius.circular(12), child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( title, style: TextStyle( fontSize: 16, color: Theme.of(context).colorScheme.onSurface.withOpacity(0.7), ), ), Icon( icon, color: color, size: 28, ), ], ), const SizedBox(height: 16), Text( value, style: const TextStyle( fontSize: 24, fontWeight: FontWeight.bold, ), ), ], ), ), ), ); } } [V0_FILE]plaintext:file="lib/widgets/dashboard_layout.dart" import 'package:flutter/material.dart'; import 'package:flutter_school_management/utils/constants.dart'; import 'package:flutter_school_management/widgets/responsive_builder.dart'; class DashboardLayout extends StatefulWidget { final String title; final String userName; final String userRole; final Widget body; final VoidCallback onSignOut; const DashboardLayout({ super.key, required this.title, required this.userName, required this.userRole, required this.body, required this.onSignOut, }); @override State createState() => _DashboardLayoutState(); } class _DashboardLayoutState extends State { int _selectedIndex = 0; bool _isDrawerOpen = false; final List _navigationItems = [ NavigationItem( title: 'Dashboard', icon: Icons.dashboard, ), NavigationItem( title: 'Students', icon: Icons.school, ), NavigationItem( title: 'Staff', icon: Icons.people, ), NavigationItem( title: 'Academics', icon: Icons.book, ), NavigationItem( title: 'Finance', icon: Icons.attach_money, ), NavigationItem( title: 'Attendance', icon: Icons.calendar_today, ), NavigationItem( title: 'Communication', icon: Icons.message, ), NavigationItem( title: 'Reports', icon: Icons.assessment, ), NavigationItem( title: 'Settings', icon: Icons.settings, ), ]; @override Widget build(BuildContext context) { return ResponsiveBuilder( mobile: _buildMobileLayout(), tablet: _buildTabletLayout(), desktop: _buildDesktopLayout(), ); } Widget _buildMobileLayout() { return Scaffold( appBar: AppBar( title: Text(widget.title), actions: [ IconButton( icon: const Icon(Icons.notifications), onPressed: () { // Show notifications }, ), IconButton( icon: const Icon(Icons.account_circle), onPressed: () { // Show profile menu _showProfileMenu(context); }, ), ], ), drawer: _buildDrawer(), body: widget.body, bottomNavigationBar: BottomNavigationBar( currentIndex: _selectedIndex, onTap: (index) { setState(() { _selectedIndex = index; }); }, type: BottomNavigationBarType.fixed, items: const [ BottomNavigationBarItem( icon: Icon(Icons.dashboard), label: 'Dashboard', ), BottomNavigationBarItem( icon: Icon(Icons.school), label: 'Students', ), BottomNavigationBarItem( icon: Icon(Icons.book), label: 'Academics', ), BottomNavigationBarItem( icon: Icon(Icons.more_horiz), label: 'More', ), ], ), ); } Widget _buildTabletLayout() { return Scaffold( appBar: AppBar( title: Text(widget.title), actions: [ IconButton( icon: const Icon(Icons.notifications), onPressed: () { // Show notifications }, ), const SizedBox(width: 8), PopupMenuButton( offset: const Offset(0, 56), child: Padding( padding: const EdgeInsets.symmetric(horizontal: 16), child: Row( children: [ const CircleAvatar( radius: 16, child: Icon(Icons.person, size: 20), ), const SizedBox(width: 8), Text(widget.userName), const SizedBox(width: 4), const Icon(Icons.arrow_drop_down), ], ), ), itemBuilder: (context) => [ PopupMenuItem( child: const Text('Profile'), onTap: () { // Navigate to profile }, ), PopupMenuItem( child: const Text('Settings'), onTap: () { // Navigate to settings }, ), PopupMenuItem( child: const Text('Sign Out'), onTap: widget.onSignOut, ), ], ), ], ), drawer: _buildDrawer(), body: widget.body, ); } Widget _buildDesktopLayout() { return Scaffold( body: Row( children: [ _buildSidebar(), Expanded( child: Column( children: [ _buildAppBar(), Expanded( child: widget.body, ), ], ), ), ], ), ); } Widget _buildAppBar() { return Container( height: 64, padding: const EdgeInsets.symmetric(horizontal: 16), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.05), blurRadius: 4, offset: const Offset(0, 2), ), ], ), child: Row( children: [ IconButton( icon: Icon( _isDrawerOpen ? Icons.menu_open : Icons.menu, color: Theme.of(context).colorScheme.onSurface, ), onPressed: () { setState(() { _isDrawerOpen = !_isDrawerOpen; }); }, ), const SizedBox(width: 16), Text( widget.title, style: const TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const Spacer(), IconButton( icon: const Icon(Icons.search), onPressed: () { // Show search }, ), const SizedBox(width: 8), IconButton( icon: const Icon(Icons.notifications), onPressed: () { // Show notifications }, ), const SizedBox(width: 16), PopupMenuButton( offset: const Offset(0, 56), child: Row( children: [ const CircleAvatar( radius: 16, child: Icon(Icons.person, size: 20), ), const SizedBox(width: 8), Text(widget.userName), const SizedBox(width: 4), const Icon(Icons.arrow_drop_down), ], ), itemBuilder: (context) => [ PopupMenuItem( child: const Text('Profile'), onTap: () { // Navigate to profile }, ), PopupMenuItem( child: const Text('Settings'), onTap: () { // Navigate to settings }, ), PopupMenuItem( child: const Text('Sign Out'), onTap: widget.onSignOut, ), ], ), ], ), ); } Widget _buildSidebar() { return AnimatedContainer( duration: const Duration(milliseconds: 200), width: _isDrawerOpen ? 250 : 70, color: Theme.of(context).colorScheme.primary, child: Column( children: [ Container( height: 64, alignment: Alignment.center, child: _isDrawerOpen ? Text( Constants.appName, style: const TextStyle( color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold, ), ) : const Icon( Icons.school, color: Colors.white, size: 28, ), ), const Divider(color: Colors.white24), Expanded( child: ListView.builder( itemCount: _navigationItems.length, itemBuilder: (context, index) { final item = _navigationItems[index]; return ListTile( selected: _selectedIndex == index, selectedTileColor: Colors.white.withOpacity(0.1), leading: Icon( item.icon, color: Colors.white, ), title: _isDrawerOpen ? Text( item.title, style: const TextStyle(color: Colors.white), ) : null, minLeadingWidth: 0, onTap: () { setState(() { _selectedIndex = index; }); }, ); }, ), ), const Divider(color: Colors.white24), ListTile( leading: const Icon( Icons.logout, color: Colors.white, ), title: _isDrawerOpen ? const Text( 'Sign Out', style: TextStyle(color: Colors.white), ) : null, minLeadingWidth: 0, onTap: widget.onSignOut, ), const SizedBox(height: 16), ], ), ); } Widget _buildDrawer() { return Drawer( child: Column( children: [ UserAccountsDrawerHeader( accountName: Text(widget.userName), accountEmail: Text(widget.userRole), currentAccountPicture: const CircleAvatar( child: Icon(Icons.person), ), decoration: BoxDecoration( color: Theme.of(context).colorScheme.primary, ), ), Expanded( child: ListView.builder( itemCount: _navigationItems.length, itemBuilder: (context, index) { final item = _navigationItems[index]; return ListTile( selected: _selectedIndex == index, leading: Icon(item.icon), title: Text(item.title), onTap: () { setState(() { _selectedIndex = index; Navigator.pop(context); // Close drawer }); }, ); }, ), ), const Divider(), ListTile( leading: const Icon(Icons.logout), title: const Text('Sign Out'), onTap: widget.onSignOut, ), const SizedBox(height: 16), ], ), ); } void _showProfileMenu(BuildContext context) { showModalBottomSheet( context: context, builder: (context) { return SafeArea( child: Column( mainAxisSize: MainAxisSize.min, children: [ ListTile( leading: const CircleAvatar( child: Icon(Icons.person), ), title: Text(widget.userName), subtitle: Text(widget.userRole), ), const Divider(), ListTile( leading: const Icon(Icons.person), title: const Text('Profile'), onTap: () { Navigator.pop(context); // Navigate to profile }, ), ListTile( leading: const Icon(Icons.settings), title: const Text('Settings'), onTap: () { Navigator.pop(context); // Navigate to settings }, ), ListTile( leading: const Icon(Icons.logout), title: const Text('Sign Out'), onTap: () { Navigator.pop(context); widget.onSignOut(); }, ), ], ), ); }, ); } } class NavigationItem { final String title; final IconData icon; NavigationItem({ required this.title, required this.icon, }); } [V0_FILE]plaintext:file="lib/widgets/responsive_builder.dart" import 'package:flutter/material.dart'; class ResponsiveBuilder extends StatelessWidget { final Widget mobile; final Widget? tablet; final Widget? desktop; const ResponsiveBuilder({ super.key, required this.mobile, this.tablet, this.desktop, }); static bool isMobile(BuildContext context) => MediaQuery.of(context).size.width < 650; static bool isTablet(BuildContext context) => MediaQuery.of(context).size.width >= 650 && MediaQuery.of(context).size.width < 1100; static bool isDesktop(BuildContext context) => MediaQuery.of(context).size.width >= 1100; @override Widget build(BuildContext context) { if (isDesktop(context) && desktop != null) { return desktop!; } if (isTablet(context) && tablet != null) { return tablet!; } return mobile; } } [V0_FILE]plaintext:file="lib/screens/dashboard/student_dashboard.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/widgets/dashboard_layout.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:flutter_school_management/utils/constants.dart'; class StudentDashboard extends StatefulWidget { const StudentDashboard({super.key}); @override State createState() => _StudentDashboardState(); } class _StudentDashboardState extends State { final _supabase = Supabase.instance.client; String _userName = ''; bool _isLoading = true; // Student data Map? _studentData; List> _upcomingAssignments = []; List> _recentGrades = []; @override void initState() { super.initState(); _loadUserData(); _loadStudentData(); } Future _loadUserData() async { final prefs = await SharedPreferences.getInstance(); setState(() { _userName = prefs.getString(Constants.prefUserName) ?? 'Student'; }); } Future _loadStudentData() async { try { final userId = _supabase.auth.currentUser?.id; if (userId == null) { throw Exception('User not authenticated'); } // Fetch student profile final studentResponse = await _supabase .from('students') .select('*, class:classes(*)') .eq('user_id', userId) .single(); // Fetch upcoming assignments final assignmentsResponse = await _supabase .from('assignments') .select('*, subject:subjects(name)') .eq('class_id', studentResponse['class_id']) .gte('due_date', DateTime.now().toIso8601String()) .order('due_date') .limit(5); // Fetch recent grades final gradesResponse = await _supabase .from('grades') .select('*, assessment:assessments(title, max_score), subject:subjects(name)') .eq('student_id', studentResponse['id']) .order('created_at', ascending: false) .limit(5); if (mounted) { setState(() { _studentData = studentResponse; _upcomingAssignments = List>.from(assignmentsResponse); _recentGrades = List>.from(gradesResponse); _isLoading = false; }); } } catch (e) { if (mounted) { setState(() { _isLoading = false; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Error loading student data: $e')), ); } } } Future _signOut() async { await _supabase.auth.signOut(); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } @override Widget build(BuildContext context) { return DashboardLayout( title: 'Student Dashboard', userName: _userName, userRole: 'Student', onSignOut: _signOut, body: _isLoading ? const Center(child: CircularProgressIndicator()) : _studentData == null ? const Center(child: Text('No student data found')) : SingleChildScrollView( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ _buildStudentInfoCard(), const SizedBox(height: 24), _buildQuickActions(), const SizedBox(height: 24), _buildUpcomingAssignments(), const SizedBox(height: 24), _buildRecentGrades(), ], ), ), ); } Widget _buildStudentInfoCard() { return Card( child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ CircleAvatar( radius: 40, backgroundColor: Theme.of(context).colorScheme.primary, child: const Icon( Icons.person, size: 40, color: Colors.white, ), ), const SizedBox(width: 16), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( _studentData!['full_name'] ?? 'Student Name', style: const TextStyle( fontSize: 24, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), Text( 'Class: ${_studentData!['class']['name'] ?? 'Unknown'}', style: const TextStyle( fontSize: 16, color: Colors.grey, ), ), const SizedBox(height: 4), Text( 'ID: ${_studentData!['student_id'] ?? 'Unknown'}', style: const TextStyle( fontSize: 16, color: Colors.grey, ), ), ], ), ), ], ), const SizedBox(height: 16), const Divider(), const SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ _buildInfoItem( icon: Icons.calendar_today, label: 'Attendance', value: '95%', ), _buildInfoItem( icon: Icons.assessment, label: 'Average Grade', value: 'B+', ), _buildInfoItem( icon: Icons.attach_money, label: 'Fees Status', value: 'Paid', ), ], ), ], ), ), ); } Widget _buildInfoItem({ required IconData icon, required String label, required String value, }) { return Column( children: [ Icon( icon, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 8), Text( label, style: TextStyle( color: Colors.grey[600], fontSize: 14, ), ), const SizedBox(height: 4), Text( value, style: const TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), ], ); } Widget _buildQuickActions() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Quick Actions', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), GridView.count( crossAxisCount: MediaQuery.of(context).size.width > 800 ? 4 : 2, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), children: [ _buildActionCard( icon: Icons.book, title: 'Timetable', onTap: () { // Navigate to timetable }, ), _buildActionCard( icon: Icons.assignment, title: 'Assignments', onTap: () { // Navigate to assignments }, ), _buildActionCard( icon: Icons.library_books, title: 'Library', onTap: () { // Navigate to library }, ), _buildActionCard( icon: Icons.message, title: 'Messages', onTap: () { // Navigate to messages }, ), ], ), ], ); } Widget _buildActionCard({ required IconData icon, required String title, required VoidCallback onTap, }) { return Card( child: InkWell( onTap: onTap, borderRadius: BorderRadius.circular(12), child: Padding( padding: const EdgeInsets.all(16), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( icon, size: 40, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 12), Text( title, textAlign: TextAlign.center, style: const TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ], ), ), ), ); } Widget _buildUpcomingAssignments() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Upcoming Assignments', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), _upcomingAssignments.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No upcoming assignments'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _upcomingAssignments.length, itemBuilder: (context, index) { final assignment = _upcomingAssignments[index]; final dueDate = DateTime.parse(assignment['due_date']); final now = DateTime.now(); final daysLeft = dueDate.difference(now).inDays; return Card( margin: const EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: daysLeft < 2 ? Colors.red : daysLeft < 5 ? Colors.orange : Colors.green, child: const Icon( Icons.assignment, color: Colors.white, ), ), title: Text(assignment['title']), subtitle: Text( '${assignment['subject']['name']} • Due in $daysLeft days', ), trailing: IconButton( icon: const Icon(Icons.arrow_forward), onPressed: () { // View assignment details }, ), ), ); }, ), ], ); } Widget _buildRecentGrades() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Recent Grades', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), _recentGrades.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No recent grades'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _recentGrades.length, itemBuilder: (context, index) { final grade = _recentGrades[index]; final score = grade['score'] ?? 0; final maxScore = grade['assessment']['max_score'] ?? 100; final percentage = (score / maxScore) * 100; Color gradeColor; if (percentage >= 80) { gradeColor = Colors.green; } else if (percentage >= 60) { gradeColor = Colors.blue; } else if (percentage >= 40) { gradeColor = Colors.orange; } else { gradeColor = Colors.red; } return Card( margin: const EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: gradeColor, child: Text( '${percentage.round()}%', style: const TextStyle( color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12, ), ), ), title: Text(grade['assessment']['title']), subtitle: Text( '${grade['subject']['name']} • Score: $score/${grade['assessment']['max_score']}', ), trailing: IconButton( icon: const Icon(Icons.visibility), onPressed: () { // View grade details }, ), ), ); }, ), ], ); } } [V0_FILE]plaintext:file="lib/screens/dashboard/teacher_dashboard.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/widgets/dashboard_layout.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:flutter_school_management/utils/constants.dart'; import 'package:flutter_school_management/widgets/dashboard_card.dart'; class TeacherDashboard extends StatefulWidget { const TeacherDashboard({super.key}); @override State createState() => _TeacherDashboardState(); } class _TeacherDashboardState extends State { final _supabase = Supabase.instance.client; String _userName = ''; bool _isLoading = true; // Teacher data Map? _teacherData; List> _assignedClasses = []; List> _upcomingLessons = []; List> _pendingAssignments = []; @override void initState() { super.initState(); _loadUserData(); _loadTeacherData(); } Future _loadUserData() async { final prefs = await SharedPreferences.getInstance(); setState(() { _userName = prefs.getString(Constants.prefUserName) ?? 'Teacher'; }); } Future _loadTeacherData() async { try { final userId = _supabase.auth.currentUser?.id; if (userId == null) { throw Exception('User not authenticated'); } // Fetch teacher profile final teacherResponse = await _supabase .from('staff') .select('*') .eq('user_id', userId) .single(); // Fetch assigned classes final classesResponse = await _supabase .from('teacher_classes') .select('*, class:classes(*), subject:subjects(*)') .eq('teacher_id', teacherResponse['id']); // Fetch upcoming lessons final lessonsResponse = await _supabase .from('timetable') .select('*, class:classes(name), subject:subjects(name)') .eq('teacher_id', teacherResponse['id']) .gte('date', DateTime.now().toIso8601String()) .order('date') .limit(5); // Fetch pending assignments to grade final assignmentsResponse = await _supabase .from('assignments') .select('*, class:classes(name), subject:subjects(name)') .eq('teacher_id', teacherResponse['id']) .eq('status', 'active') .order('due_date') .limit(5); if (mounted) { setState(() { _teacherData = teacherResponse; _assignedClasses = List>.from(classesResponse); _upcomingLessons = List>.from(lessonsResponse); _pendingAssignments = List>.from(assignmentsResponse); _isLoading = false; }); } } catch (e) { if (mounted) { setState(() { _isLoading = false; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Error loading teacher data: $e')), ); } } } Future _signOut() async { await _supabase.auth.signOut(); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } @override Widget build(BuildContext context) { return DashboardLayout( title: 'Teacher Dashboard', userName: _userName, userRole: 'Teacher', onSignOut: _signOut, body: _isLoading ? const Center(child: CircularProgressIndicator()) : _teacherData == null ? const Center(child: Text('No teacher data found')) : SingleChildScrollView( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ _buildOverviewSection(), const SizedBox(height: 24), _buildQuickActions(), const SizedBox(height: 24), _buildUpcomingLessons(), const SizedBox(height: 24), _buildPendingAssignments(), ], ), ), ); } Widget _buildOverviewSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Overview', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), GridView.count( crossAxisCount: MediaQuery.of(context).size.width > 1200 ? 4 : MediaQuery.of(context).size.width > 800 ? 3 : 2, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), children: [ DashboardCard( title: 'Assigned Classes', value: _assignedClasses.length.toString(), icon: Icons.class_, color: Colors.blue, onTap: () { // Navigate to classes }, ), DashboardCard( title: 'Upcoming Lessons', value: _upcomingLessons.length.toString(), icon: Icons.schedule, color: Colors.green, onTap: () { // Navigate to timetable }, ), DashboardCard( title: 'Pending Assignments', value: _pendingAssignments.length.toString(), icon: Icons.assignment, color: Colors.orange, onTap: () { // Navigate to assignments }, ), DashboardCard( title: 'Student Attendance', value: '95%', icon: Icons.people, color: Colors.purple, onTap: () { // Navigate to attendance }, ), ], ), ], ); } Widget _buildQuickActions() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Quick Actions', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Wrap( spacing: 16, runSpacing: 16, children: [ _buildActionButton( icon: Icons.how_to_reg, label: 'Take Attendance', onTap: () { // Navigate to attendance }, ), _buildActionButton( icon: Icons.add_task, label: 'Create Assignment', onTap: () { // Navigate to create assignment }, ), _buildActionButton( icon: Icons.grade, label: 'Grade Submissions', onTap: () { // Navigate to grade submissions }, ), _buildActionButton( icon: Icons.message, label: 'Message Parents', onTap: () { // Navigate to messaging }, ), ], ), ], ); } Widget _buildActionButton({ required IconData icon, required String label, required VoidCallback onTap, }) { return InkWell( onTap: onTap, borderRadius: BorderRadius.circular(8), child: Container( width: 120, padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 8), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(8), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.05), blurRadius: 4, offset: const Offset(0, 2), ), ], ), child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon( icon, size: 32, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 8), Text( label, textAlign: TextAlign.center, style: TextStyle( color: Theme.of(context).colorScheme.onSurface, ), ), ], ), ), ); } Widget _buildUpcomingLessons() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Upcoming Lessons', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), _upcomingLessons.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No upcoming lessons'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _upcomingLessons.length, itemBuilder: (context, index) { final lesson = _upcomingLessons[index]; final date = DateTime.parse(lesson['date']); return Card( margin: const EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: Theme.of(context).colorScheme.primary, child: Text( '${date.hour}:${date.minute.toString().padLeft(2, '0')}', style: const TextStyle( color: Colors.white, fontSize: 12, ), ), ), title: Text(lesson['subject']['name']), subtitle: Text( '${lesson['class']['name']} • ${_formatDate(date)}', ), trailing: IconButton( icon: const Icon(Icons.arrow_forward), onPressed: () { // View lesson details }, ), ), ); }, ), ], ); } Widget _buildPendingAssignments() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Pending Assignments', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), _pendingAssignments.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No pending assignments'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _pendingAssignments.length, itemBuilder: (context, index) { final assignment = _pendingAssignments[index]; final dueDate = DateTime.parse(assignment['due_date']); return Card( margin: const EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: Colors.orange, child: const Icon( Icons.assignment, color: Colors.white, ), ), title: Text(assignment['title']), subtitle: Text( '${assignment['class']['name']} • ${assignment['subject']['name']} • Due: ${_formatDate(dueDate)}', ), trailing: IconButton( icon: const Icon(Icons.visibility), onPressed: () { // View assignment details }, ), ), ); }, ), ], ); } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } } [V0_FILE]plaintext:file="lib/screens/dashboard/deputy_head_dashboard.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/widgets/dashboard_layout.dart'; import 'package:flutter_school_management/widgets/dashboard_card.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:flutter_school_management/utils/constants.dart'; class DeputyHeadDashboard extends StatefulWidget { const DeputyHeadDashboard({super.key}); @override State createState() => _DeputyHeadDashboardState(); } class _DeputyHeadDashboardState extends State { final _supabase = Supabase.instance.client; String _userName = ''; bool _isLoading = true; // Dashboard statistics int _totalClasses = 0; int _pendingLessonPlans = 0; int _teacherAbsences = 0; int _examsPending = 0; int _studentsAtRisk = 0; @override void initState() { super.initState(); _loadUserData(); _loadDashboardData(); } Future _loadUserData() async { final prefs = await SharedPreferences.getInstance(); setState(() { _userName = prefs.getString(Constants.prefUserName) ?? 'Deputy Head Teacher'; }); } Future _loadDashboardData() async { try { // Fetch total classes final classesResponse = await _supabase .from('classes') .select('id', count: CountOption.exact); // Fetch pending lesson plans final lessonPlansResponse = await _supabase .from('lesson_plans') .select('id', count: CountOption.exact) .eq('status', 'pending'); // Fetch teacher absences final absencesResponse = await _supabase .from('staff_attendance') .select('id', count: CountOption.exact) .eq('status', 'absent') .gte('date', DateTime.now().subtract(const Duration(days: 7)).toIso8601String()); // Fetch exams pending final examsResponse = await _supabase .from('exams') .select('id', count: CountOption.exact) .eq('status', 'pending'); // Fetch students at risk final studentsResponse = await _supabase .from('students') .select('id', count: CountOption.exact) .eq('academic_status', 'at_risk'); if (mounted) { setState(() { _totalClasses = classesResponse.count ?? 0; _pendingLessonPlans = lessonPlansResponse.count ?? 0; _teacherAbsences = absencesResponse.count ?? 0; _examsPending = examsResponse.count ?? 0; _studentsAtRisk = studentsResponse.count ?? 0; _isLoading = false; }); } } catch (e) { if (mounted) { setState(() { _isLoading = false; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Error loading dashboard data: $e')), ); } } } Future _signOut() async { await _supabase.auth.signOut(); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } @override Widget build(BuildContext context) { return DashboardLayout( title: 'Deputy Head Teacher Dashboard', userName: _userName, userRole: 'Deputy Head Teacher (DOS)', onSignOut: _signOut, body: _isLoading ? const Center(child: CircularProgressIndicator()) : SingleChildScrollView( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Academic Operations Overview', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), GridView.count( crossAxisCount: MediaQuery.of(context).size.width > 1200 ? 4 : MediaQuery.of(context).size.width > 800 ? 3 : 2, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), children: [ DashboardCard( title: 'Total Classes', value: _totalClasses.toString(), icon: Icons.class_, color: Colors.blue, onTap: () { // Navigate to classes management }, ), DashboardCard( title: 'Pending Lesson Plans', value: _pendingLessonPlans.toString(), icon: Icons.assignment, color: Colors.orange, onTap: () { // Navigate to lesson plans }, ), DashboardCard( title: 'Teacher Absences', value: _teacherAbsences.toString(), icon: Icons.person_off, color: Colors.red, onTap: () { // Navigate to teacher attendance }, ), DashboardCard( title: 'Exams Pending', value: _examsPending.toString(), icon: Icons.quiz, color: Colors.purple, onTap: () { // Navigate to exams }, ), DashboardCard( title: 'Students At Risk', value: _studentsAtRisk.toString(), icon: Icons.warning, color: Colors.amber, onTap: () { // Navigate to at-risk students }, ), ], ), const SizedBox(height: 24), const Text( 'Academic Management', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Wrap( spacing: 16, runSpacing: 16, children: [ _buildActionButton( icon: Icons.schedule, label: 'Timetable Management', onTap: () { // Navigate to timetable management }, ), _buildActionButton( icon: Icons.grading, label: 'Gradebook Central', onTap: () { // Navigate to gradebook }, ), _buildActionButton( icon: Icons.supervisor_account, label: 'Teacher Supervision', onTap: () { // Navigate to teacher supervision }, ), _buildActionButton( icon: Icons.quiz, label: 'Exam Engine', onTap: () { // Navigate to exam management }, ), _buildActionButton( icon: Icons.healing, label: 'Remedial Coordination', onTap: () { // Navigate to remedial coordination }, ), ], ), const SizedBox(height: 24), _buildTimetableSection(), ], ), ), ); } Widget _buildActionButton({ required IconData icon, required String label, required VoidCallback onTap, }) { return InkWell( onTap: onTap, borderRadius: BorderRadius.circular(8), child: Container( width: 150, padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 8), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(8), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.05), blurRadius: 4, offset: const Offset(0, 2), ), ], ), child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon( icon, size: 32, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 8), Text( label, textAlign: TextAlign.center, style: TextStyle( color: Theme.of(context).colorScheme.onSurface, ), ), ], ), ), ); } Widget _buildTimetableSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text( 'Class Timetables', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), TextButton.icon( icon: const Icon(Icons.add), label: const Text('Create New'), onPressed: () { // Navigate to create timetable }, ), ], ), const SizedBox(height: 16), Card( child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Recent Timetables', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), ListView.separated( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: 5, separatorBuilder: (context, index) => const Divider(), itemBuilder: (context, index) { return ListTile( leading: CircleAvatar( backgroundColor: Theme.of(context).colorScheme.primary, child: const Icon( Icons.schedule, color: Colors.white, ), ), title: Text('Class ${index + 1} Timetable'), subtitle: Text('Term 1, ${DateTime.now().year}'), trailing: Row( mainAxisSize: MainAxisSize.min, children: [ IconButton( icon: const Icon(Icons.edit), onPressed: () { // Edit timetable }, ), IconButton( icon: const Icon(Icons.visibility), onPressed: () { // View timetable }, ), ], ), ); }, ), ], ), ), ), ], ); } } [V0_FILE]plaintext:file="lib/screens/dashboard/hod_dashboard.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/widgets/dashboard_layout.dart'; import 'package:flutter_school_management/widgets/dashboard_card.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:flutter_school_management/utils/constants.dart'; class HODDashboard extends StatefulWidget { const HODDashboard({super.key}); @override State createState() => _HODDashboardState(); } class _HODDashboardState extends State { final _supabase = Supabase.instance.client; String _userName = ''; bool _isLoading = true; // Dashboard statistics String _departmentName = ''; int _totalTeachers = 0; int _totalSubjects = 0; int _pendingLessonPlans = 0; double _averagePerformance = 0; @override void initState() { super.initState(); _loadUserData(); _loadDashboardData(); } Future _loadUserData() async { final prefs = await SharedPreferences.getInstance(); setState(() { _userName = prefs.getString(Constants.prefUserName) ?? 'HOD'; }); } Future _loadDashboardData() async { try { final userId = _supabase.auth.currentUser?.id; if (userId == null) { throw Exception('User not authenticated'); } // Fetch HOD profile and department final hodResponse = await _supabase .from('staff') .select('*, department:departments(*)') .eq('user_id', userId) .single(); final departmentId = hodResponse['department_id']; _departmentName = hodResponse['department']['name'] ?? 'Department'; // Fetch total teachers in department final teachersResponse = await _supabase .from('staff') .select('id', count: CountOption.exact) .eq('department_id', departmentId); // Fetch total subjects in department final subjectsResponse = await _supabase .from('subjects') .select('id', count: CountOption.exact) .eq('department_id', departmentId); // Fetch pending lesson plans final lessonPlansResponse = await _supabase .from('lesson_plans') .select('id, teacher:staff(department_id)', count: CountOption.exact) .eq('status', 'pending') .filter('teacher.department_id', 'eq', departmentId); // Fetch average performance final performanceResponse = await _supabase .from('subject_performance') .select('average_score') .eq('department_id', departmentId) .eq('term', 'current'); double totalScore = 0; if ((performanceResponse as List).isNotEmpty) { totalScore = (performanceResponse).fold(0.0, (sum, item) => sum + (item['average_score'] as num)); _averagePerformance = totalScore / performanceResponse.length; } if (mounted) { setState(() { _totalTeachers = teachersResponse.count ?? 0; _totalSubjects = subjectsResponse.count ?? 0; _pendingLessonPlans = lessonPlansResponse.count ?? 0; _isLoading = false; }); } } catch (e) { if (mounted) { setState(() { _isLoading = false; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Error loading dashboard data: $e')), ); } } } Future _signOut() async { await _supabase.auth.signOut(); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } @override Widget build(BuildContext context) { return DashboardLayout( title: '$_departmentName HOD Dashboard', userName: _userName, userRole: 'Head of Department', onSignOut: _signOut, body: _isLoading ? const Center(child: CircularProgressIndicator()) : SingleChildScrollView( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Department Overview', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), GridView.count( crossAxisCount: MediaQuery.of(context).size.width > 1200 ? 4 : MediaQuery.of(context).size.width > 800 ? 3 : 2, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), children: [ DashboardCard( title: 'Total Teachers', value: _totalTeachers.toString(), icon: Icons.people, color: Colors.blue, onTap: () { // Navigate to teachers }, ), DashboardCard( title: 'Total Subjects', value: _totalSubjects.toString(), icon: Icons.book, color: Colors.green, onTap: () { // Navigate to subjects }, ), DashboardCard( title: 'Pending Lesson Plans', value: _pendingLessonPlans.toString(), icon: Icons.assignment, color: Colors.orange, onTap: () { // Navigate to lesson plans }, ), DashboardCard( title: 'Average Performance', value: '${_averagePerformance.toStringAsFixed(1)}%', icon: Icons.trending_up, color: Colors.purple, onTap: () { // Navigate to performance analytics }, ), ], ), const SizedBox(height: 24), const Text( 'Department Management', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Wrap( spacing: 16, runSpacing: 16, children: [ _buildActionButton( icon: Icons.analytics, label: 'Subject Performance', onTap: () { // Navigate to subject performance }, ), _buildActionButton( icon: Icons.inventory, label: 'Resource Management', onTap: () { // Navigate to resource management }, ), _buildActionButton( icon: Icons.support_agent, label: 'Teacher Support', onTap: () { // Navigate to teacher support }, ), _buildActionButton( icon: Icons.summarize, label: 'Department Reports', onTap: () { // Navigate to department reports }, ), ], ), const SizedBox(height: 24), _buildSubjectPerformanceSection(), const SizedBox(height: 24), _buildTeacherSection(), ], ), ), ); } Widget _buildActionButton({ required IconData icon, required String label, required VoidCallback onTap, }) { return InkWell( onTap: onTap, borderRadius: BorderRadius.circular(8), child: Container( width: 150, padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 8), decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(8), boxShadow: [ BoxShadow( color: Colors.black.withOpacity(0.05), blurRadius: 4, offset: const Offset(0, 2), ), ], ), child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon( icon, size: 32, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 8), Text( label, textAlign: TextAlign.center, style: TextStyle( color: Theme.of(context).colorScheme.onSurface, ), ), ], ), ), ); } Widget _buildSubjectPerformanceSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text( 'Subject Performance', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), TextButton.icon( icon: const Icon(Icons.download), label: const Text('Export Report'), onPressed: () { // Export performance report }, ), ], ), const SizedBox(height: 16), Card( child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Current Term Performance', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), SizedBox( height: 250, child: Center( child: Text( 'Performance Chart Will Be Displayed Here', style: TextStyle( color: Colors.grey[600], ), ), ), ), const SizedBox(height: 16), const Text( 'Weak Topics Identified:', style: TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: 3, itemBuilder: (context, index) { return ListTile( leading: CircleAvatar( backgroundColor: Colors.red[100], child: Text( '${index + 1}', style: TextStyle( color: Colors.red[800], fontWeight: FontWeight.bold, ), ), ), title: Text('Weak Topic ${index + 1}'), subtitle: const Text('Average Score: 45%'), trailing: TextButton( child: const Text('Assign Remedial'), onPressed: () { // Assign remedial classes }, ), ); }, ), ], ), ), ), ], ); } Widget _buildTeacherSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Department Teachers', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), Card( child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text( 'Teacher Lesson Plans', style: TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), ElevatedButton( onPressed: () { // View all lesson plans }, child: const Text('View All'), ), ], ), const SizedBox(height: 16), ListView.separated( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: 5, separatorBuilder: (context, index) => const Divider(), itemBuilder: (context, index) { return ListTile( leading: const CircleAvatar( child: Icon(Icons.person), ), title: Text('Teacher ${index + 1}'), subtitle: Text( index % 2 == 0 ? 'Lesson Plan Submitted' : 'Pending Submission', style: TextStyle( color: index % 2 == 0 ? Colors.green : Colors.orange, ), ), trailing: IconButton( icon: const Icon(Icons.visibility), onPressed: () { // View teacher details }, ), ); }, ), ], ), ), ), ], ); } } [V0_FILE]plaintext:file="lib/screens/dashboard/parent_dashboard.dart" import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:flutter_school_management/widgets/dashboard_layout.dart'; import 'package:flutter_school_management/screens/auth/login_screen.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:flutter_school_management/utils/constants.dart'; class ParentDashboard extends StatefulWidget { const ParentDashboard({super.key}); @override State createState() => _ParentDashboardState(); } class _ParentDashboardState extends State { final _supabase = Supabase.instance.client; String _userName = ''; bool _isLoading = true; // Parent data Map? _parentData; List> _children = []; List> _recentNotifications = []; List> _feeStatements = []; @override void initState() { super.initState(); _loadUserData(); _loadParentData(); } Future _loadUserData() async { final prefs = await SharedPreferences.getInstance(); setState(() { _userName = prefs.getString(Constants.prefUserName) ?? 'Parent'; }); } Future _loadParentData() async { try { final userId = _supabase.auth.currentUser?.id; if (userId == null) { throw Exception('User not authenticated'); } // Fetch parent profile final parentResponse = await _supabase .from('parents') .select('*') .eq('user_id', userId) .single(); // Fetch children final childrenResponse = await _supabase .from('students') .select('*, class:classes(name)') .eq('parent_id', parentResponse['id']); // Fetch recent notifications final notificationsResponse = await _supabase .from('notifications') .select('*') .eq('parent_id', parentResponse['id']) .order('created_at', ascending: false) .limit(5); // Fetch fee statements final feeResponse = await _supabase .from('fee_statements') .select('*') .in('student_id', (childrenResponse as List).map((child) => child['id']).toList()) .order('due_date', ascending: false) .limit(5); if (mounted) { setState(() { _parentData = parentResponse; _children = List>.from(childrenResponse); _recentNotifications = List>.from(notificationsResponse); _feeStatements = List>.from(feeResponse); _isLoading = false; }); } } catch (e) { if (mounted) { setState(() { _isLoading = false; }); ScaffoldMessenger.of(context).showSnackBar( SnackBar(content: Text('Error loading parent data: $e')), ); } } } Future _signOut() async { await _supabase.auth.signOut(); if (mounted) { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const LoginScreen()), ); } } @override Widget build(BuildContext context) { return DashboardLayout( title: 'Parent Dashboard', userName: _userName, userRole: 'Parent/Guardian', onSignOut: _signOut, body: _isLoading ? const Center(child: CircularProgressIndicator()) : _parentData == null ? const Center(child: Text('No parent data found')) : SingleChildScrollView( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ _buildChildrenSection(), const SizedBox(height: 24), _buildQuickActions(), const SizedBox(height: 24), _buildNotificationsSection(), const SizedBox(height: 24), _buildFeeSection(), ], ), ), ); } Widget _buildChildrenSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'My Children', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), _children.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No children found'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _children.length, itemBuilder: (context, index) { final child = _children[index]; return Card( margin: const EdgeInsets.only(bottom: 16), child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ CircleAvatar( radius: 30, backgroundColor: Theme.of(context).colorScheme.primary, child: const Icon( Icons.person, size: 30, color: Colors.white, ), ), const SizedBox(width: 16), Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( child['full_name'] ?? 'Student Name', style: const TextStyle( fontSize: 18, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 8), Text( 'Class: ${child['class']['name'] ?? 'Unknown'}', style: const TextStyle( fontSize: 14, color: Colors.grey, ), ), const SizedBox(height: 4), Text( 'ID: ${child['student_id'] ?? 'Unknown'}', style: const TextStyle( fontSize: 14, color: Colors.grey, ), ), ], ), ), ElevatedButton( onPressed: () { // View child details }, child: const Text('View Details'), ), ], ), const SizedBox(height: 16), const Divider(), const SizedBox(height: 8), Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ _buildInfoItem( icon: Icons.calendar_today, label: 'Attendance', value: '95%', ), _buildInfoItem( icon: Icons.assessment, label: 'Average Grade', value: 'B+', ), _buildInfoItem( icon: Icons.attach_money, label: 'Fees Status', value: 'Paid', ), ], ), ], ), ), ); }, ), ], ); } Widget _buildInfoItem({ required IconData icon, required String label, required String value, }) { return Column( children: [ Icon( icon, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 8), Text( label, style: TextStyle( color: Colors.grey[600], fontSize: 14, ), ), const SizedBox(height: 4), Text( value, style: const TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), ], ); } Widget _buildQuickActions() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const Text( 'Quick Actions', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), GridView.count( crossAxisCount: MediaQuery.of(context).size.width > 800 ? 4 : 2, crossAxisSpacing: 16, mainAxisSpacing: 16, shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), children: [ _buildActionCard( icon: Icons.payment, title: 'Pay Fees', onTap: () { // Navigate to fee payment }, ), _buildActionCard( icon: Icons.message, title: 'Message Teachers', onTap: () { // Navigate to messaging }, ), _buildActionCard( icon: Icons.calendar_today, title: 'School Calendar', onTap: () { // Navigate to calendar }, ), _buildActionCard( icon: Icons.assignment, title: 'Homework', onTap: () { // Navigate to homework }, ), ], ), ], ); } Widget _buildActionCard({ required IconData icon, required String title, required VoidCallback onTap, }) { return Card( child: InkWell( onTap: onTap, borderRadius: BorderRadius.circular(12), child: Padding( padding: const EdgeInsets.all(16), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( icon, size: 40, color: Theme.of(context).colorScheme.primary, ), const SizedBox(height: 12), Text( title, textAlign: TextAlign.center, style: const TextStyle( fontSize: 16, fontWeight: FontWeight.bold, ), ), ], ), ), ), ); } Widget _buildNotificationsSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text( 'Recent Notifications', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), TextButton( onPressed: () { // View all notifications }, child: const Text('View All'), ), ], ), const SizedBox(height: 16), _recentNotifications.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No notifications'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _recentNotifications.length, itemBuilder: (context, index) { final notification = _recentNotifications[index]; return Card( margin: const EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: _getNotificationColor(notification['type']), child: Icon( _getNotificationIcon(notification['type']), color: Colors.white, ), ), title: Text(notification['title'] ?? 'Notification'), subtitle: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text(notification['message'] ?? ''), const SizedBox(height: 4), Text( _formatDate(DateTime.parse(notification['created_at'])), style: TextStyle( fontSize: 12, color: Colors.grey[600], ), ), ], ), isThreeLine: true, ), ); }, ), ], ); } Widget _buildFeeSection() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const Text( 'Fee Statements', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, ), ), TextButton( onPressed: () { // View all fee statements }, child: const Text('View All'), ), ], ), const SizedBox(height: 16), _feeStatements.isEmpty ? const Card( child: Padding( padding: EdgeInsets.all(16), child: Center( child: Text('No fee statements'), ), ), ) : ListView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), itemCount: _feeStatements.length, itemBuilder: (context, index) { final statement = _feeStatements[index]; final dueDate = DateTime.parse(statement['due_date']); final isPaid = statement['status'] == 'paid'; final isOverdue = !isPaid && dueDate.isBefore(DateTime.now()); return Card( margin: const EdgeInsets.only(bottom: 12), child: ListTile( leading: CircleAvatar( backgroundColor: isPaid ? Colors.green : isOverdue ? Colors.red : Colors.orange, child: Icon( isPaid ? Icons.check : Icons.attach_money, color: Colors.white, ), ), title: Text('${statement['term']} - ${statement['academic_year']}'), subtitle: Text( 'Due: ${_formatDate(dueDate)}', ), trailing: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.end, children: [ Text( 'UGX ${statement['amount']}', style: const TextStyle( fontWeight: FontWeight.bold, fontSize: 16, ), ), Text( isPaid ? 'Paid' : isOverdue ? 'Overdue' : 'Pending', style: TextStyle( color: isPaid ? Colors.green : isOverdue ? Colors.red : Colors.orange, fontSize: 12, ), ), ], ), onTap: () { // View fee statement details }, ), ); }, ), ], ); } Color _getNotificationColor(String? type) { switch (type) { case 'attendance': return Colors.orange; case 'academic': return Colors.blue; case 'fee': return Colors.green; case 'disciplinary': return Colors.red; default: return Colors.purple; } } IconData _getNotificationIcon(String? type) { switch (type) { case 'attendance': return Icons.calendar_today; case 'academic': return Icons.school; case 'fee': return Icons.attach_money; case 'disciplinary': return Icons.gavel; default: return Icons.notifications; } } String _formatDate(DateTime date) { return '${date.day}/${date.month}/${date.year}'; } }