esta melhor des que comecei

lib/pages/gamePage.dart

@@ -1,10 +1,230 @@
 import 'package:flutter/material.dart';
+import 'package:playmaker/pages/PlacarPage.dart'; 
 import '../controllers/game_controller.dart';
 import '../controllers/team_controller.dart';
 import '../models/game_model.dart';
-import '../widgets/game_widgets.dart';
-import 'dart:math' as math; // <-- IMPORTANTE: Para o cálculo da escala
+import 'dart:math' as math; 
 
+// --- CARD DE EXIBIÇÃO DO JOGO ---
+class GameResultCard extends StatelessWidget {
+  final String gameId;
+  final String myTeam, opponentTeam, myScore, opponentScore, status, season;
+  final String? myTeamLogo;       
+  final String? opponentTeamLogo; 
+  final double sf; 
+
+  const GameResultCard({
+    super.key,
+    required this.gameId,
+    required this.myTeam,
+    required this.opponentTeam,
+    required this.myScore,
+    required this.opponentScore,
+    required this.status,
+    required this.season,
+    this.myTeamLogo,      
+    this.opponentTeamLogo, 
+    required this.sf, 
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.only(bottom: 16 * sf),
+      padding: EdgeInsets.all(16 * sf),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(20 * sf),
+        boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 10 * sf)],
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Expanded(child: _buildTeamInfo(myTeam, const Color(0xFFE74C3C), myTeamLogo, sf)),
+          _buildScoreCenter(context, gameId, sf),
+          Expanded(child: _buildTeamInfo(opponentTeam, Colors.black87, opponentTeamLogo, sf)),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildTeamInfo(String name, Color color, String? logoUrl, double sf) {
+    return Column(
+      children: [
+        CircleAvatar(
+          radius: 24 * sf, 
+          backgroundColor: color,
+          backgroundImage: (logoUrl != null && logoUrl.isNotEmpty) ? NetworkImage(logoUrl) : null,
+          child: (logoUrl == null || logoUrl.isEmpty) ? Icon(Icons.shield, color: Colors.white, size: 24 * sf) : null,
+        ),
+        SizedBox(height: 6 * sf),
+        Text(name, 
+          style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * sf),
+          textAlign: TextAlign.center, overflow: TextOverflow.ellipsis, maxLines: 2, 
+        ),
+      ],
+    );
+  }
+
+  Widget _buildScoreCenter(BuildContext context, String id, double sf) {
+    return Column(
+      children: [
+        Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            _scoreBox(myScore, Colors.green, sf),
+            Text(" : ", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22 * sf)),
+            _scoreBox(opponentScore, Colors.grey, sf),
+          ],
+        ),
+        SizedBox(height: 10 * sf),
+        TextButton.icon(
+          onPressed: () {
+            Navigator.push(context, MaterialPageRoute(builder: (context) => PlacarPage(gameId: id, myTeam: myTeam, opponentTeam: opponentTeam)));
+          },
+          icon: Icon(Icons.play_circle_fill, size: 18 * sf, color: const Color(0xFFE74C3C)),
+          label: Text("RETORNAR", style: TextStyle(fontSize: 11 * sf, color: const Color(0xFFE74C3C), fontWeight: FontWeight.bold)),
+          style: TextButton.styleFrom(
+            backgroundColor: const Color(0xFFE74C3C).withOpacity(0.1),
+            padding: EdgeInsets.symmetric(horizontal: 14 * sf, vertical: 8 * sf),
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * sf)),
+            visualDensity: VisualDensity.compact,
+          ),
+        ),
+        SizedBox(height: 6 * sf),
+        Text(status, style: TextStyle(fontSize: 12 * sf, color: Colors.blue, fontWeight: FontWeight.bold)),
+      ],
+    );
+  }
+
+  Widget _scoreBox(String pts, Color c, double sf) => Container(
+    padding: EdgeInsets.symmetric(horizontal: 12 * sf, vertical: 6 * sf),
+    decoration: BoxDecoration(color: c, borderRadius: BorderRadius.circular(8 * sf)),
+    child: Text(pts, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16 * sf)),
+  );
+}
+
+// --- POPUP DE CRIAÇÃO ---
+class CreateGameDialogManual extends StatefulWidget {
+  final TeamController teamController;
+  final GameController gameController; 
+  final double sf; 
+
+  const CreateGameDialogManual({super.key, required this.teamController, required this.gameController, required this.sf});
+
+  @override
+  State<CreateGameDialogManual> createState() => _CreateGameDialogManualState();
+}
+
+class _CreateGameDialogManualState extends State<CreateGameDialogManual> {
+  late TextEditingController _seasonController;
+  final TextEditingController _myTeamController = TextEditingController();
+  final TextEditingController _opponentController = TextEditingController();
+  bool _isLoading = false; 
+
+  @override
+  void initState() {
+    super.initState();
+    _seasonController = TextEditingController(text: _calculateSeason());
+  }
+
+  String _calculateSeason() {
+    final now = DateTime.now();
+    return now.month >= 7 ? "${now.year}/${(now.year + 1).toString().substring(2)}" : "${now.year - 1}/${now.year.toString().substring(2)}";
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * widget.sf)),
+      title: Text('Configurar Partida', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18 * widget.sf)),
+      content: SingleChildScrollView(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            TextField(
+              controller: _seasonController, style: TextStyle(fontSize: 14 * widget.sf),
+              decoration: InputDecoration(labelText: 'Temporada', labelStyle: TextStyle(fontSize: 14 * widget.sf), border: const OutlineInputBorder(), prefixIcon: Icon(Icons.calendar_today, size: 20 * widget.sf)),
+            ),
+            SizedBox(height: 15 * widget.sf),
+            _buildSearch(label: "Minha Equipa", controller: _myTeamController, sf: widget.sf),
+            Padding(padding: EdgeInsets.symmetric(vertical: 10 * widget.sf), child: Text("VS", style: TextStyle(fontWeight: FontWeight.bold, color: Colors.grey, fontSize: 16 * widget.sf))),
+            _buildSearch(label: "Adversário", controller: _opponentController, sf: widget.sf),
+          ],
+        ),
+      ),
+      actions: [
+        TextButton(onPressed: () => Navigator.pop(context), child: Text('CANCELAR', style: TextStyle(fontSize: 14 * widget.sf))),
+        ElevatedButton(
+          style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFFE74C3C), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10 * widget.sf)), padding: EdgeInsets.symmetric(horizontal: 16 * widget.sf, vertical: 10 * widget.sf)),
+          onPressed: _isLoading ? null : () async {
+            if (_myTeamController.text.isNotEmpty && _opponentController.text.isNotEmpty) {
+              setState(() => _isLoading = true);
+              String? newGameId = await widget.gameController.createGame(_myTeamController.text, _opponentController.text, _seasonController.text);
+              setState(() => _isLoading = false);
+              if (newGameId != null && context.mounted) {
+                Navigator.pop(context);
+                Navigator.push(context, MaterialPageRoute(builder: (context) => PlacarPage(gameId: newGameId, myTeam: _myTeamController.text, opponentTeam: _opponentController.text)));
+              }
+            }
+          },
+          child: _isLoading ? SizedBox(width: 20 * widget.sf, height: 20 * widget.sf, child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2)) : Text('CRIAR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 14 * widget.sf)),
+        ),
+      ],
+    );
+  }
+  
+  Widget _buildSearch({required String label, required TextEditingController controller, required double sf}) {
+    return StreamBuilder<List<Map<String, dynamic>>>(
+      stream: widget.teamController.teamsStream,
+      builder: (context, snapshot) {
+        List<Map<String, dynamic>> teamList = snapshot.hasData ? snapshot.data! : [];
+        return Autocomplete<Map<String, dynamic>>(
+          displayStringForOption: (Map<String, dynamic> option) => option['name'].toString(),
+          optionsBuilder: (TextEditingValue val) {
+            if (val.text.isEmpty) return const Iterable<Map<String, dynamic>>.empty();
+            return teamList.where((t) => t['name'].toString().toLowerCase().contains(val.text.toLowerCase()));
+          },
+          onSelected: (Map<String, dynamic> selection) { controller.text = selection['name'].toString(); },
+          optionsViewBuilder: (context, onSelected, options) {
+            return Align(
+              alignment: Alignment.topLeft,
+              child: Material(
+                elevation: 4.0, borderRadius: BorderRadius.circular(8 * sf),
+                child: ConstrainedBox(
+                  constraints: BoxConstraints(maxHeight: 250 * sf, maxWidth: MediaQuery.of(context).size.width * 0.7), 
+                  child: ListView.builder(
+                    padding: EdgeInsets.zero, shrinkWrap: true, itemCount: options.length,
+                    itemBuilder: (BuildContext context, int index) {
+                      final option = options.elementAt(index);
+                      final String name = option['name'].toString();
+                      final String? imageUrl = option['image_url'];
+                      return ListTile(
+                        leading: CircleAvatar(radius: 20 * sf, backgroundColor: Colors.grey.shade200, backgroundImage: (imageUrl != null && imageUrl.isNotEmpty) ? NetworkImage(imageUrl) : null, child: (imageUrl == null || imageUrl.isEmpty) ? Icon(Icons.shield, color: Colors.grey, size: 20 * sf) : null),
+                        title: Text(name, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 14 * sf)),
+                        onTap: () { onSelected(option); },
+                      );
+                    },
+                  ),
+                ),
+              ),
+            );
+          },
+          fieldViewBuilder: (ctx, txtCtrl, node, submit) {
+            if (txtCtrl.text.isEmpty && controller.text.isNotEmpty) { txtCtrl.text = controller.text; }
+            txtCtrl.addListener(() { controller.text = txtCtrl.text; });
+            return TextField(
+              controller: txtCtrl, focusNode: node, style: TextStyle(fontSize: 14 * sf),
+              decoration: InputDecoration(labelText: label, labelStyle: TextStyle(fontSize: 14 * sf), prefixIcon: Icon(Icons.search, size: 20 * sf), border: const OutlineInputBorder()),
+            );
+          },
+        );
+      },
+    );
+  }
+}
+
+// --- PÁGINA PRINCIPAL DOS JOGOS COM FILTROS ---
 class GamePage extends StatefulWidget {
   const GamePage({super.key});
 
@@ -16,40 +236,68 @@ class _GamePageState extends State<GamePage> {
   final GameController gameController = GameController();
   final TeamController teamController = TeamController();
 
+  // Variáveis para os filtros
+  String selectedSeason = 'Todas';
+  String selectedTeam = 'Todas';
+
   @override
   Widget build(BuildContext context) {
-    // 👇 CÁLCULO DA ESCALA (sf) PARA SE ADAPTAR A QUALQUER ECRÃ 👇
     final double wScreen = MediaQuery.of(context).size.width;
     final double hScreen = MediaQuery.of(context).size.height;
     final double sf = math.min(wScreen, hScreen) / 400;
 
+    // Verifica se algum filtro está ativo para mudar a cor do ícone
+    bool isFilterActive = selectedSeason != 'Todas' || selectedTeam != 'Todas';
+
     return Scaffold(
       backgroundColor: const Color(0xFFF5F7FA),
       appBar: AppBar(
         title: Text("Jogos", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20 * sf)),
         backgroundColor: Colors.white,
         elevation: 0,
+        actions: [
+          // 👇 BOTÃO DE FILTRO NA APP BAR 👇
+          Padding(
+            padding: EdgeInsets.only(right: 8.0 * sf),
+            child: IconButton(
+              icon: Icon(
+                isFilterActive ? Icons.filter_list_alt : Icons.filter_list, 
+                color: isFilterActive ? const Color(0xFFE74C3C) : Colors.black87,
+                size: 26 * sf,
+              ),
+              onPressed: () => _showFilterPopup(context, sf),
+            ),
+          )
+        ],
       ),
-      // 1º STREAM: Lemos as equipas para ter as imagens
+      
       body: StreamBuilder<List<Map<String, dynamic>>>(
         stream: teamController.teamsStream,
         builder: (context, teamSnapshot) {
           final List<Map<String, dynamic>> teamsList = teamSnapshot.data ?? [];
 
-          // 2º STREAM: Lemos os jogos
           return StreamBuilder<List<Game>>(
-            stream: gameController.gamesStream,
+            stream: gameController.getFilteredGames(teamFilter: selectedTeam, seasonFilter: selectedSeason),
             builder: (context, gameSnapshot) {
               if (gameSnapshot.connectionState == ConnectionState.waiting && teamsList.isEmpty) {
                 return const Center(child: CircularProgressIndicator());
               }
               
               if (gameSnapshot.hasError) {
-                 return Center(child: Text("Erro: ${gameSnapshot.error}", style: TextStyle(fontSize: 14 * sf)));
+                  return Center(child: Text("Erro: ${gameSnapshot.error}", style: TextStyle(fontSize: 14 * sf)));
               }
 
               if (!gameSnapshot.hasData || gameSnapshot.data!.isEmpty) {
-                return Center(child: Text("Nenhum jogo registado.", style: TextStyle(fontSize: 16 * sf)));
+                return Center(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Icon(Icons.search_off, size: 48 * sf, color: Colors.grey.shade300),
+                      SizedBox(height: 10 * sf),
+                      Text("Nenhum jogo encontrado para este filtro.", style: TextStyle(fontSize: 14 * sf, color: Colors.grey.shade600)),
+                    ],
+                  )
+                );
               }
 
               return ListView.builder(
@@ -58,17 +306,12 @@ class _GamePageState extends State<GamePage> {
                 itemBuilder: (context, index) {
                   final game = gameSnapshot.data![index];
                   
-                  // --- LÓGICA PARA ENCONTRAR A IMAGEM PELO NOME ---
                   String? myLogo;
                   String? oppLogo;
 
                   for (var team in teamsList) {
-                    if (team['name'] == game.myTeam) {
-                      myLogo = team['image_url'];
-                    }
-                    if (team['name'] == game.opponentTeam) {
-                      oppLogo = team['image_url'];
-                    }
+                    if (team['name'] == game.myTeam) { myLogo = team['image_url']; }
+                    if (team['name'] == game.opponentTeam) { oppLogo = team['image_url']; }
                   }
 
                   return GameResultCard(
@@ -81,7 +324,7 @@ class _GamePageState extends State<GamePage> {
                     season: game.season,
                     myTeamLogo: myLogo,       
                     opponentTeamLogo: oppLogo, 
-                    sf: sf, // <-- Passamos a escala para o Cartão
+                    sf: sf, 
                   );
                 },
               );
@@ -97,13 +340,135 @@ class _GamePageState extends State<GamePage> {
     );
   }
 
+  // 👇 O POPUP DE FILTROS 👇
+  void _showFilterPopup(BuildContext context, double sf) {
+    // Variáveis temporárias para o Popup (para não atualizar a lista antes de clicar em "Aplicar")
+    String tempSeason = selectedSeason;
+    String tempTeam = selectedTeam;
+
+    showDialog(
+      context: context,
+      builder: (context) {
+        // StatefulBuilder permite atualizar a interface APENAS dentro do Popup
+        return StatefulBuilder(
+          builder: (context, setPopupState) {
+            return AlertDialog(
+              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * sf)),
+              title: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Text('Filtrar Jogos', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18 * sf)),
+                  IconButton(
+                    icon: const Icon(Icons.close, color: Colors.grey),
+                    onPressed: () => Navigator.pop(context),
+                    padding: EdgeInsets.zero,
+                    constraints: const BoxConstraints(),
+                  )
+                ],
+              ),
+              content: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // 1. Filtro de Temporada
+                  Text("Temporada", style: TextStyle(fontSize: 12 * sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)),
+                  SizedBox(height: 6 * sf),
+                  Container(
+                    padding: EdgeInsets.symmetric(horizontal: 12 * sf),
+                    decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(10 * sf)),
+                    child: DropdownButtonHideUnderline(
+                      child: DropdownButton<String>(
+                        isExpanded: true,
+                        value: tempSeason,
+                        style: TextStyle(fontSize: 14 * sf, color: Colors.black87, fontWeight: FontWeight.bold),
+                        items: ['Todas', '2024/25', '2025/26'].map((String value) {
+                          return DropdownMenuItem<String>(value: value, child: Text(value));
+                        }).toList(),
+                        onChanged: (newValue) {
+                          setPopupState(() => tempSeason = newValue!);
+                        },
+                      ),
+                    ),
+                  ),
+                  
+                  SizedBox(height: 20 * sf),
+
+                  // 2. Filtro de Equipa
+                  Text("Equipa", style: TextStyle(fontSize: 12 * sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)),
+                  SizedBox(height: 6 * sf),
+                  Container(
+                    padding: EdgeInsets.symmetric(horizontal: 12 * sf),
+                    decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(10 * sf)),
+                    child: StreamBuilder<List<Map<String, dynamic>>>(
+                      stream: teamController.teamsStream,
+                      builder: (context, snapshot) {
+                        List<String> teamNames = ['Todas'];
+                        if (snapshot.hasData) {
+                          teamNames.addAll(snapshot.data!.map((t) => t['name'].toString()));
+                        }
+                        
+                        if (!teamNames.contains(tempTeam)) tempTeam = 'Todas';
+
+                        return DropdownButtonHideUnderline(
+                          child: DropdownButton<String>(
+                            isExpanded: true,
+                            value: tempTeam,
+                            style: TextStyle(fontSize: 14 * sf, color: Colors.black87, fontWeight: FontWeight.bold),
+                            items: teamNames.map((String value) {
+                              return DropdownMenuItem<String>(value: value, child: Text(value, overflow: TextOverflow.ellipsis));
+                            }).toList(),
+                            onChanged: (newValue) {
+                              setPopupState(() => tempTeam = newValue!);
+                            },
+                          ),
+                        );
+                      }
+                    ),
+                  ),
+                ],
+              ),
+              actions: [
+                TextButton(
+                  onPressed: () {
+                    // Limpar Filtros
+                    setState(() {
+                      selectedSeason = 'Todas';
+                      selectedTeam = 'Todas';
+                    });
+                    Navigator.pop(context);
+                  }, 
+                  child: Text('LIMPAR', style: TextStyle(fontSize: 12 * sf, color: Colors.grey))
+                ),
+                ElevatedButton(
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: const Color(0xFFE74C3C),
+                    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10 * sf)),
+                  ),
+                  onPressed: () {
+                    // Aplicar Filtros (atualiza a página principal)
+                    setState(() {
+                      selectedSeason = tempSeason;
+                      selectedTeam = tempTeam;
+                    });
+                    Navigator.pop(context);
+                  },
+                  child: Text('APLICAR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 13 * sf)),
+                ),
+              ],
+            );
+          }
+        );
+      },
+    );
+  }
+
   void _showCreateDialog(BuildContext context, double sf) {
     showDialog(
       context: context,
       builder: (context) => CreateGameDialogManual(
         teamController: teamController,
         gameController: gameController,
-        sf: sf, // <-- Passamos a escala para o Pop-up
+        sf: sf,
       ),
     );
   }