import 'dart:math'; import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:flutter/material.dart'; import 'package:flutter_animate/flutter_animate.dart'; import 'package:go_router/go_router.dart'; import '../../../../core/services/auth_service.dart'; import '../../../../features/materials/presentation/pages/teacher_materials_page.dart'; /// Quick access cards for teacher actions class TeacherQuickActionsWidget extends StatefulWidget { const TeacherQuickActionsWidget({super.key}); @override State createState() => _TeacherQuickActionsWidgetState(); } class _TeacherQuickActionsWidgetState extends State { bool _isCreatingClass = false; @override Widget build(BuildContext context) { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Ações Rápidas', style: TextStyle( color: Theme.of(context).colorScheme.onSurface, fontSize: 20, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 16), // Primary Actions Row Row( children: [ // Upload Content Card (Primary) Expanded(flex: 2, child: _buildUploadContentCard(context)), const SizedBox(width: 16), // Create Class Card Expanded(flex: 2, child: _buildCreateClassCard(context)), const SizedBox(width: 16), // Create Quiz Card (Secondary) Expanded(flex: 2, child: _buildCreateQuizCard(context)), ], ), const SizedBox(height: 16), // Secondary Actions Row Row( children: [ // View Analytics Card Expanded(child: _buildViewAnalyticsCard(context)), ], ), ], ) .animate() .slideY( duration: const Duration(milliseconds: 800), curve: Curves.easeOut, ) .then(delay: const Duration(milliseconds: 200)); } Widget _buildUploadContentCard(BuildContext context) { return ClipRRect( borderRadius: BorderRadius.circular(16), child: Container( height: 150, decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ Theme.of(context).colorScheme.primary, Theme.of(context).colorScheme.primary.withOpacity(0.8), ], ), borderRadius: BorderRadius.circular(16), boxShadow: [ BoxShadow( color: Theme.of( context, ).colorScheme.primary.withOpacity(0.3), blurRadius: 15, offset: const Offset(0, 8), ), ], ), child: Material( color: Colors.transparent, child: InkWell( borderRadius: BorderRadius.circular(16), onTap: () => Navigator.push( context, MaterialPageRoute( builder: (_) => const TeacherMaterialsPage(), ), ), child: Padding( padding: const EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ Container( padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: Colors.white.withOpacity(0.2), borderRadius: BorderRadius.circular(10), ), child: const Icon( Icons.upload_file, color: Colors.white, size: 20, ), ), const Spacer(), Container( padding: const EdgeInsets.symmetric( horizontal: 6, vertical: 3, ), decoration: BoxDecoration( color: Theme.of( context, ).colorScheme.secondary, borderRadius: BorderRadius.circular(10), ), child: const Text( 'NOVO', style: TextStyle( color: Colors.white, fontSize: 9, fontWeight: FontWeight.bold, ), ), ), ], ), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: const [ Text( 'Upload Conteúdo', style: TextStyle( color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold, ), ), SizedBox(height: 2), Text( 'PDFs, textos, imagens', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: Colors.white, fontSize: 11, ), ), ], ), ], ), ), ), ), ) .animate() .scale( duration: const Duration(milliseconds: 600), curve: Curves.elasticOut, ) .then(delay: const Duration(milliseconds: 100)), ); } Widget _buildCreateQuizCard(BuildContext context) { return ClipRRect( borderRadius: BorderRadius.circular(16), child: Container( height: 150, decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(16), border: Border.all( color: Theme.of( context, ).colorScheme.outline.withOpacity(0.2), width: 1, ), boxShadow: [ BoxShadow( color: Theme.of( context, ).colorScheme.shadow.withOpacity(0.05), blurRadius: 10, offset: const Offset(0, 4), ), ], ), child: Material( color: Colors.transparent, child: InkWell( borderRadius: BorderRadius.circular(16), onTap: () => context.go('/teacher/quiz/create'), child: Padding( padding: const EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: Theme.of( context, ).colorScheme.secondary.withOpacity(0.1), borderRadius: BorderRadius.circular(10), ), child: Icon( Icons.quiz, color: Theme.of(context).colorScheme.secondary, size: 20, ), ), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ Text( 'Criar Quiz', style: TextStyle( color: Theme.of( context, ).colorScheme.onSurface, fontSize: 14, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 2), Text( 'Avaliações interativas', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: Theme.of( context, ).colorScheme.onSurfaceVariant, fontSize: 11, ), ), ], ), ], ), ), ), ), ) .animate() .scale( duration: const Duration(milliseconds: 600), curve: Curves.elasticOut, ) .then(delay: const Duration(milliseconds: 200)), ); } Widget _buildViewAnalyticsCard(BuildContext context) { return Container( height: 120, decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(16), border: Border.all( color: Theme.of(context).colorScheme.outline.withOpacity(0.2), width: 1, ), boxShadow: [ BoxShadow( color: Theme.of(context).colorScheme.shadow.withOpacity(0.05), blurRadius: 10, offset: const Offset(0, 4), ), ], ), child: Material( color: Colors.transparent, child: InkWell( borderRadius: BorderRadius.circular(16), onTap: () => context.go('/teacher/analytics'), child: Padding( padding: const EdgeInsets.all(16), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: Theme.of( context, ).colorScheme.primary.withOpacity(0.8), borderRadius: BorderRadius.circular(10), ), child: Icon( Icons.analytics, color: Theme.of(context).colorScheme.primary, size: 20, ), ), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Analytics', style: TextStyle( color: Theme.of(context).colorScheme.onSurface, fontSize: 14, fontWeight: FontWeight.bold, ), ), Text( 'Desempenho da turma', style: TextStyle( color: Theme.of( context, ).colorScheme.onSurfaceVariant, fontSize: 11, ), ), ], ), ], ), ), ), ), ) .animate() .scale( duration: const Duration(milliseconds: 600), curve: Curves.elasticOut, ) .then(delay: const Duration(milliseconds: 400)); } Widget _buildCreateClassCard(BuildContext context) { return ClipRRect( borderRadius: BorderRadius.circular(16), child: Container( height: 150, decoration: BoxDecoration( color: Theme.of(context).colorScheme.surface, borderRadius: BorderRadius.circular(16), border: Border.all( color: Theme.of( context, ).colorScheme.outline.withOpacity(0.2), width: 1, ), boxShadow: [ BoxShadow( color: Theme.of( context, ).colorScheme.shadow.withOpacity(0.05), blurRadius: 10, offset: const Offset(0, 4), ), ], ), child: Material( color: Colors.transparent, child: InkWell( borderRadius: BorderRadius.circular(16), onTap: _isCreatingClass ? null : () => _showCreateClassDialog(context), child: Padding( padding: const EdgeInsets.all(12), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( padding: const EdgeInsets.all(8), decoration: BoxDecoration( color: Theme.of( context, ).colorScheme.primary.withOpacity(0.1), borderRadius: BorderRadius.circular(10), ), child: _isCreatingClass ? SizedBox( width: 20, height: 20, child: CircularProgressIndicator( strokeWidth: 2, color: Theme.of( context, ).colorScheme.primary, ), ) : Icon( Icons.school, color: Theme.of( context, ).colorScheme.primary, size: 20, ), ), Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ Text( 'Criar Turma', style: TextStyle( color: Theme.of( context, ).colorScheme.onSurface, fontSize: 14, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 2), Text( 'Gerar código de acesso', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( color: Theme.of( context, ).colorScheme.onSurfaceVariant, fontSize: 11, ), ), ], ), ], ), ), ), ), ) .animate() .scale( duration: const Duration(milliseconds: 600), curve: Curves.elasticOut, ) .then(delay: const Duration(milliseconds: 150)), ); } void _showCreateClassDialog(BuildContext context) { final TextEditingController nameController = TextEditingController(); String? selectedSchoolClassId; List> schoolClasses = []; bool isLoadingClasses = true; // Carregar school_classes antes de mostrar o dialog FirebaseFirestore.instance .collection('school_classes') .where('active', isEqualTo: true) .orderBy('year') .orderBy('section') .get() .then((snapshot) { schoolClasses = snapshot.docs.map((doc) { final data = doc.data(); return {'id': doc.id, 'name': (data['name'] as String? ?? doc.id)}; }).toList(); isLoadingClasses = false; }) .catchError((_) { isLoadingClasses = false; }); showDialog( context: context, builder: (BuildContext dialogContext) { return StatefulBuilder( builder: (context, setDialogState) { // Atualizar estado do dialog quando as classes carregarem if (isLoadingClasses) { Future.delayed(const Duration(milliseconds: 300), () { if (dialogContext.mounted) setDialogState(() {}); }); } return AlertDialog( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16), ), title: Text( 'Criar Nova Disciplina', style: TextStyle( color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold, ), ), content: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Nome da disciplina:', style: TextStyle( color: Theme.of(context).colorScheme.onSurfaceVariant, fontSize: 14, ), ), const SizedBox(height: 12), TextField( controller: nameController, decoration: InputDecoration( hintText: 'Ex: Matemática, Física...', filled: true, fillColor: Theme.of( context, ).colorScheme.surfaceContainerHighest, border: OutlineInputBorder( borderRadius: BorderRadius.circular(12), borderSide: BorderSide.none, ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(12), borderSide: BorderSide.none, ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(12), borderSide: BorderSide( color: Theme.of(context).colorScheme.primary, width: 2, ), ), ), ), const SizedBox(height: 16), Text( 'Turma:', style: TextStyle( color: Theme.of(context).colorScheme.onSurfaceVariant, fontSize: 14, ), ), const SizedBox(height: 8), isLoadingClasses ? Row( children: [ SizedBox( width: 16, height: 16, child: CircularProgressIndicator( strokeWidth: 2, color: Theme.of(context).colorScheme.primary, ), ), const SizedBox(width: 10), Text( 'A carregar turmas...', style: TextStyle( color: Theme.of( context, ).colorScheme.onSurfaceVariant, fontSize: 13, ), ), ], ) : DropdownButtonFormField( value: selectedSchoolClassId, isExpanded: true, decoration: InputDecoration( filled: true, fillColor: Theme.of( context, ).colorScheme.surfaceContainerHighest, border: OutlineInputBorder( borderRadius: BorderRadius.circular(12), borderSide: BorderSide.none, ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(12), borderSide: BorderSide.none, ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(12), borderSide: BorderSide( color: Theme.of(context).colorScheme.primary, width: 2, ), ), contentPadding: const EdgeInsets.symmetric( horizontal: 12, vertical: 10, ), ), hint: Text( 'Seleciona a turma', style: TextStyle( color: Theme.of( context, ).colorScheme.onSurfaceVariant, ), ), items: schoolClasses .map( (c) => DropdownMenuItem( value: c['id'], child: Text(c['name']!), ), ) .toList(), onChanged: (value) => setDialogState( () => selectedSchoolClassId = value, ), ), ], ), actions: [ TextButton( onPressed: () => Navigator.of(dialogContext).pop(), child: Text( 'Cancelar', style: TextStyle( color: Theme.of(context).colorScheme.onSurfaceVariant, ), ), ), ElevatedButton( onPressed: () { final className = nameController.text.trim(); if (className.isNotEmpty) { Navigator.of(dialogContext).pop(); _createClass( className, schoolClassId: selectedSchoolClassId, ); } }, style: ElevatedButton.styleFrom( backgroundColor: Theme.of(context).colorScheme.primary, foregroundColor: Colors.white, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), child: const Text('Criar'), ), ], ); }, ); }, ); } String _generateClassCode() { const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789'; final random = Random(); return String.fromCharCodes( Iterable.generate( 6, (_) => chars.codeUnitAt(random.nextInt(chars.length)), ), ); } Future _createClass(String className, {String? schoolClassId}) async { setState(() { _isCreatingClass = true; }); try { final currentUser = AuthService.currentUser; if (currentUser == null) { throw Exception('Utilizador não autenticado'); } final classCode = _generateClassCode(); final firestore = FirebaseFirestore.instance; final Map classData = { 'name': className, 'teacherId': currentUser.uid, 'code': classCode, 'createdAt': FieldValue.serverTimestamp(), }; if (schoolClassId != null && schoolClassId.isNotEmpty) { classData['schoolClassId'] = schoolClassId; } await firestore.collection('classes').add(classData); if (mounted) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text( 'Turma "$className" criada com sucesso! Código: $classCode', ), backgroundColor: Theme.of(context).colorScheme.primary, behavior: SnackBarBehavior.floating, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), ); } } catch (e) { if (mounted) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Erro ao criar turma: $e'), backgroundColor: Colors.red, behavior: SnackBarBehavior.floating, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), ), ); } } finally { setState(() { _isCreatingClass = false; }); } } }