From cf0a9a9890844627a4173ad7ff57b2f8b53df831 Mon Sep 17 00:00:00 2001 From: 230404 <230404@epvc.pt> Date: Mon, 16 Mar 2026 22:09:01 +0000 Subject: [PATCH] vai te lixar github --- lib/classe/theme.dart | 115 ++++ lib/controllers/placar_controller.dart | 78 ++- .../controllers/contollers_grafico.dart | 4 +- lib/grafico de pizza/dados_grafico.dart | 3 +- lib/grafico de pizza/grafico.dart | 193 +++--- .../widgets/grafico_widgets.dart | 95 ++- lib/main.dart | 35 +- lib/pages/PlacarPage.dart | 627 ++++++++++-------- lib/pages/RegisterPage.dart | 18 +- lib/pages/gamePage.dart | 145 ++-- lib/pages/home.dart | 90 +-- lib/pages/login.dart | 8 +- lib/pages/settings_screen.dart | 250 +++++++ lib/pages/status_page.dart | 102 +-- lib/pages/teamPage.dart | 236 ++++--- lib/screens/team_stats_page.dart | 183 +++-- lib/widgets/game_widgets.dart | 277 +------- lib/widgets/login_widgets.dart | 34 +- lib/widgets/placar_widgets.dart | 78 ++- lib/widgets/register_widgets.dart | 47 +- lib/widgets/team_widgets.dart | 413 ++++++------ lib/zone_map_dialog.dart | 188 ++++++ 22 files changed, 1929 insertions(+), 1290 deletions(-) create mode 100644 lib/classe/theme.dart create mode 100644 lib/pages/settings_screen.dart create mode 100644 lib/zone_map_dialog.dart diff --git a/lib/classe/theme.dart b/lib/classe/theme.dart new file mode 100644 index 0000000..b8be314 --- /dev/null +++ b/lib/classe/theme.dart @@ -0,0 +1,115 @@ +import 'package:flutter/material.dart'; + +class AppTheme { + static const Color primaryRed = Color(0xFFE74C3C); + static const Color backgroundLight = Color(0xFFF5F7FA); + static const Color surfaceWhite = Colors.white; + static const Color successGreen = Color(0xFF00C853); + static const Color warningAmber = Colors.amber; + + static const Color placarBackground = Color(0xFF266174); + static const Color placarDarkSurface = Color(0xFF16202C); + static const Color placarTimerBg = Color(0xFF2C3E50); + static const Color placarListCard = Color(0xFF263238); + + static const Color myTeamBlue = Color(0xFF1E5BB2); + static const Color oppTeamRed = Color(0xFFD92C2C); + + static const Color actionPoints = Colors.orange; + static const Color actionMiss = Colors.redAccent; + static const Color actionSteal = Colors.green; + static const Color actionAssist = Colors.blueGrey; + static const Color actionRebound = Color(0xFF1E2A38); + static const Color actionBlock = Colors.deepPurple; + + static const Color statPtsBg = Color(0xFF1565C0); + static const Color statAstBg = Color(0xFF2E7D32); + static const Color statRebBg = Color(0xFF6A1B9A); + static const Color statPieBg = Color.fromARGB(255, 22, 32, 44); + static const Color coachBg = Color(0xFFFFF9C4); + + // ========================================================= + // ☀️ TEMA CLARO + // ========================================================= + static ThemeData get lightTheme { + return ThemeData( + useMaterial3: true, + colorScheme: ColorScheme.fromSeed( + seedColor: primaryRed, + brightness: Brightness.light, + primary: primaryRed, + surface: backgroundLight, + ), + appBarTheme: const AppBarTheme( + backgroundColor: backgroundLight, + foregroundColor: Colors.black87, + centerTitle: true, + elevation: 0.0, + ), + + // 👇 CORRETO: Classe CardThemeData + cardTheme: const CardThemeData( + color: surfaceWhite, + surfaceTintColor: Colors.transparent, // Evita o tom rosado do Material 3 + elevation: 3.0, + margin: EdgeInsets.only(bottom: 12.0), + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.all(Radius.circular(15.0)), + side: BorderSide(color: Color(0xFFEEEEEE), width: 1.0), + ), + ), + + inputDecorationTheme: InputDecorationTheme( + filled: true, + fillColor: surfaceWhite, + border: OutlineInputBorder( + borderRadius: BorderRadius.circular(12.0), + borderSide: const BorderSide(color: Color(0xFFE0E0E0)), + ), + ), + ); + } + + // ========================================================= + // 🌙 MODO ESCURO + // ========================================================= + static ThemeData get darkTheme { + return ThemeData( + useMaterial3: true, + colorScheme: ColorScheme.fromSeed( + seedColor: primaryRed, + brightness: Brightness.dark, + primary: primaryRed, + surface: const Color(0xFF1E1E1E), + ), + scaffoldBackgroundColor: const Color(0xFF121212), + appBarTheme: const AppBarTheme( + backgroundColor: Color(0xFF121212), + foregroundColor: Colors.white, + centerTitle: true, + elevation: 0.0, + ), + + // 👇 CORRETO: Classe CardThemeData + cardTheme: const CardThemeData( + color: Color(0xFF1E1E1E), + surfaceTintColor: Colors.transparent, + elevation: 3.0, + margin: EdgeInsets.only(bottom: 12.0), + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.all(Radius.circular(15.0)), + side: BorderSide(color: Color(0xFF2C2C2C), width: 1.0), + ), + ), + + inputDecorationTheme: InputDecorationTheme( + filled: true, + fillColor: const Color(0xFF1E1E1E), + border: OutlineInputBorder( + borderRadius: BorderRadius.circular(12.0), + borderSide: const BorderSide(color: Color(0xFF2C2C2C)), + ), + ), + ); + } +} \ No newline at end of file diff --git a/lib/controllers/placar_controller.dart b/lib/controllers/placar_controller.dart index f9e9afc..ca75c42 100644 --- a/lib/controllers/placar_controller.dart +++ b/lib/controllers/placar_controller.dart @@ -8,12 +8,17 @@ class ShotRecord { final double relativeY; final bool isMake; final String playerName; + // 👇 AGORA ACEITA ZONAS E PONTOS! + final String? zone; + final int? points; ShotRecord({ required this.relativeX, required this.relativeY, required this.isMake, - required this.playerName + required this.playerName, + this.zone, + this.points, }); } @@ -274,31 +279,74 @@ class PlacarController { } // ========================================================================= - // 👇 A MÁGICA DOS PONTOS ACONTECE AQUI 👇 + // 👇 REGISTA PONTOS VINDO DO POP-UP AMARELO (E MARCA A BOLINHA) // ========================================================================= + void registerShotFromPopup(BuildContext context, String action, String targetPlayer, String zone, int points, double relativeX, double relativeY) { + if (!isRunning) { + ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('⏳ O relógio está parado! Inicie o tempo primeiro.'), backgroundColor: Colors.red)); + return; + } + + String name = targetPlayer.replaceAll("player_my_", "").replaceAll("player_opp_", ""); + bool isMyTeam = targetPlayer.startsWith("player_my_"); + bool isMake = action.startsWith("add_"); + + // 1. ATUALIZA A ESTATÍSTICA DO JOGADOR + if (playerStats.containsKey(name)) { + playerStats[name]!['fga'] = playerStats[name]!['fga']! + 1; + + if (isMake) { + playerStats[name]!['fgm'] = playerStats[name]!['fgm']! + 1; + playerStats[name]!['pts'] = playerStats[name]!['pts']! + points; + + // 2. ATUALIZA O PLACAR DA EQUIPA + if (isMyTeam) { + myScore += points; + } else { + opponentScore += points; + } + } + } + + // 3. CRIA A BOLINHA PARA APARECER NO CAMPO + matchShots.add(ShotRecord( + relativeX: relativeX, + relativeY: relativeY, + isMake: isMake, + playerName: name, + zone: zone, + points: points, + )); + + // 4. MANDA UMA MENSAGEM NO ECRÃ + ScaffoldMessenger.of(context).showSnackBar( + SnackBar( + content: Text(isMake ? '🔥 $name MARCOU de $zone!' : '❌ $name FALHOU de $zone!'), + backgroundColor: isMake ? Colors.green : Colors.red, + duration: const Duration(seconds: 2), + ) + ); + + // 5. ATUALIZA O ECRÃ + onUpdate(); + } + + + // MANTIDO PARA CASO USES A MARCAÇÃO CLÁSSICA DIRETAMENTE NO CAMPO ESCURO void registerShotLocation(BuildContext context, Offset position, Size size) { if (pendingAction == null || pendingPlayer == null) return; bool is3Pt = pendingAction!.contains("_3"); bool is2Pt = pendingAction!.contains("_2"); - // O ÁRBITRO MATEMÁTICO COM AS TUAS VARIÁVEIS CALIBRADAS if (is3Pt || is2Pt) { bool isValid = _validateShotZone(position, size, is3Pt); - - // SE A JOGADA FOI NO SÍTIO ERRADO - if (!isValid) { - - return; // <-- ESTE RETURN BLOQUEIA A GRAVAÇÃO DO PONTO! - } + if (!isValid) return; } - // SE A JOGADA FOI VÁLIDA: bool isMake = pendingAction!.startsWith("add_pts_"); - double relX = position.dx / size.width; double relY = position.dy / size.height; - String name = pendingPlayer!.replaceAll("player_my_", "").replaceAll("player_opp_", ""); matchShots.add(ShotRecord( @@ -329,13 +377,10 @@ class PlacarController { bool isInside2Pts; - // Lógica das laterais (Cantos) if (distFromCenterY > cornerY) { double distToBaseline = isLeftHalf ? relX : (1.0 - relX); isInside2Pts = distToBaseline <= hoopBaseX; - } - // Lógica da Curva Frontal - else { + } else { double dx = (relX - hoopX) * aspectRatio; double dy = (relY - hoopY); double distanceToHoop = math.sqrt((dx * dx) + (dy * dy)); @@ -345,7 +390,6 @@ class PlacarController { if (is3Pt) return !isInside2Pts; return isInside2Pts; } - // 👆 ===================================================================== 👆 void cancelShotLocation() { isSelectingShotLocation = false; pendingAction = null; pendingPlayer = null; onUpdate(); diff --git a/lib/grafico de pizza/controllers/contollers_grafico.dart b/lib/grafico de pizza/controllers/contollers_grafico.dart index fa11e46..7aae400 100644 --- a/lib/grafico de pizza/controllers/contollers_grafico.dart +++ b/lib/grafico de pizza/controllers/contollers_grafico.dart @@ -1,5 +1,5 @@ import 'package:flutter/material.dart'; -import '../dados_grafico.dart'; // Ajusta o caminho se der erro de import +import '../dados_grafico.dart'; class PieChartController extends ChangeNotifier { PieChartData _chartData = const PieChartData(victories: 0, defeats: 0, draws: 0); @@ -10,7 +10,7 @@ class PieChartController extends ChangeNotifier { _chartData = PieChartData( victories: victories ?? _chartData.victories, defeats: defeats ?? _chartData.defeats, - draws: draws ?? _chartData.draws, // 👇 AGORA ELE ACEITA OS EMPATES + draws: draws ?? _chartData.draws, ); notifyListeners(); } diff --git a/lib/grafico de pizza/dados_grafico.dart b/lib/grafico de pizza/dados_grafico.dart index 7b8e7fa..8b559f0 100644 --- a/lib/grafico de pizza/dados_grafico.dart +++ b/lib/grafico de pizza/dados_grafico.dart @@ -1,7 +1,7 @@ class PieChartData { final int victories; final int defeats; - final int draws; // 👇 AQUI ESTÃO OS EMPATES + final int draws; const PieChartData({ required this.victories, @@ -9,7 +9,6 @@ class PieChartData { this.draws = 0, }); - // 👇 MATEMÁTICA ATUALIZADA 👇 int get total => victories + defeats + draws; double get victoryPercentage => total > 0 ? victories / total : 0; diff --git a/lib/grafico de pizza/grafico.dart b/lib/grafico de pizza/grafico.dart index 41a5e45..95b5a6c 100644 --- a/lib/grafico de pizza/grafico.dart +++ b/lib/grafico de pizza/grafico.dart @@ -1,6 +1,8 @@ import 'package:flutter/material.dart'; import 'package:playmaker/grafico%20de%20pizza/widgets/grafico_widgets.dart'; import 'dados_grafico.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA ADICIONADO PARA USARMOS O primaryRed +import 'dart:math' as math; class PieChartCard extends StatefulWidget { final int victories; @@ -8,7 +10,7 @@ class PieChartCard extends StatefulWidget { final int draws; final String title; final String subtitle; - final Color backgroundColor; + final Color? backgroundColor; final VoidCallback? onTap; final double sf; @@ -20,7 +22,7 @@ class PieChartCard extends StatefulWidget { this.title = 'DESEMPENHO', this.subtitle = 'Temporada', this.onTap, - required this.backgroundColor, + this.backgroundColor, this.sf = 1.0, }); @@ -59,30 +61,31 @@ class _PieChartCardState extends State with SingleTickerProviderSt Widget build(BuildContext context) { final data = PieChartData(victories: widget.victories, defeats: widget.defeats, draws: widget.draws); - return AnimatedBuilder( + // 👇 BLINDAGEM DO FUNDO E DO TEXTO PARA MODO CLARO/ESCURO + final Color cardColor = widget.backgroundColor ?? Theme.of(context).cardTheme.color ?? (Theme.of(context).brightness == Brightness.dark ? const Color(0xFF1E1E1E) : Colors.white); + final Color textColor = Theme.of(context).colorScheme.onSurface; + + return AnimatedBuilder( animation: _animation, builder: (context, child) { return Transform.scale( - // O scale pode passar de 1.0 (efeito back), mas a opacidade NÃO scale: 0.95 + (_animation.value * 0.05), - child: Opacity( - // 👇 AQUI ESTÁ A FIX: Garante que fica entre 0 e 1 - opacity: _animation.value.clamp(0.0, 1.0), - child: child, - ), + child: Opacity(opacity: _animation.value.clamp(0.0, 1.0), child: child), ); }, child: Card( margin: EdgeInsets.zero, - elevation: 4, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)), + elevation: 0, // Ajustado para não ter sombra dupla, já que o tema pode ter + clipBehavior: Clip.antiAlias, + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(20), + side: BorderSide(color: Colors.grey.withOpacity(0.15)), // Borda suave igual ao resto da app + ), child: InkWell( onTap: widget.onTap, - borderRadius: BorderRadius.circular(14), child: Container( decoration: BoxDecoration( - borderRadius: BorderRadius.circular(14), - gradient: LinearGradient(begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [widget.backgroundColor.withOpacity(0.9), widget.backgroundColor.withOpacity(0.7)]), + color: cardColor, // 👇 APLICA A COR BLINDADA ), child: LayoutBuilder( builder: (context, constraints) { @@ -90,86 +93,101 @@ class _PieChartCardState extends State with SingleTickerProviderSt final double cw = constraints.maxWidth; return Padding( - padding: EdgeInsets.all(cw * 0.06), + padding: EdgeInsets.symmetric(horizontal: cw * 0.05, vertical: ch * 0.03), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ - // 👇 TÍTULOS UM POUCO MAIS PRESENTES + // --- CABEÇALHO --- (👇 MANTIDO ALINHADO À ESQUERDA) FittedBox( fit: BoxFit.scaleDown, - child: Text(widget.title.toUpperCase(), style: TextStyle(fontSize: ch * 0.06, fontWeight: FontWeight.bold, color: Colors.white.withOpacity(0.9), letterSpacing: 1.0)), + child: Text(widget.title.toUpperCase(), + style: TextStyle( + fontSize: ch * 0.045, + fontWeight: FontWeight.bold, + color: AppTheme.primaryRed, // 👇 USANDO O TEU primaryRed + letterSpacing: 1.2 + ) + ), ), - FittedBox( - fit: BoxFit.scaleDown, - child: Text(widget.subtitle, style: TextStyle(fontSize: ch * 0.07, fontWeight: FontWeight.bold, color: Colors.white)), + Text(widget.subtitle, + style: TextStyle( + fontSize: ch * 0.055, + fontWeight: FontWeight.bold, + color: AppTheme.backgroundLight, // 👇 USANDO O TEU backgroundLight + ) ), - SizedBox(height: ch * 0.03), + const Expanded(flex: 1, child: SizedBox()), - // MEIO (GRÁFICO + ESTATÍSTICAS) - Expanded( + // --- MIOLO (GRÁFICO MAIOR À ESQUERDA + STATS) --- + Expanded( + flex: 9, child: Row( - crossAxisAlignment: CrossAxisAlignment.start, + mainAxisAlignment: MainAxisAlignment.end, // Changed from spaceBetween to end to push stats more to the right children: [ - Expanded( - flex: 1, + // 1. Lado Esquerdo: Donut Chart + // 👇 MUDANÇA AQUI: Gráfico ainda maior! cw * 0.52 + SizedBox( + width: cw * 0.52, + height: cw * 0.52, child: PieChartWidget( victoryPercentage: data.victoryPercentage, defeatPercentage: data.defeatPercentage, drawPercentage: data.drawPercentage, - sf: widget.sf, + sf: widget.sf, ), ), - SizedBox(width: cw * 0.05), + + SizedBox(width: cw * 0.005), // Reduzi o espaço no meio para dar lugar ao gráfico + + // 2. Lado Direito: Números Dinâmicos Expanded( - flex: 1, - child: Column( - mainAxisAlignment: MainAxisAlignment.start, - crossAxisAlignment: CrossAxisAlignment.start, - children: [ - _buildDynStatRow("VIT", data.victories.toString(), (data.victoryPercentage * 100).toStringAsFixed(0), Colors.green, ch), - _buildDynStatRow("EMP", data.draws.toString(), (data.drawPercentage * 100).toStringAsFixed(0), Colors.yellow, ch), - _buildDynStatRow("DER", data.defeats.toString(), (data.defeatPercentage * 100).toStringAsFixed(0), Colors.red, ch), - _buildDynDivider(ch), - _buildDynStatRow("TOT", data.total.toString(), "100", Colors.white, ch), - ], + child: FittedBox( + alignment: Alignment.centerRight, // Encosta os números à direita + fit: BoxFit.scaleDown, + child: Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.end, // Alinha os números à direita para ficar arrumado + children: [ + _buildDynStatRow("VIT", data.victories.toString(), (data.victoryPercentage * 100).toStringAsFixed(0), Colors.green, textColor, ch, cw), + _buildDynStatRow("EMP", data.draws.toString(), (data.drawPercentage * 100).toStringAsFixed(0), Colors.amber, textColor, ch, cw), + _buildDynStatRow("DER", data.defeats.toString(), (data.defeatPercentage * 100).toStringAsFixed(0), Colors.red, textColor, ch, cw), + _buildDynDivider(cw, textColor), + _buildDynStatRow("TOT", data.total.toString(), "100", textColor, textColor, ch, cw), + ], + ), ), ), ], ), ), - - // 👇 RODAPÉ AJUSTADO - SizedBox(height: ch * 0.03), + + const Expanded(flex: 1, child: SizedBox()), + + // --- RODAPÉ: BOTÃO WIN RATE GIGANTE --- (👇 MUDANÇA AQUI: Alinhado à esquerda) Container( width: double.infinity, - padding: EdgeInsets.symmetric(vertical: ch * 0.035), + padding: EdgeInsets.symmetric(vertical: ch * 0.025), decoration: BoxDecoration( - color: Colors.white24, // Igual ao fundo do botão detalhes - borderRadius: BorderRadius.circular(ch * 0.03), // Borda arredondada + color: textColor.withOpacity(0.05), // 👇 Fundo adaptável + borderRadius: BorderRadius.circular(12), ), - child: Center( - child: FittedBox( - fit: BoxFit.scaleDown, - child: Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Icon( - data.victoryPercentage >= 0.5 ? Icons.trending_up : Icons.trending_down, - color: Colors.green, - size: ch * 0.09 + child: FittedBox( + fit: BoxFit.scaleDown, + child: Row( + mainAxisAlignment: MainAxisAlignment.start, // 👇 MUDANÇA AQUI: Letras mais para a esquerda! + children: [ + Icon(Icons.stars, color: Colors.green, size: ch * 0.075), + const SizedBox(width: 10), + Text('WIN RATE: ${(data.victoryPercentage * 100).toStringAsFixed(1)}%', + style: TextStyle( + color: AppTheme.backgroundLight, + fontWeight: FontWeight.w900, + letterSpacing: 1.0, + fontSize: ch * 0.06 ), - SizedBox(width: cw * 0.02), - Text( - 'WIN RATE: ${(data.victoryPercentage * 100).toStringAsFixed(1)}%', - style: TextStyle( - fontSize: ch * 0.05, - fontWeight: FontWeight.bold, - color: Colors.white - ) - ), - ], - ), + ), + ], ), ), ), @@ -183,34 +201,39 @@ class _PieChartCardState extends State with SingleTickerProviderSt ), ); } - // 👇 PERCENTAGENS SUBIDAS LIGEIRAMENTE (0.10 e 0.045) - Widget _buildDynStatRow(String label, String number, String percent, Color color, double ch) { + + // 👇 Ajustei a linha de stats para alinhar melhor agora que os números estão encostados à direita + Widget _buildDynStatRow(String label, String number, String percent, Color statColor, Color textColor, double ch, double cw) { return Padding( - padding: EdgeInsets.only(bottom: ch * 0.01), + padding: EdgeInsets.symmetric(vertical: ch * 0.005), child: Row( + mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.center, children: [ - // Número subiu para 0.10 - Expanded(flex: 2, child: FittedBox(fit: BoxFit.scaleDown, alignment: Alignment.centerLeft, child: Text(number, style: TextStyle(fontSize: ch * 0.10, fontWeight: FontWeight.bold, color: color, height: 1.0)))), - SizedBox(width: ch * 0.02), - Expanded( - flex: 3, - child: Column(crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ - Row(children: [ - Container(width: ch * 0.018, height: ch * 0.018, margin: EdgeInsets.only(right: ch * 0.015), decoration: BoxDecoration(color: color, shape: BoxShape.circle)), - // Label subiu para 0.045 - Expanded(child: FittedBox(fit: BoxFit.scaleDown, alignment: Alignment.centerLeft, child: Text(label, style: TextStyle(fontSize: ch * 0.033, color: Colors.white.withOpacity(0.8), fontWeight: FontWeight.w600)))) - ]), - // Percentagem subiu para 0.05 - FittedBox(fit: BoxFit.scaleDown, alignment: Alignment.centerLeft, child: Text('$percent%', style: TextStyle(fontSize: ch * 0.04, color: color, fontWeight: FontWeight.bold))), - ]), + SizedBox( + width: cw * 0.12, + child: Column( + crossAxisAlignment: CrossAxisAlignment.end, + mainAxisSize: MainAxisSize.min, + children: [ + Text(label, style: TextStyle(fontSize: ch * 0.045, color: textColor.withOpacity(0.6), fontWeight: FontWeight.bold)), // 👇 TEXTO ADAPTÁVEL (increased from 0.035) + Text('$percent%', style: TextStyle(fontSize: ch * 0.05, color: statColor, fontWeight: FontWeight.bold)), // (increased from 0.04) + ], + ), ), + SizedBox(width: cw * 0.03), + Text(number, style: TextStyle(fontSize: ch * 0.15, fontWeight: FontWeight.w900, color: statColor, height: 1)), // (increased from 0.125) ], ), ); } - Widget _buildDynDivider(double ch) { - return Container(height: 0.5, color: Colors.white.withOpacity(0.1), margin: EdgeInsets.symmetric(vertical: ch * 0.01)); + Widget _buildDynDivider(double cw, Color textColor) { + return Container( + width: cw * 0.35, + height: 1.5, + color: textColor.withOpacity(0.2), // 👇 LINHA ADAPTÁVEL + margin: const EdgeInsets.symmetric(vertical: 4) + ); } } \ No newline at end of file diff --git a/lib/grafico de pizza/widgets/grafico_widgets.dart b/lib/grafico de pizza/widgets/grafico_widgets.dart index 53bdc8d..d7ac90f 100644 --- a/lib/grafico de pizza/widgets/grafico_widgets.dart +++ b/lib/grafico de pizza/widgets/grafico_widgets.dart @@ -19,12 +19,9 @@ class PieChartWidget extends StatelessWidget { Widget build(BuildContext context) { return LayoutBuilder( builder: (context, constraints) { - // 👇 MAGIA ANTI-DESAPARECIMENTO 👇 - // Vê o espaço real. Se por algum motivo for infinito, assume 100 para não sumir. final double w = constraints.maxWidth.isInfinite ? 100.0 : constraints.maxWidth; final double h = constraints.maxHeight.isInfinite ? 100.0 : constraints.maxHeight; - // Pega no menor valor para garantir que o círculo não é cortado final double size = math.min(w, h); return Center( @@ -32,7 +29,7 @@ class PieChartWidget extends StatelessWidget { width: size, height: size, child: CustomPaint( - painter: _PieChartPainter( + painter: _DonutChartPainter( victoryPercentage: victoryPercentage, defeatPercentage: defeatPercentage, drawPercentage: drawPercentage, @@ -48,24 +45,27 @@ class PieChartWidget extends StatelessWidget { } Widget _buildCenterLabels(double size) { + final bool hasGames = victoryPercentage > 0 || defeatPercentage > 0 || drawPercentage > 0; + return Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, children: [ Text( - '${(victoryPercentage * 100).toStringAsFixed(1)}%', + // 👇 Casa decimal aplicada aqui! + hasGames ? '${(victoryPercentage * 100).toStringAsFixed(1)}%' : '---', style: TextStyle( - fontSize: size * 0.18, // O texto cresce ou encolhe com o círculo + fontSize: size * (hasGames ? 0.20 : 0.15), fontWeight: FontWeight.bold, - color: Colors.white, + color: hasGames ? Colors.white : Colors.white54, ), ), SizedBox(height: size * 0.02), Text( - 'Vitórias', + hasGames ? 'Vitórias' : 'Sem Jogos', style: TextStyle( - fontSize: size * 0.10, - color: Colors.white.withOpacity(0.8), + fontSize: size * 0.08, + color: hasGames ? Colors.white70 : Colors.white38, ), ), ], @@ -73,12 +73,12 @@ class PieChartWidget extends StatelessWidget { } } -class _PieChartPainter extends CustomPainter { +class _DonutChartPainter extends CustomPainter { final double victoryPercentage; final double defeatPercentage; final double drawPercentage; - _PieChartPainter({ + _DonutChartPainter({ required this.victoryPercentage, required this.defeatPercentage, required this.drawPercentage, @@ -87,59 +87,40 @@ class _PieChartPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { final center = Offset(size.width / 2, size.height / 2); - // Margem de 5% para a linha de fora não ser cortada - final radius = (size.width / 2) - (size.width * 0.05); + final radius = (size.width / 2) - (size.width * 0.1); + final strokeWidth = size.width * 0.2; + if (victoryPercentage == 0 && defeatPercentage == 0 && drawPercentage == 0) { + final bgPaint = Paint() + ..color = Colors.white.withOpacity(0.05) + ..style = PaintingStyle.stroke + ..strokeWidth = strokeWidth; + canvas.drawCircle(center, radius, bgPaint); + return; + } + const victoryColor = Colors.green; const defeatColor = Colors.red; - const drawColor = Colors.yellow; - const borderColor = Colors.white30; - + const drawColor = Colors.amber; + double startAngle = -math.pi / 2; - - if (victoryPercentage > 0) { - final sweepAngle = 2 * math.pi * victoryPercentage; - _drawSector(canvas, center, radius, startAngle, sweepAngle, victoryColor, size.width); - startAngle += sweepAngle; - } - - if (drawPercentage > 0) { - final sweepAngle = 2 * math.pi * drawPercentage; - _drawSector(canvas, center, radius, startAngle, sweepAngle, drawColor, size.width); - startAngle += sweepAngle; - } - - if (defeatPercentage > 0) { - final sweepAngle = 2 * math.pi * defeatPercentage; - _drawSector(canvas, center, radius, startAngle, sweepAngle, defeatColor, size.width); - } - - final borderPaint = Paint() - ..color = borderColor - ..style = PaintingStyle.stroke - ..strokeWidth = size.width * 0.02; - - canvas.drawCircle(center, radius, borderPaint); - } - void _drawSector(Canvas canvas, Offset center, double radius, double startAngle, double sweepAngle, Color color, double totalWidth) { - final paint = Paint() - ..color = color - ..style = PaintingStyle.fill; - - canvas.drawArc(Rect.fromCircle(center: center, radius: radius), startAngle, sweepAngle, true, paint); - - if (sweepAngle < 2 * math.pi) { - final linePaint = Paint() - ..color = Colors.white.withOpacity(0.5) + void drawDonutSector(double percentage, Color color) { + if (percentage <= 0) return; + final sweepAngle = 2 * math.pi * percentage; + final paint = Paint() + ..color = color ..style = PaintingStyle.stroke - ..strokeWidth = totalWidth * 0.015; + ..strokeWidth = strokeWidth + ..strokeCap = StrokeCap.butt; - final lineX = center.dx + radius * math.cos(startAngle); - final lineY = center.dy + radius * math.sin(startAngle); - - canvas.drawLine(center, Offset(lineX, lineY), linePaint); + canvas.drawArc(Rect.fromCircle(center: center, radius: radius), startAngle, sweepAngle, false, paint); + startAngle += sweepAngle; } + + drawDonutSector(victoryPercentage, victoryColor); + drawDonutSector(drawPercentage, drawColor); + drawDonutSector(defeatPercentage, defeatColor); } @override diff --git a/lib/main.dart b/lib/main.dart index 610fca9..2db8361 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -1,35 +1,42 @@ import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORTA O TEU TEMA import 'pages/login.dart'; +// ======================================================== +// 👇 A VARIÁVEL MÁGICA QUE FALTAVA (Fora do void main) 👇 +// ======================================================== +final ValueNotifier themeNotifier = ValueNotifier(ThemeMode.system); + void main() async { WidgetsFlutterBinding.ensureInitialized(); await Supabase.initialize( url: 'https://sihwjdshexjyvsbettcd.supabase.co', - anonKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InNpaHdqZHNoZXhqeXZzYmV0dGNkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Njg5MTQxMjgsImV4cCI6MjA4NDQ5MDEyOH0.gW3AvTJVNyE1Dqa72OTnhrUIKsndexrY3pKxMIAaAy8', // Uma string longa - + anonKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InNpaHdqZHNoZXhqeXZzYmV0dGNkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Njg5MTQxMjgsImV4cCI6MjA4NDQ5MDEyOH0.gW3AvTJVNyE1Dqa72OTnhrUIKsndexrY3pKxMIAaAy8', ); runApp(const MyApp()); } - class MyApp extends StatelessWidget { const MyApp({super.key}); - + @override Widget build(BuildContext context) { - return MaterialApp( - debugShowCheckedModeBanner: false, - title: 'PlayMaker', - theme: ThemeData( - colorScheme: ColorScheme.fromSeed( - seedColor: const Color(0xFFE74C3C), - ), - useMaterial3: true, - ), - home: const LoginPage(), + // FICA À ESCUTA DO THEMENOTIFIER + return ValueListenableBuilder( + valueListenable: themeNotifier, + builder: (_, ThemeMode currentMode, __) { + return MaterialApp( + debugShowCheckedModeBanner: false, + title: 'PlayMaker', + theme: AppTheme.lightTheme, + darkTheme: AppTheme.darkTheme, + themeMode: currentMode, // 👇 ISTO RECEBE O VALOR DO NOTIFIER + home: const LoginPage(), + ); + }, ); } } \ No newline at end of file diff --git a/lib/pages/PlacarPage.dart b/lib/pages/PlacarPage.dart index 940d2a4..e42477e 100644 --- a/lib/pages/PlacarPage.dart +++ b/lib/pages/PlacarPage.dart @@ -1,325 +1,362 @@ - import 'package:flutter/material.dart'; - import 'package:flutter/services.dart'; - import 'package:playmaker/controllers/placar_controller.dart'; +import 'package:flutter/material.dart'; +import 'package:flutter/services.dart'; +import 'package:playmaker/controllers/placar_controller.dart'; import 'package:playmaker/utils/size_extension.dart'; - import 'package:playmaker/widgets/placar_widgets.dart'; - import 'dart:math' as math; +import 'package:playmaker/widgets/placar_widgets.dart'; // 👇 As tuas classes extra vivem aqui! +import 'dart:math' as math; - class PlacarPage extends StatefulWidget { - final String gameId, myTeam, opponentTeam; - const PlacarPage({super.key, required this.gameId, required this.myTeam, required this.opponentTeam}); +import 'package:playmaker/zone_map_dialog.dart'; - @override - State createState() => _PlacarPageState(); +class PlacarPage extends StatefulWidget { + final String gameId, myTeam, opponentTeam; + + const PlacarPage({ + super.key, + required this.gameId, + required this.myTeam, + required this.opponentTeam + }); + + @override + State createState() => _PlacarPageState(); +} + +class _PlacarPageState extends State { + late PlacarController _controller; + + @override + void initState() { + super.initState(); + // Obriga o telemóvel a ficar deitado + SystemChrome.setPreferredOrientations([ + DeviceOrientation.landscapeRight, + DeviceOrientation.landscapeLeft, + ]); + + _controller = PlacarController( + gameId: widget.gameId, + myTeam: widget.myTeam, + opponentTeam: widget.opponentTeam, + onUpdate: () { + if (mounted) setState(() {}); + } + ); + _controller.loadPlayers(); } - class _PlacarPageState extends State { - late PlacarController _controller; + @override + void dispose() { + _controller.dispose(); + // Volta a deixar o telemóvel ao alto quando sais + SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]); + super.dispose(); + } - @override - void initState() { - super.initState(); - SystemChrome.setPreferredOrientations([ - DeviceOrientation.landscapeRight, - DeviceOrientation.landscapeLeft, - ]); - - _controller = PlacarController( - gameId: widget.gameId, - myTeam: widget.myTeam, - opponentTeam: widget.opponentTeam, - onUpdate: () { - if (mounted) setState(() {}); - } - ); - _controller.loadPlayers(); - } - - @override - void dispose() { - _controller.dispose(); - SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]); - super.dispose(); - } - - // --- BOTÕES FLUTUANTES DE FALTA --- - Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double sf) { - return Positioned( - top: top, - left: left > 0 ? left : null, - right: right > 0 ? right : null, - child: Draggable( - data: action, - feedback: Material( - color: Colors.transparent, - child: CircleAvatar( - radius: 30 * sf, - backgroundColor: color.withOpacity(0.8), - child: Icon(icon, color: Colors.white, size: 30 * sf) - ), + // --- BOTÕES FLUTUANTES DE FALTA --- + Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double sf) { + return Positioned( + top: top, + left: left > 0 ? left : null, + right: right > 0 ? right : null, + child: Draggable( + data: action, + feedback: Material( + color: Colors.transparent, + child: CircleAvatar( + radius: 30 * sf, + backgroundColor: color.withOpacity(0.8), + child: Icon(icon, color: Colors.white, size: 30 * sf) ), + ), + child: Column( + children: [ + CircleAvatar( + radius: 27 * sf, + backgroundColor: color, + child: Icon(icon, color: Colors.white, size: 28 * sf), + ), + SizedBox(height: 5 * sf), + Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12 * sf)), + ], + ), + ), + ); + } + + // --- BOTÕES LATERAIS QUADRADOS --- + Widget _buildCornerBtn({required String heroTag, required IconData icon, required Color color, required VoidCallback onTap, required double size, bool isLoading = false}) { + return SizedBox( + width: size, + height: size, + child: FloatingActionButton( + heroTag: heroTag, + backgroundColor: color, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * (size / 50))), + elevation: 5, + onPressed: isLoading ? null : onTap, + child: isLoading + ? SizedBox(width: size * 0.45, height: size * 0.45, child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2.5)) + : Icon(icon, color: Colors.white, size: size * 0.55), + ), + ); + } + + @override + Widget build(BuildContext context) { + final double wScreen = MediaQuery.of(context).size.width; + final double hScreen = MediaQuery.of(context).size.height; + + // 👇 CÁLCULO MANUAL DO SF 👇 + final double sf = math.min(wScreen / 1150, hScreen / 720); + final double cornerBtnSize = 48 * sf; // Tamanho ideal + + // ========================================== + // ECRÃ DE CARREGAMENTO (LOADING) + // ========================================== + if (_controller.isLoading) { + return Scaffold( + backgroundColor: const Color(0xFF16202C), + body: Center( child: Column( + mainAxisAlignment: MainAxisAlignment.center, children: [ - CircleAvatar( - radius: 27 * sf, - backgroundColor: color, - child: Icon(icon, color: Colors.white, size: 28 * sf), + Text("PREPARANDO O PAVILHÃO", style: TextStyle(color: Colors.white24, fontSize: 45 * sf, fontWeight: FontWeight.bold, letterSpacing: 2)), + SizedBox(height: 35 * sf), + StreamBuilder( + stream: Stream.periodic(const Duration(seconds: 3)), + builder: (context, snapshot) { + List frases = [ + "O Treinador está a desenhar a tática...", + "A encher as bolas com ar de campeão...", + "O árbitro está a testar o apito...", + "A verificar se o cesto está nivelado...", + "Os jogadores estão a terminar o aquecimento..." + ]; + String frase = frases[DateTime.now().second % frases.length]; + return Text(frase, style: TextStyle(color: Colors.orange.withOpacity(0.7), fontSize: 26 * sf, fontStyle: FontStyle.italic)); + }, ), - SizedBox(height: 5 * sf), - Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12 * sf)), ], ), ), ); } - // --- BOTÕES LATERAIS QUADRADOS --- - Widget _buildCornerBtn({required String heroTag, required IconData icon, required Color color, required VoidCallback onTap, required double size, bool isLoading = false}) { - return SizedBox( - width: size, - height: size, - child: FloatingActionButton( - heroTag: heroTag, - backgroundColor: color, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * (size / 50))), - elevation: 5, - onPressed: isLoading ? null : onTap, - child: isLoading - ? SizedBox(width: size*0.45, height: size*0.45, child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2.5)) - : Icon(icon, color: Colors.white, size: size * 0.55), - ), - ); - } + // ========================================== + // ECRÃ PRINCIPAL (O JOGO) + // ========================================== + return Scaffold( + backgroundColor: const Color(0xFF266174), + body: SafeArea( + top: false, + bottom: false, + // 👇 IGNORE POINTER BLOQUEIA CLIQUES ENQUANTO GUARDA 👇 + child: IgnorePointer( + ignoring: _controller.isSaving, + child: Stack( + children: [ + // --- 1. O CAMPO --- + Container( + margin: EdgeInsets.only(left: 65 * sf, right: 65 * sf, bottom: 55 * sf), + decoration: BoxDecoration(border: Border.all(color: Colors.white, width: 2.5)), + child: LayoutBuilder( + builder: (context, constraints) { + final w = constraints.maxWidth; + final h = constraints.maxHeight; - @override - Widget build(BuildContext context) { - final double wScreen = MediaQuery.of(context).size.width; - final double hScreen = MediaQuery.of(context).size.height; - - // 👇 CÁLCULO MANUAL DO SF 👇 - final double sf = math.min(wScreen / 1150, hScreen / 720); + return Stack( + children: [ + GestureDetector( + onTapDown: (details) { + if (_controller.isSelectingShotLocation) { + _controller.registerShotLocation(context, details.localPosition, Size(w, h)); + } + }, + child: Container( + decoration: const BoxDecoration( + image: DecorationImage( + image: AssetImage('assets/campo.png'), + fit: BoxFit.fill, + ), + ), + child: Stack( + children: _controller.matchShots.map((shot) => Positioned( + // Posição calculada matematicamente pelo click anterior + left: (shot.relativeX * w) - (9 * context.sf), + top: (shot.relativeY * h) - (9 * context.sf), + child: CircleAvatar( + radius: 9 * context.sf, + backgroundColor: shot.isMake ? Colors.green : Colors.red, + child: Icon(shot.isMake ? Icons.check : Icons.close, size: 11 * context.sf, color: Colors.white) + ), + )).toList(), + ), + ), + ), - final double cornerBtnSize = 48 * sf; // Tamanho ideal (Nem 38 nem 55) + // --- 2. JOGADORES NO CAMPO --- + if (!_controller.isSelectingShotLocation) ...[ + Positioned(top: h * 0.25, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[0], isOpponent: false, sf: sf)), + Positioned(top: h * 0.68, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[1], isOpponent: false, sf: sf)), + Positioned(top: h * 0.45, left: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[2], isOpponent: false, sf: sf)), + Positioned(top: h * 0.15, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[3], isOpponent: false, sf: sf)), + Positioned(top: h * 0.80, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[4], isOpponent: false, sf: sf)), + + Positioned(top: h * 0.25, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[0], isOpponent: true, sf: sf)), + Positioned(top: h * 0.68, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[1], isOpponent: true, sf: sf)), + Positioned(top: h * 0.45, right: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[2], isOpponent: true, sf: sf)), + Positioned(top: h * 0.15, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[3], isOpponent: true, sf: sf)), + Positioned(top: h * 0.80, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[4], isOpponent: true, sf: sf)), + ], - if (_controller.isLoading) { - return Scaffold( - backgroundColor: const Color(0xFF16202C), - body: Center( - child: Column( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Text("PREPARANDO O PAVILHÃO", style: TextStyle(color: Colors.white24, fontSize: 45 * sf, fontWeight: FontWeight.bold, letterSpacing: 2)), - SizedBox(height: 35 * sf), - StreamBuilder( - stream: Stream.periodic(const Duration(seconds: 3)), - builder: (context, snapshot) { - List frases = [ - "O Treinador está a desenhar a tática...", - "A encher as bolas com ar de campeão...", - "O árbitro está a testar o apito...", - "A verificar se o cesto está nivelado...", - "Os jogadores estão a terminar o aquecimento..." - ]; - String frase = frases[DateTime.now().second % frases.length]; - return Text(frase, style: TextStyle(color: Colors.orange.withOpacity(0.7), fontSize: 26 * sf, fontStyle: FontStyle.italic)); + // --- 3. BOTÕES DE FALTAS NO CAMPO --- + if (!_controller.isSelectingShotLocation) ...[ + _buildFloatingFoulBtn("FALTA +", Colors.orange, "add_foul", Icons.sports, w * 0.39, 0.0, h * 0.31, sf), + _buildFloatingFoulBtn("FALTA -", Colors.redAccent, "sub_foul", Icons.block, 0.0, w * 0.39, h * 0.31, sf), + ], + + // --- 4. BOTÃO PLAY/PAUSE NO MEIO --- + if (!_controller.isSelectingShotLocation) + Positioned( + top: (h * 0.32) + (40 * sf), + left: 0, right: 0, + child: Center( + child: GestureDetector( + onTap: () => _controller.toggleTimer(context), + child: CircleAvatar( + radius: 68 * sf, + backgroundColor: Colors.grey.withOpacity(0.5), + child: Icon(_controller.isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 58 * sf) + ), + ), + ), + ), + + // --- 5. PLACAR LÁ NO TOPO --- + Positioned(top: 0, left: 0, right: 0, child: Center(child: TopScoreboard(controller: _controller, sf: sf))), + + // --- 6. PAINEL DE BOTÕES DE AÇÃO LÁ EM BAIXO --- + if (!_controller.isSelectingShotLocation) Positioned(bottom: -10 * sf, left: 0, right: 0, child: ActionButtonsPanel(controller: _controller, sf: sf)), + + // --- 7. OVERLAY ESCURO PARA MARCAR PONTO NO CAMPO --- + if (_controller.isSelectingShotLocation) + Positioned( + top: h * 0.4, left: 0, right: 0, + child: Center( + child: Container( + padding: EdgeInsets.symmetric(horizontal: 35 * sf, vertical: 18 * sf), + decoration: BoxDecoration(color: Colors.black87, borderRadius: BorderRadius.circular(11 * sf), border: Border.all(color: Colors.white, width: 1.5 * sf)), + child: Text("TOQUE NO CAMPO PARA MARCAR O LOCAL DO LANÇAMENTO", style: TextStyle(color: Colors.white, fontSize: 27 * sf, fontWeight: FontWeight.bold)), + ), + ), + ), + ], + ); }, ), - ], - ), - ), - ); - } + ), - return Scaffold( - backgroundColor: const Color(0xFF266174), - body: SafeArea( - top: false, - bottom: false, - // 👇 A MÁGICA DO IGNORE POINTER COMEÇA AQUI 👇 - child: IgnorePointer( - ignoring: _controller.isSaving, // Se estiver a gravar, ignora os toques! - child: Stack( - children: [ - // --- O CAMPO --- - Container( - margin: EdgeInsets.only(left: 65 * sf, right: 65 * sf, bottom: 55 * sf), - decoration: BoxDecoration(border: Border.all(color: Colors.white, width: 2.5)), - child: LayoutBuilder( - builder: (context, constraints) { - final w = constraints.maxWidth; - final h = constraints.maxHeight; + // ========================================== + // BOTÕES LATERAIS DE FORA DO CAMPO + // ========================================== - return Stack( - children: [ - GestureDetector( - onTapDown: (details) { - if (_controller.isSelectingShotLocation) { - _controller.registerShotLocation(context, details.localPosition, Size(w, h)); - } - }, - child: Container( - decoration: const BoxDecoration( - image: DecorationImage( - image: AssetImage('assets/campo.png'), - fit: BoxFit.fill, - ), - ), -child: Stack( - children: _controller.matchShots.map((shot) => Positioned( - // Agora usamos relativeX e relativeY multiplicados pela largura(w) e altura(h) - left: (shot.relativeX * w) - (9 * context.sf), - top: (shot.relativeY * h) - (9 * context.sf), - child: CircleAvatar( - radius: 9 * context.sf, - backgroundColor: shot.isMake ? Colors.green : Colors.red, - child: Icon(shot.isMake ? Icons.check : Icons.close, size: 11 * context.sf, color: Colors.white) - ), - )).toList(), - ), - ), - ), - - // --- JOGADORES --- - if (!_controller.isSelectingShotLocation) ...[ - Positioned(top: h * 0.25, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[0], isOpponent: false, sf: sf)), - Positioned(top: h * 0.68, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[1], isOpponent: false, sf: sf)), - Positioned(top: h * 0.45, left: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[2], isOpponent: false, sf: sf)), - Positioned(top: h * 0.15, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[3], isOpponent: false, sf: sf)), - Positioned(top: h * 0.80, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[4], isOpponent: false, sf: sf)), - - Positioned(top: h * 0.25, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[0], isOpponent: true, sf: sf)), - Positioned(top: h * 0.68, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[1], isOpponent: true, sf: sf)), - Positioned(top: h * 0.45, right: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[2], isOpponent: true, sf: sf)), - Positioned(top: h * 0.15, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[3], isOpponent: true, sf: sf)), - Positioned(top: h * 0.80, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[4], isOpponent: true, sf: sf)), - ], - - // --- BOTÕES DE FALTAS --- - if (!_controller.isSelectingShotLocation) ...[ - _buildFloatingFoulBtn("FALTA +", Colors.orange, "add_foul", Icons.sports, w * 0.39, 0.0, h * 0.31, sf), - _buildFloatingFoulBtn("FALTA -", Colors.redAccent, "sub_foul", Icons.block, 0.0, w * 0.39, h * 0.31, sf), - ], - - // --- BOTÃO PLAY/PAUSE --- - if (!_controller.isSelectingShotLocation) - Positioned( - top: (h * 0.32) + (40 * sf), - left: 0, right: 0, - child: Center( - child: GestureDetector( - onTap: () => _controller.toggleTimer(context), - child: CircleAvatar( - radius: 68 * sf, - backgroundColor: Colors.grey.withOpacity(0.5), - child: Icon(_controller.isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 58 * sf) - ), - ), - ), - ), - // --- PLACAR NO TOPO --- - Positioned(top: 0, left: 0, right: 0, child: Center(child: TopScoreboard(controller: _controller, sf: sf))), - - // --- BOTÕES DE AÇÃO --- - if (!_controller.isSelectingShotLocation) Positioned(bottom: -10 * sf, left: 0, right: 0, child: ActionButtonsPanel(controller: _controller, sf: sf)), - - // --- OVERLAY LANÇAMENTO --- - if (_controller.isSelectingShotLocation) - Positioned( - top: h * 0.4, left: 0, right: 0, - child: Center( - child: Container( - padding: EdgeInsets.symmetric(horizontal: 35 * sf, vertical: 18 * sf), - decoration: BoxDecoration(color: Colors.black87, borderRadius: BorderRadius.circular(11 * sf), border: Border.all(color: Colors.white, width: 1.5 * sf)), - child: Text("TOQUE NO CAMPO PARA MARCAR O LOCAL DO LANÇAMENTO", style: TextStyle(color: Colors.white, fontSize: 27 * sf, fontWeight: FontWeight.bold)), - ), - ), - ), - ], - ); - }, - ), - ), - - // --- BOTÕES LATERAIS --- - // Topo Esquerdo: Guardar e Sair (Botão Único) - Positioned( - top: 50 * sf, left: 12 * sf, - child: _buildCornerBtn( - heroTag: 'btn_save_exit', - icon: Icons.save_alt, - color: const Color(0xFFD92C2C), - size: cornerBtnSize, - isLoading: _controller.isSaving, - onTap: () async { - // 1. Primeiro obriga a guardar os dados na BD - await _controller.saveGameStats(context); - - // 2. Só depois de acabar de guardar é que volta para trás - if (context.mounted) { - Navigator.pop(context); - } + // Topo Esquerdo: Guardar e Sair + Positioned( + top: 50 * sf, left: 12 * sf, + child: _buildCornerBtn( + heroTag: 'btn_save_exit', + icon: Icons.save_alt, + color: const Color(0xFFD92C2C), + size: cornerBtnSize, + isLoading: _controller.isSaving, + onTap: () async { + // Guarda na BD e sai + await _controller.saveGameStats(context); + if (context.mounted) { + Navigator.pop(context); } - ), + } ), + ), - // Base Esquerda: Banco Casa + TIMEOUT DA CASA - Positioned( - bottom: 55 * sf, left: 12 * sf, - child: Column( - mainAxisSize: MainAxisSize.min, - children: [ - if (_controller.showMyBench) BenchPlayersList(controller: _controller, isOpponent: false, sf: sf), - SizedBox(height: 12 * sf), - _buildCornerBtn(heroTag: 'btn_sub_home', icon: Icons.swap_horiz, color: const Color(0xFF1E5BB2), size: cornerBtnSize, onTap: () { _controller.showMyBench = !_controller.showMyBench; _controller.onUpdate(); }), - SizedBox(height: 12 * sf), - _buildCornerBtn( - heroTag: 'btn_to_home', - icon: Icons.timer, - color: _controller.myTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFF1E5BB2), - size: cornerBtnSize, - onTap: _controller.myTimeoutsUsed >= 3 - ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa da casa já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red)) - : () => _controller.useTimeout(false) - ), - ], - ), - ), - - // Base Direita: Banco Visitante + TIMEOUT DO VISITANTE - Positioned( - bottom: 55 * sf, right: 12 * sf, - child: Column( - mainAxisSize: MainAxisSize.min, - children: [ - if (_controller.showOppBench) BenchPlayersList(controller: _controller, isOpponent: true, sf: sf), - SizedBox(height: 12 * sf), - _buildCornerBtn(heroTag: 'btn_sub_away', icon: Icons.swap_horiz, color: const Color(0xFFD92C2C), size: cornerBtnSize, onTap: () { _controller.showOppBench = !_controller.showOppBench; _controller.onUpdate(); }), - SizedBox(height: 12 * sf), - _buildCornerBtn( - heroTag: 'btn_to_away', - icon: Icons.timer, - color: _controller.opponentTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFFD92C2C), - size: cornerBtnSize, - onTap: _controller.opponentTimeoutsUsed >= 3 - ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa visitante já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red)) - : () => _controller.useTimeout(true) - ), - ], - ), - ), - - // 👇 EFEITO VISUAL (Ecrã escurece para mostrar que está a carregar) 👇 - if (_controller.isSaving) - Positioned.fill( - child: Container( - color: Colors.black.withOpacity(0.4), + // Base Esquerda: Banco + TIMEOUT DA CASA + Positioned( + bottom: 55 * sf, left: 12 * sf, + child: Column( + mainAxisSize: MainAxisSize.min, + children: [ + if (_controller.showMyBench) BenchPlayersList(controller: _controller, isOpponent: false, sf: sf), + SizedBox(height: 12 * sf), + _buildCornerBtn(heroTag: 'btn_sub_home', icon: Icons.swap_horiz, color: const Color(0xFF1E5BB2), size: cornerBtnSize, onTap: () { _controller.showMyBench = !_controller.showMyBench; _controller.onUpdate(); }), + SizedBox(height: 12 * sf), + _buildCornerBtn( + heroTag: 'btn_to_home', + icon: Icons.timer, + color: _controller.myTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFF1E5BB2), + size: cornerBtnSize, + onTap: _controller.myTimeoutsUsed >= 3 + ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa da casa já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red)) + : () => _controller.useTimeout(false) ), - ), + ], + ), + ), - ], - ), + // Base Direita: Banco + TIMEOUT DO VISITANTE + Positioned( + bottom: 55 * sf, right: 12 * sf, + child: Column( + mainAxisSize: MainAxisSize.min, + children: [ + if (_controller.showOppBench) BenchPlayersList(controller: _controller, isOpponent: true, sf: sf), + SizedBox(height: 12 * sf), + _buildCornerBtn(heroTag: 'btn_sub_away', icon: Icons.swap_horiz, color: const Color(0xFFD92C2C), size: cornerBtnSize, onTap: () { _controller.showOppBench = !_controller.showOppBench; _controller.onUpdate(); }), + SizedBox(height: 12 * sf), + _buildCornerBtn( + heroTag: 'btn_to_away', + icon: Icons.timer, + color: _controller.opponentTimeoutsUsed >= 3 ? Colors.grey : const Color(0xFFD92C2C), + size: cornerBtnSize, + onTap: _controller.opponentTimeoutsUsed >= 3 + ? () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('🛑 A equipa visitante já usou os 3 Timeouts deste período!'), backgroundColor: Colors.red)) + : () => _controller.useTimeout(true) + ), + ], + ), + ), + + // 👇 EFEITO VISUAL (Ecrã escurece para mostrar que está a carregar quando se clica no Guardar) 👇 + if (_controller.isSaving) + Positioned.fill( + child: Container( + color: Colors.black.withOpacity(0.4), + ), + ), + ], ), ), - ); - } - } \ No newline at end of file + ), + ); + } + void _openZoneMap(String action, String playerData) { + showDialog( + context: context, + barrierDismissible: false, + builder: (context) => ZoneMapDialog( + playerName: playerData.replaceAll("player_my_", "").replaceAll("player_opp_", ""), + isMake: action.startsWith("add_"), + onZoneSelected: (zone, points, relX, relY) { + _controller.registerShotFromPopup( + context, + action, + playerData, + zone, + points, + relX, + relY + ); + }, + ), + ); +} +} \ No newline at end of file diff --git a/lib/pages/RegisterPage.dart b/lib/pages/RegisterPage.dart index 38b3928..f6f26e4 100644 --- a/lib/pages/RegisterPage.dart +++ b/lib/pages/RegisterPage.dart @@ -1,4 +1,5 @@ import 'package:flutter/material.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA import '../controllers/register_controller.dart'; import '../widgets/register_widgets.dart'; import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER! @@ -22,11 +23,20 @@ class _RegisterPageState extends State { @override Widget build(BuildContext context) { return Scaffold( - backgroundColor: Colors.white, + // 👇 BLINDADO: Adapta-se automaticamente ao Modo Claro/Escuro + backgroundColor: Theme.of(context).scaffoldBackgroundColor, appBar: AppBar( - title: Text("Criar Conta", style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold)), - backgroundColor: Colors.white, + title: Text( + "Criar Conta", + style: TextStyle( + fontSize: 18 * context.sf, + fontWeight: FontWeight.bold, + color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável ao Modo Escuro + ) + ), + backgroundColor: Theme.of(context).scaffoldBackgroundColor, elevation: 0, + iconTheme: IconThemeData(color: Theme.of(context).colorScheme.onSurface), ), body: Center( child: SingleChildScrollView( @@ -40,7 +50,7 @@ class _RegisterPageState extends State { child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ - const RegisterHeader(), // 🔥 Agora sim, usa o Header bonito! + const RegisterHeader(), SizedBox(height: 30 * context.sf), RegisterFormFields(controller: _controller), diff --git a/lib/pages/gamePage.dart b/lib/pages/gamePage.dart index 9dc3b26..fcd733d 100644 --- a/lib/pages/gamePage.dart +++ b/lib/pages/gamePage.dart @@ -1,76 +1,91 @@ import 'package:flutter/material.dart'; import 'package:playmaker/pages/PlacarPage.dart'; -import '../controllers/game_controller.dart'; +import 'package:playmaker/classe/theme.dart'; import '../controllers/team_controller.dart'; +import '../controllers/game_controller.dart'; import '../models/game_model.dart'; -import '../utils/size_extension.dart'; // 👇 NOVO SUPERPODER AQUI TAMBÉM! +import '../utils/size_extension.dart'; // --- CARD DE EXIBIÇÃO DO JOGO --- class GameResultCard extends StatelessWidget { final String gameId, myTeam, opponentTeam, myScore, opponentScore, status, season; - final String? myTeamLogo, opponentTeamLogo; + final String? myTeamLogo, 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, + this.myTeamLogo, this.opponentTeamLogo, required this.sf, }); @override Widget build(BuildContext context) { + final bgColor = Theme.of(context).cardTheme.color; + final textColor = Theme.of(context).colorScheme.onSurface; + return Container( - margin: EdgeInsets.only(bottom: 16 * context.sf), - padding: EdgeInsets.all(16 * context.sf), - decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20 * context.sf), boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 10 * context.sf)]), + margin: EdgeInsets.only(bottom: 16 * sf), + padding: EdgeInsets.all(16 * sf), + decoration: BoxDecoration( + color: bgColor, + borderRadius: BorderRadius.circular(20 * sf), + boxShadow: [BoxShadow(color: Colors.black12, blurRadius: 10 * sf)], + border: Border.all(color: Colors.grey.withOpacity(0.1)), + ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Expanded(child: _buildTeamInfo(context, myTeam, const Color(0xFFE74C3C), myTeamLogo)), - _buildScoreCenter(context, gameId), - Expanded(child: _buildTeamInfo(context, opponentTeam, Colors.black87, opponentTeamLogo)), + Expanded(child: _buildTeamInfo(myTeam, AppTheme.primaryRed, myTeamLogo, sf, textColor)), + _buildScoreCenter(context, gameId, sf, textColor), + Expanded(child: _buildTeamInfo(opponentTeam, Colors.grey.shade600, opponentTeamLogo, sf, textColor)), ], ), ); } - Widget _buildTeamInfo(BuildContext context, String name, Color color, String? logoUrl) { + Widget _buildTeamInfo(String name, Color color, String? logoUrl, double sf, Color textColor) { return Column( children: [ - CircleAvatar(radius: 24 * context.sf, backgroundColor: color, backgroundImage: (logoUrl != null && logoUrl.isNotEmpty) ? NetworkImage(logoUrl) : null, child: (logoUrl == null || logoUrl.isEmpty) ? Icon(Icons.shield, color: Colors.white, size: 24 * context.sf) : null), - SizedBox(height: 6 * context.sf), - Text(name, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * context.sf), textAlign: TextAlign.center, overflow: TextOverflow.ellipsis, maxLines: 2), + 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, color: textColor), textAlign: TextAlign.center, overflow: TextOverflow.ellipsis, maxLines: 2), ], ); } - Widget _buildScoreCenter(BuildContext context, String id) { + Widget _buildScoreCenter(BuildContext context, String id, double sf, Color textColor) { return Column( children: [ Row( mainAxisSize: MainAxisSize.min, children: [ - _scoreBox(context, myScore, Colors.green), - Text(" : ", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22 * context.sf)), - _scoreBox(context, opponentScore, Colors.grey), + _scoreBox(myScore, AppTheme.successGreen, sf), + Text(" : ", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22 * sf, color: textColor)), + _scoreBox(opponentScore, Colors.grey, sf), ], ), - SizedBox(height: 10 * context.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 * context.sf, color: const Color(0xFFE74C3C)), - label: Text("RETORNAR", style: TextStyle(fontSize: 11 * context.sf, color: const Color(0xFFE74C3C), fontWeight: FontWeight.bold)), - style: TextButton.styleFrom(backgroundColor: const Color(0xFFE74C3C).withOpacity(0.1), padding: EdgeInsets.symmetric(horizontal: 14 * context.sf, vertical: 8 * context.sf), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)), visualDensity: VisualDensity.compact), + icon: Icon(Icons.play_circle_fill, size: 18 * sf, color: AppTheme.primaryRed), + label: Text("RETORNAR", style: TextStyle(fontSize: 11 * sf, color: AppTheme.primaryRed, fontWeight: FontWeight.bold)), + style: TextButton.styleFrom(backgroundColor: AppTheme.primaryRed.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 * context.sf), - Text(status, style: TextStyle(fontSize: 12 * context.sf, color: Colors.blue, fontWeight: FontWeight.bold)), + SizedBox(height: 6 * sf), + Text(status, style: TextStyle(fontSize: 12 * sf, color: Colors.blue, fontWeight: FontWeight.bold)), ], ); } - Widget _scoreBox(BuildContext context, String pts, Color c) => Container( - padding: EdgeInsets.symmetric(horizontal: 12 * context.sf, vertical: 6 * context.sf), - decoration: BoxDecoration(color: c, borderRadius: BorderRadius.circular(8 * context.sf)), - child: Text(pts, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16 * context.sf)), + 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)), ); } @@ -78,8 +93,9 @@ class GameResultCard extends StatelessWidget { class CreateGameDialogManual extends StatefulWidget { final TeamController teamController; final GameController gameController; + final double sf; - const CreateGameDialogManual({super.key, required this.teamController, required this.gameController}); + const CreateGameDialogManual({super.key, required this.teamController, required this.gameController, required this.sf}); @override State createState() => _CreateGameDialogManualState(); @@ -105,24 +121,29 @@ class _CreateGameDialogManualState extends State { @override Widget build(BuildContext context) { return AlertDialog( - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)), - title: Text('Configurar Partida', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18 * context.sf)), + backgroundColor: Theme.of(context).colorScheme.surface, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * widget.sf)), + title: Text('Configurar Partida', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18 * widget.sf, color: Theme.of(context).colorScheme.onSurface)), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ - TextField(controller: _seasonController, style: TextStyle(fontSize: 14 * context.sf), decoration: InputDecoration(labelText: 'Temporada', labelStyle: TextStyle(fontSize: 14 * context.sf), border: const OutlineInputBorder(), prefixIcon: Icon(Icons.calendar_today, size: 20 * context.sf))), - SizedBox(height: 15 * context.sf), + TextField( + controller: _seasonController, + style: TextStyle(fontSize: 14 * widget.sf, color: Theme.of(context).colorScheme.onSurface), + 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(context, "Minha Equipa", _myTeamController), - Padding(padding: EdgeInsets.symmetric(vertical: 10 * context.sf), child: Text("VS", style: TextStyle(fontWeight: FontWeight.bold, color: Colors.grey, fontSize: 16 * context.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(context, "Adversário", _opponentController), ], ), ), actions: [ - TextButton(onPressed: () => Navigator.pop(context), child: Text('CANCELAR', style: TextStyle(fontSize: 14 * context.sf))), + TextButton(onPressed: () => Navigator.pop(context), child: Text('CANCELAR', style: TextStyle(fontSize: 14 * widget.sf, color: Colors.grey))), ElevatedButton( - style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFFE74C3C), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10 * context.sf)), padding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 10 * context.sf)), + style: ElevatedButton.styleFrom(backgroundColor: AppTheme.primaryRed, 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); @@ -134,7 +155,7 @@ class _CreateGameDialogManualState extends State { } } }, - child: _isLoading ? SizedBox(width: 20 * context.sf, height: 20 * context.sf, child: const CircularProgressIndicator(color: Colors.white, strokeWidth: 2)) : Text('CRIAR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 14 * context.sf)), + 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)), ), ], ); @@ -156,9 +177,10 @@ class _CreateGameDialogManualState extends State { return Align( alignment: Alignment.topLeft, child: Material( - elevation: 4.0, borderRadius: BorderRadius.circular(8 * context.sf), + color: Theme.of(context).colorScheme.surface, + elevation: 4.0, borderRadius: BorderRadius.circular(8 * widget.sf), child: ConstrainedBox( - constraints: BoxConstraints(maxHeight: 250 * context.sf, maxWidth: MediaQuery.of(context).size.width * 0.7), + constraints: BoxConstraints(maxHeight: 250 * widget.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) { @@ -166,8 +188,8 @@ class _CreateGameDialogManualState extends State { final String name = option['name'].toString(); final String? imageUrl = option['image_url']; return ListTile( - leading: CircleAvatar(radius: 20 * context.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 * context.sf) : null), - title: Text(name, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 14 * context.sf)), + leading: CircleAvatar(radius: 20 * widget.sf, backgroundColor: Colors.grey.withOpacity(0.2), backgroundImage: (imageUrl != null && imageUrl.isNotEmpty) ? NetworkImage(imageUrl) : null, child: (imageUrl == null || imageUrl.isEmpty) ? Icon(Icons.shield, color: Colors.grey, size: 20 * widget.sf) : null), + title: Text(name, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 14 * widget.sf, color: Theme.of(context).colorScheme.onSurface)), onTap: () { onSelected(option); }, ); }, @@ -180,8 +202,9 @@ class _CreateGameDialogManualState extends State { 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 * context.sf), - decoration: InputDecoration(labelText: label, labelStyle: TextStyle(fontSize: 14 * context.sf), prefixIcon: Icon(Icons.search, size: 20 * context.sf), border: const OutlineInputBorder()), + controller: txtCtrl, focusNode: node, + style: TextStyle(fontSize: 14 * widget.sf, color: Theme.of(context).colorScheme.onSurface), + decoration: InputDecoration(labelText: label, labelStyle: TextStyle(fontSize: 14 * widget.sf), prefixIcon: Icon(Icons.search, size: 20 * widget.sf, color: AppTheme.primaryRed)), ); }, ); @@ -209,16 +232,16 @@ class _GamePageState extends State { bool isFilterActive = selectedSeason != 'Todas' || selectedTeam != 'Todas'; return Scaffold( - backgroundColor: const Color(0xFFF5F7FA), + backgroundColor: Theme.of(context).scaffoldBackgroundColor, appBar: AppBar( title: Text("Jogos", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20 * context.sf)), - backgroundColor: Colors.white, + backgroundColor: Theme.of(context).scaffoldBackgroundColor, elevation: 0, actions: [ Padding( padding: EdgeInsets.only(right: 8.0 * context.sf), child: IconButton( - icon: Icon(isFilterActive ? Icons.filter_list_alt : Icons.filter_list, color: isFilterActive ? const Color(0xFFE74C3C) : Colors.black87, size: 26 * context.sf), + icon: Icon(isFilterActive ? Icons.filter_list_alt : Icons.filter_list, color: isFilterActive ? AppTheme.primaryRed : Theme.of(context).colorScheme.onSurface, size: 26 * context.sf), onPressed: () => _showFilterPopup(context), ), ) @@ -232,9 +255,9 @@ class _GamePageState extends State { 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 * context.sf))); + if (gameSnapshot.hasError) return Center(child: Text("Erro: ${gameSnapshot.error}", style: TextStyle(fontSize: 14 * context.sf, color: Theme.of(context).colorScheme.onSurface))); if (!gameSnapshot.hasData || gameSnapshot.data!.isEmpty) { - return Center(child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [Icon(Icons.search_off, size: 48 * context.sf, color: Colors.grey.shade300), SizedBox(height: 10 * context.sf), Text("Nenhum jogo encontrado.", style: TextStyle(fontSize: 14 * context.sf, color: Colors.grey.shade600))])); + return Center(child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [Icon(Icons.search_off, size: 48 * context.sf, color: Colors.grey.withOpacity(0.3)), SizedBox(height: 10 * context.sf), Text("Nenhum jogo encontrado.", style: TextStyle(fontSize: 14 * context.sf, color: Colors.grey))])); } return ListView.builder( padding: EdgeInsets.all(16 * context.sf), @@ -249,6 +272,7 @@ class _GamePageState extends State { return GameResultCard( gameId: game.id, myTeam: game.myTeam, opponentTeam: game.opponentTeam, myScore: game.myScore, opponentScore: game.opponentScore, status: game.status, season: game.season, myTeamLogo: myLogo, opponentTeamLogo: oppLogo, + sf: context.sf, ); }, ); @@ -257,10 +281,10 @@ class _GamePageState extends State { }, ), floatingActionButton: FloatingActionButton( - heroTag: 'add_game_btn', // 👇 A MÁGICA ESTÁ AQUI TAMBÉM! - backgroundColor: const Color(0xFFE74C3C), + heroTag: 'add_game_btn', + backgroundColor: AppTheme.primaryRed, child: Icon(Icons.add, color: Colors.white, size: 24 * context.sf), - onPressed: () => showDialog(context: context, builder: (context) => CreateGameDialogManual(teamController: teamController, gameController: gameController)), + onPressed: () => showDialog(context: context, builder: (context) => CreateGameDialogManual(teamController: teamController, gameController: gameController, sf: context.sf)), ), ); } @@ -274,34 +298,36 @@ class _GamePageState extends State { return StatefulBuilder( builder: (context, setPopupState) { return AlertDialog( + backgroundColor: Theme.of(context).colorScheme.surface, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)), title: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Text('Filtrar Jogos', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18 * context.sf)), + Text('Filtrar Jogos', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18 * context.sf, color: Theme.of(context).colorScheme.onSurface)), 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: [ - Text("Temporada", style: TextStyle(fontSize: 12 * context.sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)), + Text("Temporada", style: TextStyle(fontSize: 12 * context.sf, color: Colors.grey, fontWeight: FontWeight.bold)), SizedBox(height: 6 * context.sf), Container( - padding: EdgeInsets.symmetric(horizontal: 12 * context.sf), decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(10 * context.sf)), + padding: EdgeInsets.symmetric(horizontal: 12 * context.sf), decoration: BoxDecoration(color: Theme.of(context).cardTheme.color, borderRadius: BorderRadius.circular(10 * context.sf), border: Border.all(color: Colors.grey.withOpacity(0.2))), child: DropdownButtonHideUnderline( child: DropdownButton( - isExpanded: true, value: tempSeason, style: TextStyle(fontSize: 14 * context.sf, color: Colors.black87, fontWeight: FontWeight.bold), + dropdownColor: Theme.of(context).colorScheme.surface, + isExpanded: true, value: tempSeason, style: TextStyle(fontSize: 14 * context.sf, color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold), items: ['Todas', '2024/25', '2025/26'].map((String value) => DropdownMenuItem(value: value, child: Text(value))).toList(), onChanged: (newValue) => setPopupState(() => tempSeason = newValue!), ), ), ), SizedBox(height: 20 * context.sf), - Text("Equipa", style: TextStyle(fontSize: 12 * context.sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)), + Text("Equipa", style: TextStyle(fontSize: 12 * context.sf, color: Colors.grey, fontWeight: FontWeight.bold)), SizedBox(height: 6 * context.sf), Container( - padding: EdgeInsets.symmetric(horizontal: 12 * context.sf), decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(10 * context.sf)), + padding: EdgeInsets.symmetric(horizontal: 12 * context.sf), decoration: BoxDecoration(color: Theme.of(context).cardTheme.color, borderRadius: BorderRadius.circular(10 * context.sf), border: Border.all(color: Colors.grey.withOpacity(0.2))), child: StreamBuilder>>( stream: teamController.teamsStream, builder: (context, snapshot) { @@ -310,7 +336,8 @@ class _GamePageState extends State { if (!teamNames.contains(tempTeam)) tempTeam = 'Todas'; return DropdownButtonHideUnderline( child: DropdownButton( - isExpanded: true, value: tempTeam, style: TextStyle(fontSize: 14 * context.sf, color: Colors.black87, fontWeight: FontWeight.bold), + dropdownColor: Theme.of(context).colorScheme.surface, + isExpanded: true, value: tempTeam, style: TextStyle(fontSize: 14 * context.sf, color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold), items: teamNames.map((String value) => DropdownMenuItem(value: value, child: Text(value, overflow: TextOverflow.ellipsis))).toList(), onChanged: (newValue) => setPopupState(() => tempTeam = newValue!), ), @@ -322,7 +349,7 @@ class _GamePageState extends State { ), actions: [ TextButton(onPressed: () { setState(() { selectedSeason = 'Todas'; selectedTeam = 'Todas'; }); Navigator.pop(context); }, child: Text('LIMPAR', style: TextStyle(fontSize: 12 * context.sf, color: Colors.grey))), - ElevatedButton(style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFFE74C3C), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10 * context.sf))), onPressed: () { setState(() { selectedSeason = tempSeason; selectedTeam = tempTeam; }); Navigator.pop(context); }, child: Text('APLICAR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 13 * context.sf))), + ElevatedButton(style: ElevatedButton.styleFrom(backgroundColor: AppTheme.primaryRed, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10 * context.sf))), onPressed: () { setState(() { selectedSeason = tempSeason; selectedTeam = tempTeam; }); Navigator.pop(context); }, child: Text('APLICAR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 13 * context.sf))), ], ); } diff --git a/lib/pages/home.dart b/lib/pages/home.dart index 43b7bf6..53fb32a 100644 --- a/lib/pages/home.dart +++ b/lib/pages/home.dart @@ -1,13 +1,13 @@ import 'package:flutter/material.dart'; -import 'package:playmaker/classe/home.config.dart'; +import 'package:playmaker/classe/theme.dart'; import 'package:playmaker/grafico%20de%20pizza/grafico.dart'; import 'package:playmaker/pages/gamePage.dart'; import 'package:playmaker/pages/teamPage.dart'; import 'package:playmaker/controllers/team_controller.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; import 'package:playmaker/pages/status_page.dart'; -import '../utils/size_extension.dart'; -import 'package:playmaker/grafico%20de%20pizza/controllers/contollers_grafico.dart'; +import '../utils/size_extension.dart'; +import 'settings_screen.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @@ -30,24 +30,28 @@ class _HomeScreenState extends State { @override Widget build(BuildContext context) { - // Já não precisamos calcular o sf aqui! - final List pages = [ - _buildHomeContent(context), // Passamos só o context + _buildHomeContent(context), const GamePage(), const TeamsPage(), const StatusPage(), ]; return Scaffold( - backgroundColor: Colors.white, + backgroundColor: Theme.of(context).scaffoldBackgroundColor, // Fundo dinâmico appBar: AppBar( title: Text('PlayMaker', style: TextStyle(fontSize: 20 * context.sf)), - backgroundColor: HomeConfig.primaryColor, + backgroundColor: AppTheme.primaryRed, foregroundColor: Colors.white, leading: IconButton( icon: Icon(Icons.person, size: 24 * context.sf), - onPressed: () {}, + onPressed: () { + // 👇 MAGIA ACONTECE AQUI 👇 + Navigator.push( + context, + MaterialPageRoute(builder: (context) => const SettingsScreen()), + ); + }, ), ), @@ -62,7 +66,6 @@ class _HomeScreenState extends State { backgroundColor: Theme.of(context).colorScheme.surface, surfaceTintColor: Theme.of(context).colorScheme.surfaceTint, elevation: 1, - // O math.min não é necessário se já tens o sf. Mas podes usar context.sf height: 70 * (context.sf < 1.2 ? context.sf : 1.2), destinations: const [ NavigationDestination(icon: Icon(Icons.home_outlined), selectedIcon: Icon(Icons.home_filled), label: 'Home'), @@ -77,13 +80,14 @@ class _HomeScreenState extends State { void _showTeamSelector(BuildContext context) { showModalBottomSheet( context: context, + backgroundColor: Theme.of(context).colorScheme.surface, // Fundo dinâmico shape: RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(20 * context.sf))), builder: (context) { return StreamBuilder>>( stream: _teamController.teamsStream, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.waiting) return const SizedBox(height: 200, child: Center(child: CircularProgressIndicator())); - if (!snapshot.hasData || snapshot.data!.isEmpty) return SizedBox(height: 200 * context.sf, child: const Center(child: Text("Nenhuma equipa criada."))); + if (!snapshot.hasData || snapshot.data!.isEmpty) return SizedBox(height: 200 * context.sf, child: Center(child: Text("Nenhuma equipa criada.", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)))); final teams = snapshot.data!; return ListView.builder( @@ -92,7 +96,7 @@ class _HomeScreenState extends State { itemBuilder: (context, index) { final team = teams[index]; return ListTile( - title: Text(team['name']), + title: Text(team['name'], style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), // Texto dinâmico onTap: () { setState(() { _selectedTeamId = team['id']; @@ -115,6 +119,7 @@ class _HomeScreenState extends State { Widget _buildHomeContent(BuildContext context) { final double wScreen = MediaQuery.of(context).size.width; final double cardHeight = wScreen * 0.5; + final textColor = Theme.of(context).colorScheme.onSurface; return StreamBuilder>>( stream: _selectedTeamId != null @@ -133,12 +138,20 @@ class _HomeScreenState extends State { onTap: () => _showTeamSelector(context), child: Container( padding: EdgeInsets.all(12 * context.sf), - decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(15 * context.sf), border: Border.all(color: Colors.grey.shade300)), + decoration: BoxDecoration( + color: Theme.of(context).cardTheme.color, + borderRadius: BorderRadius.circular(15 * context.sf), + border: Border.all(color: Colors.grey.withOpacity(0.2)) + ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Row(children: [Icon(Icons.shield, color: HomeConfig.primaryColor, size: 24 * context.sf), SizedBox(width: 10 * context.sf), Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold))]), - const Icon(Icons.arrow_drop_down), + Row(children: [ + Icon(Icons.shield, color: AppTheme.primaryRed, size: 24 * context.sf), + SizedBox(width: 10 * context.sf), + Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold, color: textColor)) + ]), + Icon(Icons.arrow_drop_down, color: textColor), ], ), ), @@ -149,9 +162,9 @@ class _HomeScreenState extends State { height: cardHeight, child: Row( children: [ - Expanded(child: _buildStatCard(context: context, title: 'Mais Pontos', playerName: leaders['pts_name'], statValue: leaders['pts_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF1565C0), isHighlighted: true)), + Expanded(child: _buildStatCard(context: context, title: 'Mais Pontos', playerName: leaders['pts_name'], statValue: leaders['pts_val'].toString(), statLabel: 'TOTAL', color: AppTheme.statPtsBg, isHighlighted: true)), SizedBox(width: 12 * context.sf), - Expanded(child: _buildStatCard(context: context, title: 'Assistências', playerName: leaders['ast_name'], statValue: leaders['ast_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF2E7D32))), + Expanded(child: _buildStatCard(context: context, title: 'Assistências', playerName: leaders['ast_name'], statValue: leaders['ast_val'].toString(), statLabel: 'TOTAL', color: AppTheme.statAstBg)), ], ), ), @@ -161,7 +174,7 @@ class _HomeScreenState extends State { height: cardHeight, child: Row( children: [ - Expanded(child: _buildStatCard(context: context, title: 'Rebotes', playerName: leaders['rbs_name'], statValue: leaders['rbs_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF6A1B9A))), + Expanded(child: _buildStatCard(context: context, title: 'Rebotes', playerName: leaders['rbs_name'], statValue: leaders['rbs_val'].toString(), statLabel: 'TOTAL', color: AppTheme.statRebBg)), SizedBox(width: 12 * context.sf), Expanded( child: PieChartCard( @@ -170,8 +183,8 @@ class _HomeScreenState extends State { draws: _teamDraws, title: 'DESEMPENHO', subtitle: 'Temporada', - backgroundColor: const Color(0xFFC62828), - sf: context.sf // Aqui o PieChartCard ainda usa sf, então passamos + backgroundColor: AppTheme.statPieBg, + sf: context.sf ), ), ], @@ -179,7 +192,7 @@ class _HomeScreenState extends State { ), SizedBox(height: 40 * context.sf), - Text('Histórico de Jogos', style: TextStyle(fontSize: 20 * context.sf, fontWeight: FontWeight.bold, color: Colors.grey[800])), + Text('Histórico de Jogos', style: TextStyle(fontSize: 20 * context.sf, fontWeight: FontWeight.bold, color: textColor)), SizedBox(height: 16 * context.sf), _selectedTeamName == "Selecionar Equipa" @@ -192,7 +205,6 @@ class _HomeScreenState extends State { stream: _supabase.from('games').stream(primaryKey: ['id']) .order('game_date', ascending: false), builder: (context, gameSnapshot) { - if (gameSnapshot.hasError) return Text("Erro: ${gameSnapshot.error}", style: const TextStyle(color: Colors.red)); if (gameSnapshot.connectionState == ConnectionState.waiting) return const Center(child: CircularProgressIndicator()); @@ -207,9 +219,9 @@ class _HomeScreenState extends State { if (gamesList.isEmpty) { return Container( padding: EdgeInsets.all(20 * context.sf), - decoration: BoxDecoration(color: Colors.grey.shade50, borderRadius: BorderRadius.circular(14)), + decoration: BoxDecoration(color: Theme.of(context).cardTheme.color, borderRadius: BorderRadius.circular(14)), alignment: Alignment.center, - child: Text("Ainda não há jogos terminados para $_selectedTeamName.", style: TextStyle(color: Colors.grey)), + child: const Text("Ainda não há jogos terminados.", style: TextStyle(color: Colors.grey)), ); } @@ -236,7 +248,7 @@ class _HomeScreenState extends State { if (myScore < oppScore) result = 'D'; return _buildGameHistoryCard( - context: context, // Usamos o context para o sf + context: context, opponent: opponent, result: result, myScore: myScore, @@ -252,7 +264,6 @@ class _HomeScreenState extends State { ); }, ), - SizedBox(height: 20 * context.sf), ], ), @@ -280,14 +291,13 @@ class _HomeScreenState extends State { Widget _buildStatCard({required BuildContext context, required String title, required String playerName, required String statValue, required String statLabel, required Color color, bool isHighlighted = false}) { return Card( elevation: 4, margin: EdgeInsets.zero, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14), side: isHighlighted ? const BorderSide(color: Colors.amber, width: 2) : BorderSide.none), + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14), side: isHighlighted ? const BorderSide(color: AppTheme.warningAmber, width: 2) : BorderSide.none), child: Container( decoration: BoxDecoration(borderRadius: BorderRadius.circular(14), gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [color.withOpacity(0.9), color])), child: LayoutBuilder( builder: (context, constraints) { final double ch = constraints.maxHeight; final double cw = constraints.maxWidth; - return Padding( padding: EdgeInsets.all(cw * 0.06), child: Column( @@ -327,13 +337,15 @@ class _HomeScreenState extends State { }) { bool isWin = result == 'V'; bool isDraw = result == 'E'; - Color statusColor = isWin ? Colors.green : (isDraw ? Colors.yellow.shade700 : Colors.red); + Color statusColor = isWin ? AppTheme.successGreen : (isDraw ? AppTheme.warningAmber : AppTheme.oppTeamRed); + final bgColor = Theme.of(context).cardTheme.color; + final textColor = Theme.of(context).colorScheme.onSurface; return Container( margin: EdgeInsets.only(bottom: 14 * context.sf), decoration: BoxDecoration( - color: Colors.white, borderRadius: BorderRadius.circular(16), - border: Border.all(color: Colors.grey.shade200), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.04), blurRadius: 8, offset: const Offset(0, 4))], + color: bgColor, borderRadius: BorderRadius.circular(16), + border: Border.all(color: Colors.grey.withOpacity(0.1)), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.04), blurRadius: 8, offset: const Offset(0, 4))], ), child: Column( children: [ @@ -356,16 +368,16 @@ class _HomeScreenState extends State { Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Expanded(child: Text(_selectedTeamName == "Selecionar Equipa" ? "Minha Equipa" : _selectedTeamName, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold), maxLines: 1, overflow: TextOverflow.ellipsis)), + Expanded(child: Text(_selectedTeamName == "Selecionar Equipa" ? "Minha Equipa" : _selectedTeamName, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold, color: textColor), maxLines: 1, overflow: TextOverflow.ellipsis)), Padding( padding: EdgeInsets.symmetric(horizontal: 8 * context.sf), child: Container( padding: EdgeInsets.symmetric(horizontal: 8 * context.sf, vertical: 4 * context.sf), - decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(8)), - child: Text('$myScore - $oppScore', style: TextStyle(fontSize: 15 * context.sf, fontWeight: FontWeight.w900, letterSpacing: 1.5, color: Colors.black87)), + decoration: BoxDecoration(color: Theme.of(context).colorScheme.onSurface.withOpacity(0.05), borderRadius: BorderRadius.circular(8)), + child: Text('$myScore - $oppScore', style: TextStyle(fontSize: 15 * context.sf, fontWeight: FontWeight.w900, letterSpacing: 1.5, color: textColor)), ), ), - Expanded(child: Text(opponent, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold), textAlign: TextAlign.right, maxLines: 1, overflow: TextOverflow.ellipsis)), + Expanded(child: Text(opponent, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold, color: textColor), textAlign: TextAlign.right, maxLines: 1, overflow: TextOverflow.ellipsis)), ], ), ], @@ -374,10 +386,10 @@ class _HomeScreenState extends State { ], ), ), - Divider(height: 1, color: Colors.grey.shade100, thickness: 1.5), + Divider(height: 1, color: Colors.grey.withOpacity(0.1), thickness: 1.5), Container( width: double.infinity, padding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 12 * context.sf), - decoration: BoxDecoration(color: Colors.grey.shade50, borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(16), bottomRight: Radius.circular(16))), + decoration: BoxDecoration(color: Theme.of(context).colorScheme.surface, borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(16), bottomRight: Radius.circular(16))), child: Column( children: [ Row( @@ -413,13 +425,13 @@ class _HomeScreenState extends State { children: [ Icon(icon, size: 14 * context.sf, color: color), SizedBox(width: 4 * context.sf), - Text('$label: ', style: TextStyle(fontSize: 11 * context.sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)), + Text('$label: ', style: TextStyle(fontSize: 11 * context.sf, color: Colors.grey, fontWeight: FontWeight.bold)), Expanded( child: Text( value, style: TextStyle( fontSize: 11 * context.sf, - color: isMvp ? Colors.amber.shade900 : Colors.black87, + color: isMvp ? AppTheme.warningAmber : Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold ), maxLines: 1, overflow: TextOverflow.ellipsis diff --git a/lib/pages/login.dart b/lib/pages/login.dart index 036f3f1..c059b97 100644 --- a/lib/pages/login.dart +++ b/lib/pages/login.dart @@ -1,8 +1,8 @@ import 'package:flutter/material.dart'; import 'package:playmaker/controllers/login_controller.dart'; import '../widgets/login_widgets.dart'; -import 'home.dart'; // <--- IMPORTANTE: Importa a tua HomeScreen -import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER! +import 'home.dart'; +import '../utils/size_extension.dart'; class LoginPage extends StatefulWidget { const LoginPage({super.key}); @@ -23,7 +23,8 @@ class _LoginPageState extends State { @override Widget build(BuildContext context) { return Scaffold( - backgroundColor: Colors.white, + // 👇 Adaptável ao Modo Claro/Escuro do Flutter + backgroundColor: Theme.of(context).scaffoldBackgroundColor, body: SafeArea( child: ListenableBuilder( listenable: controller, @@ -32,7 +33,6 @@ class _LoginPageState extends State { child: SingleChildScrollView( child: Container( width: double.infinity, - // Garante que o form não fica gigante num tablet constraints: BoxConstraints(maxWidth: 450 * context.sf), padding: EdgeInsets.all(32 * context.sf), child: Column( diff --git a/lib/pages/settings_screen.dart b/lib/pages/settings_screen.dart new file mode 100644 index 0000000..20265dd --- /dev/null +++ b/lib/pages/settings_screen.dart @@ -0,0 +1,250 @@ +import 'package:flutter/material.dart'; +import 'package:playmaker/classe/theme.dart'; +import 'package:supabase_flutter/supabase_flutter.dart'; +import '../utils/size_extension.dart'; +import 'login.dart'; + +// 👇 OBRIGATÓRIO IMPORTAR O MAIN.DART PARA LER A VARIÁVEL "themeNotifier" +import '../main.dart'; + +class SettingsScreen extends StatefulWidget { + const SettingsScreen({super.key}); + + @override + State createState() => _SettingsScreenState(); +} + +class _SettingsScreenState extends State { + + @override + Widget build(BuildContext context) { + // 👇 CORES DINÂMICAS (A MÁGICA DO MODO ESCURO) + final Color primaryRed = AppTheme.primaryRed; + final Color bgColor = Theme.of(context).scaffoldBackgroundColor; + final Color cardColor = Theme.of(context).cardTheme.color ?? Theme.of(context).colorScheme.surface; + final Color textColor = Theme.of(context).colorScheme.onSurface; + final Color textLightColor = textColor.withOpacity(0.6); + + // 👇 SABER SE A APP ESTÁ ESCURA OU CLARA NESTE EXATO MOMENTO + bool isDark = Theme.of(context).brightness == Brightness.dark; + + return Scaffold( + backgroundColor: bgColor, + appBar: AppBar( + backgroundColor: primaryRed, + foregroundColor: Colors.white, + elevation: 0, + centerTitle: true, + title: Text( + "Perfil e Definições", + style: TextStyle( + fontSize: 18 * context.sf, + fontWeight: FontWeight.w600, + ), + ), + leading: IconButton( + icon: const Icon(Icons.arrow_back), + onPressed: () => Navigator.pop(context), + ), + ), + body: SingleChildScrollView( + padding: EdgeInsets.symmetric(horizontal: 16.0 * context.sf, vertical: 24.0 * context.sf), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + // ========================================== + // CARTÃO DE PERFIL + // ========================================== + Container( + padding: EdgeInsets.all(20 * context.sf), + decoration: BoxDecoration( + color: cardColor, + borderRadius: BorderRadius.circular(16 * context.sf), + border: Border.all(color: Colors.grey.withOpacity(0.1)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.04), + blurRadius: 10, + offset: const Offset(0, 4), + ), + ], + ), + child: Row( + children: [ + CircleAvatar( + radius: 32 * context.sf, + backgroundColor: primaryRed.withOpacity(0.1), + child: Icon(Icons.person, color: primaryRed, size: 32 * context.sf), + ), + SizedBox(width: 16 * context.sf), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + "Treinador", + style: TextStyle( + fontSize: 18 * context.sf, + fontWeight: FontWeight.bold, + color: textColor, + ), + ), + SizedBox(height: 4 * context.sf), + Text( + Supabase.instance.client.auth.currentUser?.email ?? "sem@email.com", + style: TextStyle( + color: textLightColor, + fontSize: 14 * context.sf, + ), + ), + ], + ), + ), + ], + ), + ), + + SizedBox(height: 32 * context.sf), + + // ========================================== + // SECÇÃO: DEFINIÇÕES + // ========================================== + Padding( + padding: EdgeInsets.only(left: 4 * context.sf, bottom: 12 * context.sf), + child: Text( + "Definições", + style: TextStyle( + color: textLightColor, + fontSize: 14 * context.sf, + fontWeight: FontWeight.bold, + ), + ), + ), + Container( + decoration: BoxDecoration( + color: cardColor, + borderRadius: BorderRadius.circular(16 * context.sf), + border: Border.all(color: Colors.grey.withOpacity(0.1)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.04), + blurRadius: 10, + offset: const Offset(0, 4), + ), + ], + ), + child: ListTile( + contentPadding: EdgeInsets.symmetric(horizontal: 20 * context.sf, vertical: 8 * context.sf), + leading: Icon(isDark ? Icons.dark_mode : Icons.light_mode, color: primaryRed, size: 28 * context.sf), + title: Text( + "Modo Escuro", + style: TextStyle(fontWeight: FontWeight.bold, color: textColor, fontSize: 16 * context.sf), + ), + subtitle: Text( + "Altera as cores da aplicação", + style: TextStyle(color: textLightColor, fontSize: 13 * context.sf), + ), + trailing: Switch( + value: isDark, + activeColor: primaryRed, + onChanged: (bool value) { + // 👇 CHAMA A VARIÁVEL DO MAIN.DART E ATUALIZA A APP TODA + themeNotifier.value = value ? ThemeMode.dark : ThemeMode.light; + }, + ), + ), + ), + + SizedBox(height: 32 * context.sf), + + // ========================================== + // SECÇÃO: CONTA + // ========================================== + Padding( + padding: EdgeInsets.only(left: 4 * context.sf, bottom: 12 * context.sf), + child: Text( + "Conta", + style: TextStyle( + color: textLightColor, + fontSize: 14 * context.sf, + fontWeight: FontWeight.bold, + ), + ), + ), + Container( + decoration: BoxDecoration( + color: cardColor, + borderRadius: BorderRadius.circular(16 * context.sf), + border: Border.all(color: Colors.grey.withOpacity(0.1)), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.04), + blurRadius: 10, + offset: const Offset(0, 4), + ), + ], + ), + child: ListTile( + contentPadding: EdgeInsets.symmetric(horizontal: 20 * context.sf, vertical: 4 * context.sf), + leading: Icon(Icons.logout_outlined, color: primaryRed, size: 26 * context.sf), + title: Text( + "Terminar Sessão", + style: TextStyle( + color: primaryRed, + fontWeight: FontWeight.bold, + fontSize: 15 * context.sf, + ), + ), + onTap: () => _confirmLogout(context), // 👇 CHAMA O LOGOUT REAL + ), + ), + + SizedBox(height: 50 * context.sf), + + // ========================================== + // VERSÃO DA APP + // ========================================== + Center( + child: Text( + "PlayMaker v1.0.0", + style: TextStyle( + color: textLightColor.withOpacity(0.7), + fontSize: 13 * context.sf, + ), + ), + ), + SizedBox(height: 20 * context.sf), + ], + ), + ), + ); + } + + // 👇 FUNÇÃO PARA FAZER LOGOUT + void _confirmLogout(BuildContext context) { + showDialog( + context: context, + builder: (ctx) => AlertDialog( + backgroundColor: Theme.of(context).colorScheme.surface, + title: Text("Terminar Sessão", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), + content: Text("Tens a certeza que queres sair da conta?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), + actions: [ + TextButton(onPressed: () => Navigator.pop(ctx), child: const Text("Cancelar", style: TextStyle(color: Colors.grey))), + TextButton( + onPressed: () async { + await Supabase.instance.client.auth.signOut(); + if (ctx.mounted) { + // Mata a navegação toda para trás e manda para o Login + Navigator.of(ctx).pushAndRemoveUntil( + MaterialPageRoute(builder: (context) => const LoginPage()), + (Route route) => false, + ); + } + }, + child: Text("Sair", style: TextStyle(color: AppTheme.primaryRed, fontWeight: FontWeight.bold)) + ), + ], + ), + ); + } +} \ No newline at end of file diff --git a/lib/pages/status_page.dart b/lib/pages/status_page.dart index 8d3b380..6f0cbd3 100644 --- a/lib/pages/status_page.dart +++ b/lib/pages/status_page.dart @@ -1,7 +1,8 @@ import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; +import 'package:playmaker/classe/theme.dart'; import '../controllers/team_controller.dart'; -import '../utils/size_extension.dart'; // 👇 A MAGIA DO SF! +import '../utils/size_extension.dart'; class StatusPage extends StatefulWidget { const StatusPage({super.key}); @@ -21,6 +22,9 @@ class _StatusPageState extends State { @override Widget build(BuildContext context) { + final bgColor = Theme.of(context).cardTheme.color ?? Colors.white; + final textColor = Theme.of(context).colorScheme.onSurface; + return Column( children: [ Padding( @@ -30,20 +34,20 @@ class _StatusPageState extends State { child: Container( padding: EdgeInsets.all(12 * context.sf), decoration: BoxDecoration( - color: Colors.white, + color: bgColor, borderRadius: BorderRadius.circular(15 * context.sf), - border: Border.all(color: Colors.grey.shade300), + border: Border.all(color: Colors.grey.withOpacity(0.2)), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 5)] ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row(children: [ - Icon(Icons.shield, color: const Color(0xFFE74C3C), size: 24 * context.sf), + Icon(Icons.shield, color: AppTheme.primaryRed, size: 24 * context.sf), SizedBox(width: 10 * context.sf), - Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold)) + Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold, color: textColor)) ]), - const Icon(Icons.arrow_drop_down), + Icon(Icons.arrow_drop_down, color: textColor), ], ), ), @@ -63,7 +67,7 @@ class _StatusPageState extends State { stream: _supabase.from('members').stream(primaryKey: ['id']).eq('team_id', _selectedTeamId!), builder: (context, membersSnapshot) { if (statsSnapshot.connectionState == ConnectionState.waiting || gamesSnapshot.connectionState == ConnectionState.waiting || membersSnapshot.connectionState == ConnectionState.waiting) { - return const Center(child: CircularProgressIndicator(color: Color(0xFFE74C3C))); + return Center(child: CircularProgressIndicator(color: AppTheme.primaryRed)); } final membersData = membersSnapshot.data ?? []; @@ -82,7 +86,7 @@ class _StatusPageState extends State { return _isAscending ? valA.compareTo(valB) : valB.compareTo(valA); }); - return _buildStatsGrid(context, playerTotals, teamTotals); + return _buildStatsGrid(context, playerTotals, teamTotals, bgColor, textColor); } ); } @@ -96,12 +100,10 @@ class _StatusPageState extends State { List> _aggregateStats(List stats, List games, List members) { Map> aggregated = {}; - for (var member in members) { String name = member['name']?.toString() ?? "Desconhecido"; aggregated[name] = {'name': name, 'j': 0, 'pts': 0, 'ast': 0, 'rbs': 0, 'stl': 0, 'blk': 0, 'mvp': 0, 'def': 0}; } - for (var row in stats) { String name = row['player_name']?.toString() ?? "Desconhecido"; if (!aggregated.containsKey(name)) aggregated[name] = {'name': name, 'j': 0, 'pts': 0, 'ast': 0, 'rbs': 0, 'stl': 0, 'blk': 0, 'mvp': 0, 'def': 0}; @@ -113,7 +115,6 @@ class _StatusPageState extends State { aggregated[name]!['stl'] += (row['stl'] ?? 0); aggregated[name]!['blk'] += (row['blk'] ?? 0); } - for (var game in games) { String? mvp = game['mvp_name']; String? defRaw = game['top_def_name']; @@ -134,52 +135,53 @@ class _StatusPageState extends State { return {'name': 'TOTAL EQUIPA', 'j': teamGames, 'pts': tPts, 'ast': tAst, 'rbs': tRbs, 'stl': tStl, 'blk': tBlk, 'mvp': tMvp, 'def': tDef}; } - Widget _buildStatsGrid(BuildContext context, List> players, Map teamTotals) { + Widget _buildStatsGrid(BuildContext context, List> players, Map teamTotals, Color bgColor, Color textColor) { return Container( - color: Colors.white, + color: Colors.transparent, child: SingleChildScrollView( scrollDirection: Axis.vertical, child: SingleChildScrollView( scrollDirection: Axis.horizontal, child: DataTable( columnSpacing: 25 * context.sf, - headingRowColor: MaterialStateProperty.all(Colors.grey.shade100), - dataRowHeight: 60 * context.sf, + headingRowColor: WidgetStateProperty.all(Theme.of(context).colorScheme.surface), + dataRowMaxHeight: 60 * context.sf, + dataRowMinHeight: 60 * context.sf, columns: [ - DataColumn(label: const Text('JOGADOR')), - _buildSortableColumn(context, 'J', 'j'), - _buildSortableColumn(context, 'PTS', 'pts'), - _buildSortableColumn(context, 'AST', 'ast'), - _buildSortableColumn(context, 'RBS', 'rbs'), - _buildSortableColumn(context, 'STL', 'stl'), - _buildSortableColumn(context, 'BLK', 'blk'), - _buildSortableColumn(context, 'DEF 🛡️', 'def'), - _buildSortableColumn(context, 'MVP 🏆', 'mvp'), + DataColumn(label: Text('JOGADOR', style: TextStyle(color: textColor))), + _buildSortableColumn(context, 'J', 'j', textColor), + _buildSortableColumn(context, 'PTS', 'pts', textColor), + _buildSortableColumn(context, 'AST', 'ast', textColor), + _buildSortableColumn(context, 'RBS', 'rbs', textColor), + _buildSortableColumn(context, 'STL', 'stl', textColor), + _buildSortableColumn(context, 'BLK', 'blk', textColor), + _buildSortableColumn(context, 'DEF 🛡️', 'def', textColor), + _buildSortableColumn(context, 'MVP 🏆', 'mvp', textColor), ], rows: [ ...players.map((player) => DataRow(cells: [ - DataCell(Row(children: [CircleAvatar(radius: 15 * context.sf, backgroundColor: Colors.grey.shade200, child: Icon(Icons.person, size: 18 * context.sf)), SizedBox(width: 10 * context.sf), Text(player['name'], style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * context.sf))])), - DataCell(Center(child: Text(player['j'].toString()))), - _buildStatCell(context, player['pts'], isHighlight: true), - _buildStatCell(context, player['ast']), - _buildStatCell(context, player['rbs']), - _buildStatCell(context, player['stl']), - _buildStatCell(context, player['blk']), - _buildStatCell(context, player['def'], isBlue: true), - _buildStatCell(context, player['mvp'], isGold: true), + DataCell(Row(children: [CircleAvatar(radius: 15 * context.sf, backgroundColor: Colors.grey.withOpacity(0.2), child: Icon(Icons.person, size: 18 * context.sf, color: Colors.grey)), SizedBox(width: 10 * context.sf), Text(player['name'], style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * context.sf, color: textColor))])), + DataCell(Center(child: Text(player['j'].toString(), style: TextStyle(color: textColor)))), + _buildStatCell(context, player['pts'], textColor, isHighlight: true), + _buildStatCell(context, player['ast'], textColor), + _buildStatCell(context, player['rbs'], textColor), + _buildStatCell(context, player['stl'], textColor), + _buildStatCell(context, player['blk'], textColor), + _buildStatCell(context, player['def'], textColor, isBlue: true), + _buildStatCell(context, player['mvp'], textColor, isGold: true), ])), DataRow( - color: MaterialStateProperty.all(Colors.grey.shade50), + color: WidgetStateProperty.all(Theme.of(context).colorScheme.surface.withOpacity(0.5)), cells: [ - DataCell(Text('TOTAL EQUIPA', style: TextStyle(fontWeight: FontWeight.w900, color: Colors.black, fontSize: 12 * context.sf))), - DataCell(Center(child: Text(teamTotals['j'].toString(), style: const TextStyle(fontWeight: FontWeight.bold)))), - _buildStatCell(context, teamTotals['pts'], isHighlight: true), - _buildStatCell(context, teamTotals['ast']), - _buildStatCell(context, teamTotals['rbs']), - _buildStatCell(context, teamTotals['stl']), - _buildStatCell(context, teamTotals['blk']), - _buildStatCell(context, teamTotals['def'], isBlue: true), - _buildStatCell(context, teamTotals['mvp'], isGold: true), + DataCell(Text('TOTAL EQUIPA', style: TextStyle(fontWeight: FontWeight.w900, color: textColor, fontSize: 12 * context.sf))), + DataCell(Center(child: Text(teamTotals['j'].toString(), style: TextStyle(fontWeight: FontWeight.bold, color: textColor)))), + _buildStatCell(context, teamTotals['pts'], textColor, isHighlight: true), + _buildStatCell(context, teamTotals['ast'], textColor), + _buildStatCell(context, teamTotals['rbs'], textColor), + _buildStatCell(context, teamTotals['stl'], textColor), + _buildStatCell(context, teamTotals['blk'], textColor), + _buildStatCell(context, teamTotals['def'], textColor, isBlue: true), + _buildStatCell(context, teamTotals['mvp'], textColor, isGold: true), ] ) ], @@ -189,37 +191,37 @@ class _StatusPageState extends State { ); } - DataColumn _buildSortableColumn(BuildContext context, String title, String sortKey) { + DataColumn _buildSortableColumn(BuildContext context, String title, String sortKey, Color textColor) { return DataColumn(label: InkWell( onTap: () => setState(() { if (_sortColumn == sortKey) _isAscending = !_isAscending; else { _sortColumn = sortKey; _isAscending = false; } }), child: Row(children: [ - Text(title, style: TextStyle(fontSize: 12 * context.sf, fontWeight: FontWeight.bold)), - if (_sortColumn == sortKey) Icon(_isAscending ? Icons.arrow_drop_up : Icons.arrow_drop_down, size: 18 * context.sf, color: const Color(0xFFE74C3C)), + Text(title, style: TextStyle(fontSize: 12 * context.sf, fontWeight: FontWeight.bold, color: textColor)), + if (_sortColumn == sortKey) Icon(_isAscending ? Icons.arrow_drop_up : Icons.arrow_drop_down, size: 18 * context.sf, color: AppTheme.primaryRed), ]), )); } - DataCell _buildStatCell(BuildContext context, int value, {bool isHighlight = false, bool isGold = false, bool isBlue = false}) { + DataCell _buildStatCell(BuildContext context, int value, Color textColor, {bool isHighlight = false, bool isGold = false, bool isBlue = false}) { return DataCell(Center(child: Container( padding: EdgeInsets.symmetric(horizontal: 8 * context.sf, vertical: 4 * context.sf), decoration: BoxDecoration(color: isGold && value > 0 ? Colors.amber.withOpacity(0.2) : (isBlue && value > 0 ? Colors.blue.withOpacity(0.1) : Colors.transparent), borderRadius: BorderRadius.circular(6)), child: Text(value == 0 ? "-" : value.toString(), style: TextStyle( fontWeight: (isHighlight || isGold || isBlue) ? FontWeight.w900 : FontWeight.w600, - fontSize: 14 * context.sf, color: isGold && value > 0 ? Colors.orange.shade900 : (isBlue && value > 0 ? Colors.blue.shade800 : (isHighlight ? Colors.green.shade700 : Colors.black87)) + fontSize: 14 * context.sf, color: isGold && value > 0 ? Colors.orange.shade900 : (isBlue && value > 0 ? Colors.blue.shade800 : (isHighlight ? AppTheme.successGreen : textColor)) )), ))); } void _showTeamSelector(BuildContext context) { - showModalBottomSheet(context: context, builder: (context) => StreamBuilder>>( + showModalBottomSheet(context: context, backgroundColor: Theme.of(context).colorScheme.surface, builder: (context) => StreamBuilder>>( stream: _teamController.teamsStream, builder: (context, snapshot) { final teams = snapshot.data ?? []; return ListView.builder(itemCount: teams.length, itemBuilder: (context, i) => ListTile( - title: Text(teams[i]['name']), + title: Text(teams[i]['name'], style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), onTap: () { setState(() { _selectedTeamId = teams[i]['id']; _selectedTeamName = teams[i]['name']; }); Navigator.pop(context); }, )); }, diff --git a/lib/pages/teamPage.dart b/lib/pages/teamPage.dart index 5d7c2bd..23b3484 100644 --- a/lib/pages/teamPage.dart +++ b/lib/pages/teamPage.dart @@ -1,8 +1,9 @@ import 'package:flutter/material.dart'; import 'package:playmaker/screens/team_stats_page.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA import '../controllers/team_controller.dart'; import '../models/team_model.dart'; -import '../utils/size_extension.dart'; // 👇 IMPORTANTE: O TEU NOVO SUPERPODER +import '../utils/size_extension.dart'; class TeamsPage extends StatefulWidget { const TeamsPage({super.key}); @@ -32,14 +33,14 @@ class _TeamsPageState extends State { return StatefulBuilder( builder: (context, setModalState) { return AlertDialog( - backgroundColor: const Color(0xFF2C3E50), + backgroundColor: Theme.of(context).colorScheme.surface, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)), title: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - Text("Filtros de pesquisa", style: TextStyle(color: Colors.white, fontSize: 18 * context.sf, fontWeight: FontWeight.bold)), + Text("Filtros de pesquisa", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 18 * context.sf, fontWeight: FontWeight.bold)), IconButton( - icon: Icon(Icons.close, color: Colors.white, size: 20 * context.sf), + icon: Icon(Icons.close, color: Colors.grey, size: 20 * context.sf), onPressed: () => Navigator.pop(context), ) ], @@ -47,7 +48,7 @@ class _TeamsPageState extends State { content: Column( mainAxisSize: MainAxisSize.min, children: [ - const Divider(color: Colors.white24), + Divider(color: Colors.grey.withOpacity(0.2)), SizedBox(height: 16 * context.sf), Row( crossAxisAlignment: CrossAxisAlignment.start, @@ -82,7 +83,7 @@ class _TeamsPageState extends State { actions: [ TextButton( onPressed: () => Navigator.pop(context), - child: Text("CONCLUÍDO", style: TextStyle(color: const Color(0xFFE74C3C), fontWeight: FontWeight.bold, fontSize: 14 * context.sf)), + child: Text("CONCLUÍDO", style: TextStyle(color: AppTheme.primaryRed, fontWeight: FontWeight.bold, fontSize: 14 * context.sf)), ), ], ); @@ -107,7 +108,7 @@ class _TeamsPageState extends State { child: Text( opt, style: TextStyle( - color: isSelected ? const Color(0xFFE74C3C) : Colors.white70, + color: isSelected ? AppTheme.primaryRed : Theme.of(context).colorScheme.onSurface.withOpacity(0.7), fontWeight: isSelected ? FontWeight.bold : FontWeight.normal, fontSize: 14 * context.sf, ), @@ -121,16 +122,15 @@ class _TeamsPageState extends State { @override Widget build(BuildContext context) { - // 🔥 OLHA QUE LIMPEZA: Já não precisamos de calcular nada aqui! return Scaffold( - backgroundColor: const Color(0xFFF5F7FA), + backgroundColor: Theme.of(context).scaffoldBackgroundColor, appBar: AppBar( title: Text("Minhas Equipas", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20 * context.sf)), - backgroundColor: const Color(0xFFF5F7FA), + backgroundColor: Theme.of(context).scaffoldBackgroundColor, elevation: 0, actions: [ IconButton( - icon: Icon(Icons.filter_list, color: const Color(0xFFE74C3C), size: 24 * context.sf), + icon: Icon(Icons.filter_list, color: AppTheme.primaryRed, size: 24 * context.sf), onPressed: () => _showFilterDialog(context), ), ], @@ -142,8 +142,8 @@ class _TeamsPageState extends State { ], ), floatingActionButton: FloatingActionButton( - heroTag: 'add_team_btn', // 👇 A MÁGICA ESTÁ AQUI! - backgroundColor: const Color(0xFFE74C3C), + heroTag: 'add_team_btn', + backgroundColor: AppTheme.primaryRed, child: Icon(Icons.add, color: Colors.white, size: 24 * context.sf), onPressed: () => _showCreateDialog(context), ), @@ -156,13 +156,13 @@ class _TeamsPageState extends State { child: TextField( controller: _searchController, onChanged: (v) => setState(() => _searchQuery = v.toLowerCase()), - style: TextStyle(fontSize: 16 * context.sf), + style: TextStyle(fontSize: 16 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( hintText: 'Pesquisar equipa...', - hintStyle: TextStyle(fontSize: 16 * context.sf), - prefixIcon: Icon(Icons.search, color: const Color(0xFFE74C3C), size: 22 * context.sf), + hintStyle: TextStyle(fontSize: 16 * context.sf, color: Colors.grey), + prefixIcon: Icon(Icons.search, color: AppTheme.primaryRed, size: 22 * context.sf), filled: true, - fillColor: Colors.white, + fillColor: Theme.of(context).colorScheme.surface, // 👇 Adapta-se ao Dark Mode border: OutlineInputBorder(borderRadius: BorderRadius.circular(15 * context.sf), borderSide: BorderSide.none), ), ), @@ -173,8 +173,8 @@ class _TeamsPageState extends State { return StreamBuilder>>( stream: controller.teamsStream, builder: (context, snapshot) { - if (snapshot.connectionState == ConnectionState.waiting) return const Center(child: CircularProgressIndicator()); - if (!snapshot.hasData || snapshot.data!.isEmpty) return Center(child: Text("Nenhuma equipa encontrada.", style: TextStyle(fontSize: 16 * context.sf))); + if (snapshot.connectionState == ConnectionState.waiting) return Center(child: CircularProgressIndicator(color: AppTheme.primaryRed)); + if (!snapshot.hasData || snapshot.data!.isEmpty) return Center(child: Text("Nenhuma equipa encontrada.", style: TextStyle(fontSize: 16 * context.sf, color: Theme.of(context).colorScheme.onSurface))); var data = List>.from(snapshot.data!); @@ -201,6 +201,7 @@ class _TeamsPageState extends State { team: team, controller: controller, onFavoriteTap: () => controller.toggleFavorite(team.id, team.isFavorite), + sf: context.sf, ), ); }, @@ -210,7 +211,7 @@ class _TeamsPageState extends State { } void _showCreateDialog(BuildContext context) { - showDialog(context: context, builder: (context) => CreateTeamDialog(onConfirm: (name, season, imageUrl) => controller.createTeam(name, season, imageUrl))); + showDialog(context: context, builder: (context) => CreateTeamDialog(sf: context.sf, onConfirm: (name, season, imageUrl) => controller.createTeam(name, season, imageUrl))); } } @@ -219,73 +220,140 @@ class TeamCard extends StatelessWidget { final Team team; final TeamController controller; final VoidCallback onFavoriteTap; + final double sf; - const TeamCard({super.key, required this.team, required this.controller, required this.onFavoriteTap}); + const TeamCard({ + super.key, + required this.team, + required this.controller, + required this.onFavoriteTap, + required this.sf, + }); @override Widget build(BuildContext context) { - return Card( - color: Colors.white, elevation: 3, margin: EdgeInsets.only(bottom: 12 * context.sf), - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)), - child: ListTile( - contentPadding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 8 * context.sf), - leading: Stack( - clipBehavior: Clip.none, - children: [ - CircleAvatar( - radius: 28 * context.sf, backgroundColor: Colors.grey[200], - backgroundImage: (team.imageUrl.isNotEmpty && team.imageUrl.startsWith('http')) ? NetworkImage(team.imageUrl) : null, - child: (team.imageUrl.isEmpty || !team.imageUrl.startsWith('http')) ? Text(team.imageUrl.isEmpty ? "🏀" : team.imageUrl, style: TextStyle(fontSize: 24 * context.sf)) : null, - ), - Positioned( - left: -15 * context.sf, top: -10 * context.sf, - child: IconButton( - icon: Icon(team.isFavorite ? Icons.star : Icons.star_border, color: team.isFavorite ? Colors.amber : Colors.black.withOpacity(0.1), size: 28 * context.sf, shadows: [Shadow(color: Colors.black.withOpacity(team.isFavorite ? 0.3 : 0.1), blurRadius: 4 * context.sf)]), - onPressed: onFavoriteTap, - ), - ), - ], - ), - title: Text(team.name, style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16 * context.sf), overflow: TextOverflow.ellipsis), - subtitle: Padding( - padding: EdgeInsets.only(top: 6.0 * context.sf), - child: Row( + final bgColor = Theme.of(context).cardTheme.color ?? Theme.of(context).colorScheme.surface; + final textColor = Theme.of(context).colorScheme.onSurface; + + return Container( + margin: EdgeInsets.only(bottom: 12 * sf), + decoration: BoxDecoration( + color: bgColor, + borderRadius: BorderRadius.circular(15 * sf), + border: Border.all(color: Colors.grey.withOpacity(0.15)), + boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.05), blurRadius: 10 * sf)] + ), + child: Material( + color: Colors.transparent, + borderRadius: BorderRadius.circular(15 * sf), + child: ListTile( + contentPadding: EdgeInsets.symmetric(horizontal: 16 * sf, vertical: 8 * sf), + leading: Stack( + clipBehavior: Clip.none, children: [ - Icon(Icons.groups_outlined, size: 16 * context.sf, color: Colors.grey), - SizedBox(width: 4 * context.sf), - StreamBuilder( - stream: controller.getPlayerCountStream(team.id), - initialData: 0, - builder: (context, snapshot) { - final count = snapshot.data ?? 0; - return Text("$count Jogs.", style: TextStyle(color: count > 0 ? Colors.green[700] : Colors.orange, fontWeight: FontWeight.bold, fontSize: 13 * context.sf)); - }, + CircleAvatar( + radius: 28 * sf, + backgroundColor: Colors.grey.withOpacity(0.2), + backgroundImage: (team.imageUrl.isNotEmpty && team.imageUrl.startsWith('http')) + ? NetworkImage(team.imageUrl) + : null, + child: (team.imageUrl.isEmpty || !team.imageUrl.startsWith('http')) + ? Text( + team.imageUrl.isEmpty ? "🏀" : team.imageUrl, + style: TextStyle(fontSize: 24 * sf), + ) + : null, + ), + Positioned( + left: -15 * sf, + top: -10 * sf, + child: IconButton( + icon: Icon( + team.isFavorite ? Icons.star : Icons.star_border, + color: team.isFavorite ? AppTheme.warningAmber : Theme.of(context).colorScheme.onSurface.withOpacity(0.2), + size: 28 * sf, + shadows: [ + Shadow(color: Colors.black.withOpacity(team.isFavorite ? 0.3 : 0.1), blurRadius: 4 * sf), + ], + ), + onPressed: onFavoriteTap, + ), + ), + ], + ), + title: Text( + team.name, + style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16 * sf, color: textColor), + overflow: TextOverflow.ellipsis, + ), + subtitle: Padding( + padding: EdgeInsets.only(top: 6.0 * sf), + child: Row( + children: [ + Icon(Icons.groups_outlined, size: 16 * sf, color: Colors.grey), + SizedBox(width: 4 * sf), + StreamBuilder( + stream: controller.getPlayerCountStream(team.id), + initialData: 0, + builder: (context, snapshot) { + final count = snapshot.data ?? 0; + return Text( + "$count Jogs.", + style: TextStyle( + color: count > 0 ? AppTheme.successGreen : AppTheme.warningAmber, // 👇 Usando cores do tema + fontWeight: FontWeight.bold, + fontSize: 13 * sf, + ), + ); + }, + ), + SizedBox(width: 8 * sf), + Expanded( + child: Text("| ${team.season}", style: TextStyle(color: Colors.grey, fontSize: 13 * sf), overflow: TextOverflow.ellipsis), + ), + ], + ), + ), + trailing: Row( + mainAxisSize: MainAxisSize.min, + children: [ + IconButton( + tooltip: 'Ver Estatísticas', + icon: Icon(Icons.bar_chart_rounded, color: Colors.blue, size: 24 * sf), + onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (context) => TeamStatsPage(team: team))), + ), + IconButton( + tooltip: 'Eliminar Equipa', + icon: Icon(Icons.delete_outline, color: AppTheme.primaryRed, size: 24 * sf), + onPressed: () => _confirmDelete(context, sf, bgColor, textColor), ), - SizedBox(width: 8 * context.sf), - Expanded(child: Text("| ${team.season}", style: TextStyle(color: Colors.grey, fontSize: 13 * context.sf), overflow: TextOverflow.ellipsis)), ], ), - ), - trailing: Row( - mainAxisSize: MainAxisSize.min, - children: [ - IconButton(tooltip: 'Ver Estatísticas', icon: Icon(Icons.bar_chart_rounded, color: Colors.blue, size: 24 * context.sf), onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (context) => TeamStatsPage(team: team)))), - IconButton(tooltip: 'Eliminar Equipa', icon: Icon(Icons.delete_outline, color: const Color(0xFFE74C3C), size: 24 * context.sf), onPressed: () => _confirmDelete(context)), - ], ), ), ); } - void _confirmDelete(BuildContext context) { + void _confirmDelete(BuildContext context, double sf, Color cardColor, Color textColor) { showDialog( context: context, builder: (context) => AlertDialog( - title: Text('Eliminar Equipa?', style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold)), - content: Text('Tens a certeza que queres eliminar "${team.name}"?', style: TextStyle(fontSize: 14 * context.sf)), + backgroundColor: cardColor, + surfaceTintColor: Colors.transparent, + title: Text('Eliminar Equipa?', style: TextStyle(fontSize: 18 * sf, fontWeight: FontWeight.bold, color: textColor)), + content: Text('Tens a certeza que queres eliminar "${team.name}"?', style: TextStyle(fontSize: 14 * sf, color: textColor)), actions: [ - TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancelar', style: TextStyle(fontSize: 14 * context.sf))), - TextButton(onPressed: () { controller.deleteTeam(team.id); Navigator.pop(context); }, child: Text('Eliminar', style: TextStyle(color: Colors.red, fontSize: 14 * context.sf))), + TextButton( + onPressed: () => Navigator.pop(context), + child: Text('Cancelar', style: TextStyle(fontSize: 14 * sf, color: Colors.grey)), + ), + TextButton( + onPressed: () { + controller.deleteTeam(team.id); + Navigator.pop(context); + }, + child: Text('Eliminar', style: TextStyle(color: AppTheme.primaryRed, fontSize: 14 * sf)), + ), ], ), ); @@ -295,7 +363,9 @@ class TeamCard extends StatelessWidget { // --- DIALOG DE CRIAÇÃO --- class CreateTeamDialog extends StatefulWidget { final Function(String name, String season, String imageUrl) onConfirm; - const CreateTeamDialog({super.key, required this.onConfirm}); + final double sf; + + const CreateTeamDialog({super.key, required this.onConfirm, required this.sf}); @override State createState() => _CreateTeamDialogState(); @@ -309,31 +379,33 @@ class _CreateTeamDialogState extends State { @override Widget build(BuildContext context) { return AlertDialog( - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)), - title: Text('Nova Equipa', style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold)), + backgroundColor: Theme.of(context).colorScheme.surface, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * widget.sf)), + title: Text('Nova Equipa', style: TextStyle(fontSize: 18 * widget.sf, fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.onSurface)), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ - TextField(controller: _nameController, style: TextStyle(fontSize: 14 * context.sf), decoration: InputDecoration(labelText: 'Nome da Equipa', labelStyle: TextStyle(fontSize: 14 * context.sf)), textCapitalization: TextCapitalization.words), - SizedBox(height: 15 * context.sf), + TextField(controller: _nameController, style: TextStyle(fontSize: 14 * widget.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration(labelText: 'Nome da Equipa', labelStyle: TextStyle(fontSize: 14 * widget.sf)), textCapitalization: TextCapitalization.words), + SizedBox(height: 15 * widget.sf), DropdownButtonFormField( - value: _selectedSeason, decoration: InputDecoration(labelText: 'Temporada', labelStyle: TextStyle(fontSize: 14 * context.sf)), - style: TextStyle(fontSize: 14 * context.sf, color: Colors.black87), + dropdownColor: Theme.of(context).colorScheme.surface, + value: _selectedSeason, decoration: InputDecoration(labelText: 'Temporada', labelStyle: TextStyle(fontSize: 14 * widget.sf)), + style: TextStyle(fontSize: 14 * widget.sf, color: Theme.of(context).colorScheme.onSurface), items: ['2023/24', '2024/25', '2025/26'].map((s) => DropdownMenuItem(value: s, child: Text(s))).toList(), onChanged: (val) => setState(() => _selectedSeason = val!), ), - SizedBox(height: 15 * context.sf), - TextField(controller: _imageController, style: TextStyle(fontSize: 14 * context.sf), decoration: InputDecoration(labelText: 'URL Imagem ou Emoji', labelStyle: TextStyle(fontSize: 14 * context.sf), hintText: 'Ex: 🏀 ou https://...', hintStyle: TextStyle(fontSize: 14 * context.sf))), + SizedBox(height: 15 * widget.sf), + TextField(controller: _imageController, style: TextStyle(fontSize: 14 * widget.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration(labelText: 'URL Imagem ou Emoji', labelStyle: TextStyle(fontSize: 14 * widget.sf), hintText: 'Ex: 🏀 ou https://...', hintStyle: TextStyle(fontSize: 14 * widget.sf, color: Colors.grey))), ], ), ), actions: [ - TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancelar', style: TextStyle(fontSize: 14 * context.sf))), + TextButton(onPressed: () => Navigator.pop(context), child: Text('Cancelar', style: TextStyle(fontSize: 14 * widget.sf, color: Colors.grey))), ElevatedButton( - style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFFE74C3C), padding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 10 * context.sf)), + style: ElevatedButton.styleFrom(backgroundColor: AppTheme.primaryRed, padding: EdgeInsets.symmetric(horizontal: 16 * widget.sf, vertical: 10 * widget.sf)), onPressed: () { if (_nameController.text.trim().isNotEmpty) { widget.onConfirm(_nameController.text.trim(), _selectedSeason, _imageController.text.trim()); Navigator.pop(context); } }, - child: Text('Criar', style: TextStyle(color: Colors.white, fontSize: 14 * context.sf)), + child: Text('Criar', style: TextStyle(color: Colors.white, fontSize: 14 * widget.sf)), ), ], ); diff --git a/lib/screens/team_stats_page.dart b/lib/screens/team_stats_page.dart index 9102443..b433944 100644 --- a/lib/screens/team_stats_page.dart +++ b/lib/screens/team_stats_page.dart @@ -1,8 +1,10 @@ import 'dart:async'; import 'package:flutter/material.dart'; import 'package:supabase_flutter/supabase_flutter.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA! import '../models/team_model.dart'; import '../models/person_model.dart'; +import '../utils/size_extension.dart'; // 👇 SUPERPODER SF // --- CABEÇALHO --- class StatsHeader extends StatelessWidget { @@ -13,22 +15,24 @@ class StatsHeader extends StatelessWidget { @override Widget build(BuildContext context) { return Container( - padding: const EdgeInsets.only(top: 50, left: 20, right: 20, bottom: 20), - decoration: const BoxDecoration( - color: Color(0xFF2C3E50), - borderRadius: BorderRadius.only(bottomLeft: Radius.circular(30), bottomRight: Radius.circular(30)), + padding: EdgeInsets.only(top: 50 * context.sf, left: 20 * context.sf, right: 20 * context.sf, bottom: 20 * context.sf), + decoration: BoxDecoration( + color: AppTheme.primaryRed, // 👇 Usando a cor oficial + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(30 * context.sf), + bottomRight: Radius.circular(30 * context.sf) + ), ), child: Row( children: [ IconButton( - icon: const Icon(Icons.arrow_back, color: Colors.white), + icon: Icon(Icons.arrow_back, color: Colors.white, size: 24 * context.sf), onPressed: () => Navigator.pop(context), ), - const SizedBox(width: 10), + SizedBox(width: 10 * context.sf), - // IMAGEM OU EMOJI DA EQUIPA AQUI! CircleAvatar( - radius: 24, + radius: 24 * context.sf, backgroundColor: Colors.white24, backgroundImage: (team.imageUrl.isNotEmpty && team.imageUrl.startsWith('http')) ? NetworkImage(team.imageUrl) @@ -36,18 +40,25 @@ class StatsHeader extends StatelessWidget { child: (team.imageUrl.isEmpty || !team.imageUrl.startsWith('http')) ? Text( team.imageUrl.isEmpty ? "🛡️" : team.imageUrl, - style: const TextStyle(fontSize: 20), + style: TextStyle(fontSize: 20 * context.sf), ) : null, ), - const SizedBox(width: 15), - Expanded( // Expanded evita overflow se o nome for muito longo + SizedBox(width: 15 * context.sf), + Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ - Text(team.name, style: const TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold), overflow: TextOverflow.ellipsis), - Text(team.season, style: const TextStyle(color: Colors.white70, fontSize: 14)), + Text( + team.name, + style: TextStyle(color: Colors.white, fontSize: 20 * context.sf, fontWeight: FontWeight.bold), + overflow: TextOverflow.ellipsis + ), + Text( + team.season, + style: TextStyle(color: Colors.white70, fontSize: 14 * context.sf) + ), ], ), ), @@ -65,20 +76,36 @@ class StatsSummaryCard extends StatelessWidget { @override Widget build(BuildContext context) { + // 👇 Adapta-se ao Modo Claro/Escuro + final Color bgColor = Theme.of(context).brightness == Brightness.dark ? const Color(0xFF1E1E1E) : Colors.white; + return Card( elevation: 4, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)), + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)), child: Container( - padding: const EdgeInsets.all(20), + padding: EdgeInsets.all(20 * context.sf), decoration: BoxDecoration( - borderRadius: BorderRadius.circular(20), - gradient: LinearGradient(colors: [Colors.blue.shade700, Colors.blue.shade400]), + color: bgColor, + borderRadius: BorderRadius.circular(20 * context.sf), + border: Border.all(color: Colors.grey.withOpacity(0.15)), ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - const Text("Total de Membros", style: TextStyle(color: Colors.white, fontSize: 16)), - Text("$total", style: const TextStyle(color: Colors.white, fontSize: 28, fontWeight: FontWeight.bold)), + Row( + children: [ + Icon(Icons.groups, color: AppTheme.primaryRed, size: 28 * context.sf), // 👇 Cor do tema + SizedBox(width: 10 * context.sf), + Text( + "Total de Membros", + style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 16 * context.sf, fontWeight: FontWeight.w600) + ), + ], + ), + Text( + "$total", + style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 28 * context.sf, fontWeight: FontWeight.bold) + ), ], ), ), @@ -97,8 +124,11 @@ class StatsSectionTitle extends StatelessWidget { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ - Text(title, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold, color: Color(0xFF2C3E50))), - const Divider(), + Text( + title, + style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.onSurface) + ), + Divider(color: Colors.grey.withOpacity(0.2)), ], ); } @@ -121,37 +151,50 @@ class PersonCard extends StatelessWidget { @override Widget build(BuildContext context) { + // 👇 Adapta as cores do Card ao Modo Escuro e ao Tema + final Color defaultBg = Theme.of(context).brightness == Brightness.dark ? const Color(0xFF1E1E1E) : Colors.white; + final Color coachBg = Theme.of(context).brightness == Brightness.dark ? AppTheme.warningAmber.withOpacity(0.1) : const Color(0xFFFFF9C4); + return Card( - margin: const EdgeInsets.only(top: 12), + margin: EdgeInsets.only(top: 12 * context.sf), elevation: 2, - color: isCoach ? const Color(0xFFFFF9C4) : Colors.white, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)), + color: isCoach ? coachBg : defaultBg, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)), child: ListTile( + contentPadding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 4 * context.sf), leading: isCoach - ? const CircleAvatar(backgroundColor: Colors.orange, child: Icon(Icons.person, color: Colors.white)) + ? CircleAvatar( + radius: 22 * context.sf, + backgroundColor: AppTheme.warningAmber, // 👇 Cor do tema + child: Icon(Icons.person, color: Colors.white, size: 24 * context.sf) + ) : Container( - width: 45, - height: 45, + width: 45 * context.sf, + height: 45 * context.sf, alignment: Alignment.center, - decoration: BoxDecoration(color: Colors.blue.withOpacity(0.1), borderRadius: BorderRadius.circular(10)), - child: Text(person.number ?? "J", style: const TextStyle(color: Colors.blue, fontWeight: FontWeight.bold, fontSize: 16)), + decoration: BoxDecoration( + color: AppTheme.primaryRed.withOpacity(0.1), // 👇 Cor do tema + borderRadius: BorderRadius.circular(10 * context.sf) + ), + child: Text( + person.number ?? "J", + style: TextStyle(color: AppTheme.primaryRed, fontWeight: FontWeight.bold, fontSize: 16 * context.sf) + ), ), - title: Text(person.name, style: const TextStyle(fontWeight: FontWeight.bold)), + title: Text( + person.name, + style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16 * context.sf, color: Theme.of(context).colorScheme.onSurface) + ), - // --- CANTO DIREITO (Trailing) --- trailing: Row( mainAxisSize: MainAxisSize.min, children: [ - // IMAGEM DA EQUIPA NO CARD DO JOGADOR - - const SizedBox(width: 5), // Espaço - IconButton( - icon: const Icon(Icons.edit_outlined, color: Colors.blue), + icon: Icon(Icons.edit_outlined, color: Colors.blue, size: 22 * context.sf), onPressed: onEdit, ), IconButton( - icon: const Icon(Icons.delete_outline, color: Colors.red), + icon: Icon(Icons.delete_outline, color: AppTheme.primaryRed, size: 22 * context.sf), // 👇 Cor do tema onPressed: onDelete, ), ], @@ -180,10 +223,9 @@ class _TeamStatsPageState extends State { @override Widget build(BuildContext context) { return Scaffold( - backgroundColor: const Color(0xFFF5F7FA), + backgroundColor: Theme.of(context).scaffoldBackgroundColor, // 👇 Adapta-se ao Modo Escuro body: Column( children: [ - // Cabeçalho StatsHeader(team: widget.team), Expanded( @@ -191,11 +233,11 @@ class _TeamStatsPageState extends State { stream: _controller.getMembers(widget.team.id), builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.waiting) { - return const Center(child: CircularProgressIndicator()); + return Center(child: CircularProgressIndicator(color: AppTheme.primaryRed)); } if (snapshot.hasError) { - return Center(child: Text("Erro ao carregar: ${snapshot.error}")); + return Center(child: Text("Erro ao carregar: ${snapshot.error}", style: TextStyle(color: Theme.of(context).colorScheme.onSurface))); } final members = snapshot.data ?? []; @@ -204,15 +246,16 @@ class _TeamStatsPageState extends State { final players = members.where((m) => m.type == 'Jogador').toList(); return RefreshIndicator( + color: AppTheme.primaryRed, onRefresh: () async => setState(() {}), child: SingleChildScrollView( physics: const AlwaysScrollableScrollPhysics(), - padding: const EdgeInsets.all(16.0), + padding: EdgeInsets.all(16.0 * context.sf), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ StatsSummaryCard(total: members.length), - const SizedBox(height: 30), + SizedBox(height: 30 * context.sf), // TREINADORES if (coaches.isNotEmpty) ...[ @@ -220,19 +263,18 @@ class _TeamStatsPageState extends State { ...coaches.map((c) => PersonCard( person: c, isCoach: true, - onEdit: () => _controller.showEditPersonDialog(context, widget.team.id, c), onDelete: () => _confirmDelete(context, c), )), - const SizedBox(height: 30), + SizedBox(height: 30 * context.sf), ], // JOGADORES const StatsSectionTitle(title: "Jogadores"), if (players.isEmpty) - const Padding( - padding: EdgeInsets.only(top: 20), - child: Text("Nenhum jogador nesta equipa.", style: TextStyle(color: Colors.grey, fontSize: 16)), + Padding( + padding: EdgeInsets.only(top: 20 * context.sf), + child: Text("Nenhum jogador nesta equipa.", style: TextStyle(color: Colors.grey, fontSize: 16 * context.sf)), ) else ...players.map((p) => PersonCard( @@ -241,7 +283,7 @@ class _TeamStatsPageState extends State { onEdit: () => _controller.showEditPersonDialog(context, widget.team.id, p), onDelete: () => _confirmDelete(context, p), )), - const SizedBox(height: 80), + SizedBox(height: 80 * context.sf), ], ), ), @@ -254,8 +296,8 @@ class _TeamStatsPageState extends State { floatingActionButton: FloatingActionButton( heroTag: 'fab_team_${widget.team.id}', onPressed: () => _controller.showAddPersonDialog(context, widget.team.id), - backgroundColor: const Color(0xFF00C853), - child: const Icon(Icons.add, color: Colors.white), + backgroundColor: AppTheme.successGreen, // 👇 Cor de sucesso do tema + child: Icon(Icons.add, color: Colors.white, size: 24 * context.sf), ), ); } @@ -264,16 +306,20 @@ class _TeamStatsPageState extends State { showDialog( context: context, builder: (ctx) => AlertDialog( - title: const Text("Eliminar Membro?"), - content: Text("Tens a certeza que queres remover ${person.name}?"), + backgroundColor: Theme.of(context).colorScheme.surface, + title: Text("Eliminar Membro?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), + content: Text("Tens a certeza que queres remover ${person.name}?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface)), actions: [ - TextButton(onPressed: () => Navigator.pop(ctx), child: const Text("Cancelar")), + TextButton( + onPressed: () => Navigator.pop(ctx), + child: const Text("Cancelar", style: TextStyle(color: Colors.grey)) + ), TextButton( onPressed: () async { await _controller.deletePerson(person.id); if (ctx.mounted) Navigator.pop(ctx); }, - child: const Text("Eliminar", style: TextStyle(color: Colors.red)), + child: Text("Eliminar", style: TextStyle(color: AppTheme.primaryRed)), // 👇 Cor oficial ), ], ), @@ -323,20 +369,27 @@ class StatsController { context: context, builder: (ctx) => StatefulBuilder( builder: (ctx, setState) => AlertDialog( - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)), - title: Text(isEdit ? "Editar Membro" : "Novo Membro"), + backgroundColor: Theme.of(context).colorScheme.surface, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)), + title: Text( + isEdit ? "Editar Membro" : "Novo Membro", + style: TextStyle(color: Theme.of(context).colorScheme.onSurface) + ), content: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ TextField( controller: nameCtrl, + style: TextStyle(color: Theme.of(context).colorScheme.onSurface), decoration: const InputDecoration(labelText: "Nome Completo"), textCapitalization: TextCapitalization.words, ), - const SizedBox(height: 15), + SizedBox(height: 15 * context.sf), DropdownButtonFormField( value: selectedType, + dropdownColor: Theme.of(context).colorScheme.surface, + style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontSize: 16 * context.sf), decoration: const InputDecoration(labelText: "Função"), items: ["Jogador", "Treinador"] .map((e) => DropdownMenuItem(value: e, child: Text(e))) @@ -346,9 +399,10 @@ class StatsController { }, ), if (selectedType == "Jogador") ...[ - const SizedBox(height: 15), + SizedBox(height: 15 * context.sf), TextField( controller: numCtrl, + style: TextStyle(color: Theme.of(context).colorScheme.onSurface), decoration: const InputDecoration(labelText: "Número da Camisola"), keyboardType: TextInputType.number, ), @@ -359,12 +413,13 @@ class StatsController { actions: [ TextButton( onPressed: () => Navigator.pop(ctx), - child: const Text("Cancelar") + child: const Text("Cancelar", style: TextStyle(color: Colors.grey)) ), ElevatedButton( style: ElevatedButton.styleFrom( - backgroundColor: const Color(0xFF00C853), - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)) + backgroundColor: AppTheme.successGreen, // 👇 Cor verde do tema + foregroundColor: Colors.white, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8 * context.sf)) ), onPressed: () async { if (nameCtrl.text.trim().isEmpty) return; @@ -397,12 +452,12 @@ class StatsController { errorMsg = "Já existe um membro com este numero na equipa."; } ScaffoldMessenger.of(ctx).showSnackBar( - SnackBar(content: Text(errorMsg), backgroundColor: Colors.red) + SnackBar(content: Text(errorMsg), backgroundColor: AppTheme.primaryRed) // 👇 Cor oficial para erro ); } } }, - child: const Text("Guardar", style: TextStyle(color: Colors.white)), + child: const Text("Guardar"), ) ], ), diff --git a/lib/widgets/game_widgets.dart b/lib/widgets/game_widgets.dart index 6fb90c8..c073376 100644 --- a/lib/widgets/game_widgets.dart +++ b/lib/widgets/game_widgets.dart @@ -1,104 +1,83 @@ import 'package:flutter/material.dart'; import 'package:playmaker/pages/PlacarPage.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA! import '../controllers/team_controller.dart'; import '../controllers/game_controller.dart'; -// --- 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; // NOVA VARIÁVEL DE ESCALA + final String gameId, myTeam, opponentTeam, myScore, opponentScore, status, season; + final String? myTeamLogo, 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, // OBRIGATÓRIO RECEBER A ESCALA + 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) { + // 👇 Puxa as cores de fundo dependendo do Modo (Claro/Escuro) + final bgColor = Theme.of(context).colorScheme.surface; + final textColor = Theme.of(context).colorScheme.onSurface; + return Container( margin: EdgeInsets.only(bottom: 16 * sf), padding: EdgeInsets.all(16 * sf), decoration: BoxDecoration( - color: Colors.white, + color: bgColor, // Usa a cor do tema 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)), + Expanded(child: _buildTeamInfo(myTeam, AppTheme.primaryRed, myTeamLogo, sf, textColor)), // Usa o primaryRed _buildScoreCenter(context, gameId, sf), - Expanded(child: _buildTeamInfo(opponentTeam, Colors.black87, opponentTeamLogo, sf)), + Expanded(child: _buildTeamInfo(opponentTeam, textColor, opponentTeamLogo, sf, textColor)), ], ), ); } - Widget _buildTeamInfo(String name, Color color, String? logoUrl, double sf) { + Widget _buildTeamInfo(String name, Color color, String? logoUrl, double sf, Color textColor) { return Column( children: [ CircleAvatar( - radius: 24 * sf, // Ajuste do tamanho do logo + 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, + 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, // Permite 2 linhas para nomes compridos não cortarem + style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13 * sf, color: textColor), // Adapta à noite/dia + textAlign: TextAlign.center, overflow: TextOverflow.ellipsis, maxLines: 2, ), ], ); } Widget _buildScoreCenter(BuildContext context, String id, double sf) { + final textColor = Theme.of(context).colorScheme.onSurface; + return Column( children: [ Row( mainAxisSize: MainAxisSize.min, children: [ - _scoreBox(myScore, Colors.green, sf), - Text(" : ", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22 * sf)), + _scoreBox(myScore, AppTheme.successGreen, sf), // Verde do tema + Text(" : ", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22 * sf, color: textColor)), _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)), + onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (context) => PlacarPage(gameId: id, myTeam: myTeam, opponentTeam: opponentTeam))), + icon: Icon(Icons.play_circle_fill, size: 18 * sf, color: AppTheme.primaryRed), + label: Text("RETORNAR", style: TextStyle(fontSize: 11 * sf, color: AppTheme.primaryRed, fontWeight: FontWeight.bold)), style: TextButton.styleFrom( - backgroundColor: const Color(0xFFE74C3C).withOpacity(0.1), + backgroundColor: AppTheme.primaryRed.withOpacity(0.1), padding: EdgeInsets.symmetric(horizontal: 14 * sf, vertical: 8 * sf), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * sf)), visualDensity: VisualDensity.compact, @@ -115,204 +94,4 @@ class GameResultCard extends StatelessWidget { 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; // NOVA VARIÁVEL DE ESCALA - - const CreateGameDialogManual({ - super.key, - required this.teamController, - required this.gameController, - required this.sf, - }); - - @override - State createState() => _CreateGameDialogManualState(); -} - -class _CreateGameDialogManualState extends State { - 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>>( - stream: widget.teamController.teamsStream, - builder: (context, snapshot) { - List> teamList = snapshot.hasData ? snapshot.data! : []; - - return Autocomplete>( - displayStringForOption: (Map option) => option['name'].toString(), - - optionsBuilder: (TextEditingValue val) { - if (val.text.isEmpty) return const Iterable>.empty(); - return teamList.where((t) => - t['name'].toString().toLowerCase().contains(val.text.toLowerCase())); - }, - - onSelected: (Map 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() - ), - ); - }, - ); - }, - ); - } } \ No newline at end of file diff --git a/lib/widgets/login_widgets.dart b/lib/widgets/login_widgets.dart index 1028679..0736120 100644 --- a/lib/widgets/login_widgets.dart +++ b/lib/widgets/login_widgets.dart @@ -1,7 +1,8 @@ import 'package:flutter/material.dart'; import 'package:playmaker/controllers/login_controller.dart'; import 'package:playmaker/pages/RegisterPage.dart'; -import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER! +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA +import '../utils/size_extension.dart'; class BasketTrackHeader extends StatelessWidget { const BasketTrackHeader({super.key}); @@ -11,7 +12,7 @@ class BasketTrackHeader extends StatelessWidget { return Column( children: [ SizedBox( - width: 200 * context.sf, // Ajusta o tamanho da imagem suavemente + width: 200 * context.sf, height: 200 * context.sf, child: Image.asset( 'assets/playmaker-logos.png', @@ -23,7 +24,7 @@ class BasketTrackHeader extends StatelessWidget { style: TextStyle( fontSize: 36 * context.sf, fontWeight: FontWeight.bold, - color: Colors.grey[900], + color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável ao Modo Escuro ), ), SizedBox(height: 6 * context.sf), @@ -31,7 +32,7 @@ class BasketTrackHeader extends StatelessWidget { 'Gere as tuas equipas e estatísticas', style: TextStyle( fontSize: 16 * context.sf, - color: Colors.grey[600], + color: Colors.grey, // Mantemos cinza para subtítulo fontWeight: FontWeight.w500, ), textAlign: TextAlign.center, @@ -52,13 +53,17 @@ class LoginFormFields extends StatelessWidget { children: [ TextField( controller: controller.emailController, - style: TextStyle(fontSize: 15 * context.sf), + style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( labelText: 'E-mail', labelStyle: TextStyle(fontSize: 15 * context.sf), - prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf), + prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema errorText: controller.emailError, border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12 * context.sf), + borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), // 👇 Cor do tema ao focar + ), contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf), ), keyboardType: TextInputType.emailAddress, @@ -67,16 +72,21 @@ class LoginFormFields extends StatelessWidget { TextField( controller: controller.passwordController, obscureText: controller.obscurePassword, - style: TextStyle(fontSize: 15 * context.sf), + style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( labelText: 'Palavra-passe', labelStyle: TextStyle(fontSize: 15 * context.sf), - prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf), + prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema errorText: controller.passwordError, + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12 * context.sf), + borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), // 👇 Cor do tema ao focar + ), suffixIcon: IconButton( icon: Icon( controller.obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined, - size: 22 * context.sf + size: 22 * context.sf, + color: Colors.grey, ), onPressed: controller.togglePasswordVisibility, ), @@ -106,7 +116,7 @@ class LoginButton extends StatelessWidget { if (success) onLoginSuccess(); }, style: ElevatedButton.styleFrom( - backgroundColor: const Color(0xFFE74C3C), + backgroundColor: AppTheme.primaryRed, // 👇 Usando a cor do tema foregroundColor: Colors.white, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * context.sf)), elevation: 3, @@ -135,8 +145,8 @@ class CreateAccountButton extends StatelessWidget { Navigator.push(context, MaterialPageRoute(builder: (context) => const RegisterPage())); }, style: OutlinedButton.styleFrom( - foregroundColor: const Color(0xFFE74C3C), - side: BorderSide(color: const Color(0xFFE74C3C), width: 2 * context.sf), + foregroundColor: AppTheme.primaryRed, // 👇 Usando a cor do tema + side: BorderSide(color: AppTheme.primaryRed, width: 2 * context.sf), // 👇 Usando a cor do tema shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * context.sf)), ), child: Text('Criar Conta', style: TextStyle(fontSize: 18 * context.sf, fontWeight: FontWeight.bold)), diff --git a/lib/widgets/placar_widgets.dart b/lib/widgets/placar_widgets.dart index f9ccb6e..ad3d5c0 100644 --- a/lib/widgets/placar_widgets.dart +++ b/lib/widgets/placar_widgets.dart @@ -1,7 +1,10 @@ import 'package:flutter/material.dart'; import 'package:playmaker/controllers/placar_controller.dart'; +import 'package:playmaker/zone_map_dialog.dart'; -// --- PLACAR SUPERIOR --- +// ============================================================================ +// 1. PLACAR SUPERIOR (CRONÓMETRO E RESULTADO) +// ============================================================================ class TopScoreboard extends StatelessWidget { final PlacarController controller; final double sf; @@ -105,7 +108,9 @@ class TopScoreboard extends StatelessWidget { ); } -// --- BANCO DE SUPLENTES --- +// ============================================================================ +// 2. BANCO DE SUPLENTES (DRAG & DROP) +// ============================================================================ class BenchPlayersList extends StatelessWidget { final PlacarController controller; final bool isOpponent; @@ -173,7 +178,12 @@ class BenchPlayersList extends StatelessWidget { } } -// --- CARTÃO DO JOGADOR NO CAMPO --- +// ============================================================================ +// 3. CARTÃO DO JOGADOR NO CAMPO (TARGET DE FALTAS/PONTOS/SUBSTITUIÇÕES) +// ============================================================================ +// ============================================================================ +// 3. CARTÃO DO JOGADOR NO CAMPO (AGORA ABRE O POPUP AMARELO) +// ============================================================================ class PlayerCourtCard extends StatelessWidget { final PlacarController controller; final String name; @@ -203,7 +213,27 @@ class PlayerCourtCard extends StatelessWidget { child: DragTarget( onAcceptWithDetails: (details) { final action = details.data; - if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) { + + // 👇 SE FOR UM LANÇAMENTO DE CAMPO (2 OU 3 PONTOS), ABRE O POPUP AMARELO! + if (action == "add_pts_2" || action == "add_pts_3" || action == "miss_2" || action == "miss_3") { + bool isMake = action.startsWith("add_"); + + showDialog( + context: context, + builder: (ctx) => ZoneMapDialog( + playerName: name, + isMake: isMake, + onZoneSelected: (zone, points, relX, relY) { + Navigator.pop(ctx); // Fecha o popup amarelo + + // 👇 MANDA OS DADOS PARA O CONTROLLER! (Vais ter de criar esta função no PlacarController) + controller.registerShotFromPopup(context, action, "$prefix$name", zone, points, relX, relY); + }, + ), + ); + } + // Se for 1 Ponto (Lance Livre), Falta, Ressalto ou Roubo, FAZ TUDO NORMAL! + else if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) { controller.handleActionDrag(context, action, "$prefix$name"); } else if (action.startsWith("bench_")) { controller.handleSubbing(context, action, name, isOpponent); @@ -219,15 +249,13 @@ class PlayerCourtCard extends StatelessWidget { } Widget _playerCardUI(String number, String name, Map stats, Color teamColor, bool isSubbing, bool isActionHover, double sf) { + // ... (Mantém o teu código de design _playerCardUI que já tinhas aqui dentro, fica igualzinho!) bool isFouledOut = stats["fls"]! >= 5; Color bgColor = isFouledOut ? Colors.red.shade50 : Colors.white; Color borderColor = isFouledOut ? Colors.redAccent : Colors.transparent; - if (isSubbing) { - bgColor = Colors.blue.shade50; borderColor = Colors.blue; - } else if (isActionHover && !isFouledOut) { - bgColor = Colors.orange.shade50; borderColor = Colors.orange; - } + if (isSubbing) { bgColor = Colors.blue.shade50; borderColor = Colors.blue; } + else if (isActionHover && !isFouledOut) { bgColor = Colors.orange.shade50; borderColor = Colors.orange; } int fgm = stats["fgm"]!; int fga = stats["fga"]!; @@ -260,19 +288,10 @@ class PlayerCourtCard extends StatelessWidget { crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.min, children: [ - Text( - displayName, - style: TextStyle(fontSize: 16 * sf, fontWeight: FontWeight.bold, color: isFouledOut ? Colors.red : Colors.black87, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none) - ), + Text(displayName, style: TextStyle(fontSize: 16 * sf, fontWeight: FontWeight.bold, color: isFouledOut ? Colors.red : Colors.black87, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)), SizedBox(height: 2.5 * sf), - Text( - "${stats["pts"]} Pts | FG: $fgm/$fga ($fgPercent%)", - style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[700], fontWeight: FontWeight.w600) - ), - Text( - "${stats["ast"]} Ast | ${stats["orb"]! + stats["drb"]!} Rbs | ${stats["fls"]} Fls", - style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[500], fontWeight: FontWeight.w600) - ), + Text("${stats["pts"]} Pts | FG: $fgm/$fga ($fgPercent%)", style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[700], fontWeight: FontWeight.w600)), + Text("${stats["ast"]} Ast | ${stats["orb"]! + stats["drb"]!} Rbs | ${stats["fls"]} Fls", style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[500], fontWeight: FontWeight.w600)), ], ), ), @@ -284,7 +303,9 @@ class PlayerCourtCard extends StatelessWidget { } } -// --- PAINEL DE BOTÕES DE AÇÃO --- +// ============================================================================ +// 4. PAINEL DE BOTÕES DE AÇÃO (PONTOS, RESSALTOS, ETC) +// ============================================================================ class ActionButtonsPanel extends StatelessWidget { final PlacarController controller; final double sf; @@ -293,8 +314,8 @@ class ActionButtonsPanel extends StatelessWidget { @override Widget build(BuildContext context) { - final double baseSize = 65 * sf; // Reduzido (Antes era 75) - final double feedSize = 82 * sf; // Reduzido (Antes era 95) + final double baseSize = 65 * sf; + final double feedSize = 82 * sf; final double gap = 7 * sf; return Row( @@ -347,7 +368,7 @@ class ActionButtonsPanel extends StatelessWidget { child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX) ), child: DragTarget( - onAcceptWithDetails: (details) {}, + onAcceptWithDetails: (details) {}, // O PlayerCourtCard é que processa a ação! builder: (context, candidateData, rejectedData) { bool isHovered = candidateData.any((data) => data != null && data.startsWith("player_")); return Transform.scale( @@ -408,7 +429,9 @@ class ActionButtonsPanel extends StatelessWidget { children: [ Container( width: size, height: size, - decoration: (isPointBtn || isBlkBtn) ? const BoxDecoration(color: Colors.transparent) : BoxDecoration(gradient: RadialGradient(colors: [color.withOpacity(0.7), color], radius: 0.8), shape: BoxShape.circle, boxShadow: [BoxShadow(color: Colors.black38, blurRadius: 6 * sf, offset: Offset(0, 3 * sf))]), + decoration: (isPointBtn || isBlkBtn) + ? const BoxDecoration(color: Colors.transparent) + : BoxDecoration(gradient: RadialGradient(colors: [color.withOpacity(0.7), color], radius: 0.8), shape: BoxShape.circle, boxShadow: [BoxShadow(color: Colors.black38, blurRadius: 6 * sf, offset: Offset(0, 3 * sf))]), alignment: Alignment.center, child: content, ), @@ -416,4 +439,5 @@ class ActionButtonsPanel extends StatelessWidget { ], ); } -} \ No newline at end of file + +} diff --git a/lib/widgets/register_widgets.dart b/lib/widgets/register_widgets.dart index da3528d..6b886b1 100644 --- a/lib/widgets/register_widgets.dart +++ b/lib/widgets/register_widgets.dart @@ -1,4 +1,5 @@ import 'package:flutter/material.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA import '../controllers/register_controller.dart'; import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER! @@ -9,16 +10,20 @@ class RegisterHeader extends StatelessWidget { Widget build(BuildContext context) { return Column( children: [ - Icon(Icons.person_add_outlined, size: 100 * context.sf, color: const Color(0xFFE74C3C)), + Icon(Icons.person_add_outlined, size: 100 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema SizedBox(height: 10 * context.sf), Text( 'Nova Conta', - style: TextStyle(fontSize: 36 * context.sf, fontWeight: FontWeight.bold, color: Colors.grey[900]), + style: TextStyle( + fontSize: 36 * context.sf, + fontWeight: FontWeight.bold, + color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável ao Modo Escuro + ), ), SizedBox(height: 5 * context.sf), Text( 'Cria o teu perfil no BasketTrack', - style: TextStyle(fontSize: 16 * context.sf, color: Colors.grey[600], fontWeight: FontWeight.w500), + style: TextStyle(fontSize: 16 * context.sf, color: Colors.grey, fontWeight: FontWeight.w500), textAlign: TextAlign.center, ), ], @@ -45,12 +50,16 @@ class _RegisterFormFieldsState extends State { children: [ TextFormField( controller: widget.controller.nameController, - style: TextStyle(fontSize: 15 * context.sf), + style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( labelText: 'Nome Completo', labelStyle: TextStyle(fontSize: 15 * context.sf), - prefixIcon: Icon(Icons.person_outline, size: 22 * context.sf), + prefixIcon: Icon(Icons.person_outline, size: 22 * context.sf, color: AppTheme.primaryRed), // 👇 Cor do tema border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12 * context.sf), + borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), // 👇 Destaque ao focar + ), contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf), ), ), @@ -59,12 +68,16 @@ class _RegisterFormFieldsState extends State { TextFormField( controller: widget.controller.emailController, validator: widget.controller.validateEmail, - style: TextStyle(fontSize: 15 * context.sf), + style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( labelText: 'E-mail', labelStyle: TextStyle(fontSize: 15 * context.sf), - prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf), + prefixIcon: Icon(Icons.email_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12 * context.sf), + borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), + ), contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf), ), keyboardType: TextInputType.emailAddress, @@ -75,13 +88,17 @@ class _RegisterFormFieldsState extends State { controller: widget.controller.passwordController, obscureText: _obscurePassword, validator: widget.controller.validatePassword, - style: TextStyle(fontSize: 15 * context.sf), + style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( labelText: 'Palavra-passe', labelStyle: TextStyle(fontSize: 15 * context.sf), - prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf), + prefixIcon: Icon(Icons.lock_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12 * context.sf), + borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), + ), suffixIcon: IconButton( - icon: Icon(_obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined, size: 22 * context.sf), + icon: Icon(_obscurePassword ? Icons.visibility_outlined : Icons.visibility_off_outlined, size: 22 * context.sf, color: Colors.grey), onPressed: () => setState(() => _obscurePassword = !_obscurePassword), ), border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)), @@ -94,11 +111,15 @@ class _RegisterFormFieldsState extends State { controller: widget.controller.confirmPasswordController, obscureText: _obscurePassword, validator: widget.controller.validateConfirmPassword, - style: TextStyle(fontSize: 15 * context.sf), + style: TextStyle(fontSize: 15 * context.sf, color: Theme.of(context).colorScheme.onSurface), decoration: InputDecoration( labelText: 'Confirmar Palavra-passe', labelStyle: TextStyle(fontSize: 15 * context.sf), - prefixIcon: Icon(Icons.lock_clock_outlined, size: 22 * context.sf), + prefixIcon: Icon(Icons.lock_clock_outlined, size: 22 * context.sf, color: AppTheme.primaryRed), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(12 * context.sf), + borderSide: BorderSide(color: AppTheme.primaryRed, width: 2), + ), border: OutlineInputBorder(borderRadius: BorderRadius.circular(12 * context.sf)), contentPadding: EdgeInsets.symmetric(vertical: 18 * context.sf, horizontal: 16 * context.sf), ), @@ -121,7 +142,7 @@ class RegisterButton extends StatelessWidget { child: ElevatedButton( onPressed: controller.isLoading ? null : () => controller.signUp(context), style: ElevatedButton.styleFrom( - backgroundColor: const Color(0xFFE74C3C), + backgroundColor: AppTheme.primaryRed, // 👇 Cor do tema foregroundColor: Colors.white, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14 * context.sf)), elevation: 3, diff --git a/lib/widgets/team_widgets.dart b/lib/widgets/team_widgets.dart index c579164..3075c66 100644 --- a/lib/widgets/team_widgets.dart +++ b/lib/widgets/team_widgets.dart @@ -1,158 +1,67 @@ import 'package:flutter/material.dart'; -import 'package:playmaker/screens/team_stats_page.dart'; +import 'package:playmaker/classe/theme.dart'; // 👇 IMPORT DO TEMA import '../models/team_model.dart'; -import '../controllers/team_controller.dart'; +import '../models/person_model.dart'; +import '../utils/size_extension.dart'; // 👇 O NOSSO SUPERPODER! -class TeamCard extends StatelessWidget { +// --- CABEÇALHO --- +class StatsHeader extends StatelessWidget { final Team team; - final TeamController controller; - final VoidCallback onFavoriteTap; - final double sf; // <-- Variável de escala - const TeamCard({ - super.key, - required this.team, - required this.controller, - required this.onFavoriteTap, - required this.sf, - }); + const StatsHeader({super.key, required this.team}); @override Widget build(BuildContext context) { - return Card( - color: Colors.white, - elevation: 3, - margin: EdgeInsets.only(bottom: 12 * sf), - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * sf)), - child: ListTile( - contentPadding: EdgeInsets.symmetric(horizontal: 16 * sf, vertical: 8 * sf), - - // --- 1. IMAGEM + FAVORITO --- - leading: Stack( - clipBehavior: Clip.none, - children: [ - CircleAvatar( - radius: 28 * sf, - backgroundColor: Colors.grey[200], - backgroundImage: (team.imageUrl.isNotEmpty && team.imageUrl.startsWith('http')) - ? NetworkImage(team.imageUrl) - : null, - child: (team.imageUrl.isEmpty || !team.imageUrl.startsWith('http')) - ? Text( - team.imageUrl.isEmpty ? "🏀" : team.imageUrl, - style: TextStyle(fontSize: 24 * sf), - ) - : null, - ), - Positioned( - left: -15 * sf, - top: -10 * sf, - child: IconButton( - icon: Icon( - team.isFavorite ? Icons.star : Icons.star_border, - color: team.isFavorite ? Colors.amber : Colors.black.withOpacity(0.1), - size: 28 * sf, - shadows: [ - Shadow( - color: Colors.black.withOpacity(team.isFavorite ? 0.3 : 0.1), - blurRadius: 4 * sf, - ), - ], - ), - onPressed: onFavoriteTap, - ), - ), - ], - ), - - // --- 2. TÍTULO --- - title: Text( - team.name, - style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16 * sf), - overflow: TextOverflow.ellipsis, // Previne overflows em nomes longos - ), - - // --- 3. SUBTÍTULO (Contagem + Época em TEMPO REAL) --- - subtitle: Padding( - padding: EdgeInsets.only(top: 6.0 * sf), - child: Row( - children: [ - Icon(Icons.groups_outlined, size: 16 * sf, color: Colors.grey), - SizedBox(width: 4 * sf), - - // 👇 A CORREÇÃO ESTÁ AQUI: StreamBuilder em vez de FutureBuilder 👇 - StreamBuilder( - stream: controller.getPlayerCountStream(team.id), - initialData: 0, - builder: (context, snapshot) { - final count = snapshot.data ?? 0; - return Text( - "$count Jogs.", // Abreviado para poupar espaço - style: TextStyle( - color: count > 0 ? Colors.green[700] : Colors.orange, - fontWeight: FontWeight.bold, - fontSize: 13 * sf, - ), - ); - }, - ), - - SizedBox(width: 8 * sf), - Expanded( // Garante que a temporada se adapta se faltar espaço - child: Text( - "| ${team.season}", - style: TextStyle(color: Colors.grey, fontSize: 13 * sf), - overflow: TextOverflow.ellipsis, - ), - ), - ], - ), - ), - - // --- 4. BOTÕES (Estatísticas e Apagar) --- - trailing: Row( - mainAxisSize: MainAxisSize.min, // <-- ISTO RESOLVE O OVERFLOW DAS RISCAS AMARELAS - children: [ - IconButton( - tooltip: 'Ver Estatísticas', - icon: Icon(Icons.bar_chart_rounded, color: Colors.blue, size: 24 * sf), - onPressed: () { - Navigator.push( - context, - MaterialPageRoute( - builder: (context) => TeamStatsPage(team: team), - ), - ); - }, - ), - IconButton( - tooltip: 'Eliminar Equipa', - icon: Icon(Icons.delete_outline, color: const Color(0xFFE74C3C), size: 24 * sf), - onPressed: () => _confirmDelete(context), - ), - ], + return Container( + padding: EdgeInsets.only( + top: 50 * context.sf, + left: 20 * context.sf, + right: 20 * context.sf, + bottom: 20 * context.sf + ), + decoration: BoxDecoration( + color: AppTheme.primaryRed, // 👇 Usando a cor do teu tema! + borderRadius: BorderRadius.only( + bottomLeft: Radius.circular(30 * context.sf), + bottomRight: Radius.circular(30 * context.sf) ), ), - ); - } - - void _confirmDelete(BuildContext context) { - showDialog( - context: context, - builder: (context) => AlertDialog( - title: Text('Eliminar Equipa?', style: TextStyle(fontSize: 18 * sf, fontWeight: FontWeight.bold)), - content: Text('Tens a certeza que queres eliminar "${team.name}"?', style: TextStyle(fontSize: 14 * sf)), - actions: [ - TextButton( + child: Row( + children: [ + IconButton( + icon: Icon(Icons.arrow_back, color: Colors.white, size: 24 * context.sf), onPressed: () => Navigator.pop(context), - child: Text('Cancelar', style: TextStyle(fontSize: 14 * sf)), ), - TextButton( - onPressed: () { - controller.deleteTeam(team.id); - Navigator.pop(context); - }, - child: Text('Eliminar', style: TextStyle(color: Colors.red, fontSize: 14 * sf)), + SizedBox(width: 10 * context.sf), + CircleAvatar( + radius: 24 * context.sf, + backgroundColor: Colors.white24, + backgroundImage: (team.imageUrl.isNotEmpty && team.imageUrl.startsWith('http')) + ? NetworkImage(team.imageUrl) + : null, + child: (team.imageUrl.isEmpty || !team.imageUrl.startsWith('http')) + ? Text( + team.imageUrl.isEmpty ? "🛡️" : team.imageUrl, + style: TextStyle(fontSize: 20 * context.sf), + ) + : null, + ), + SizedBox(width: 15 * context.sf), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + team.name, + style: TextStyle(color: Colors.white, fontSize: 20 * context.sf, fontWeight: FontWeight.bold), + overflow: TextOverflow.ellipsis, + ), + Text( + team.season, + style: TextStyle(color: Colors.white70, fontSize: 14 * context.sf) + ), + ], + ), ), ], ), @@ -160,90 +69,164 @@ class TeamCard extends StatelessWidget { } } -// --- DIALOG DE CRIAÇÃO --- -class CreateTeamDialog extends StatefulWidget { - final Function(String name, String season, String imageUrl) onConfirm; - final double sf; // Recebe a escala +// --- CARD DE RESUMO --- +class StatsSummaryCard extends StatelessWidget { + final int total; - const CreateTeamDialog({super.key, required this.onConfirm, required this.sf}); - - @override - State createState() => _CreateTeamDialogState(); -} - -class _CreateTeamDialogState extends State { - final TextEditingController _nameController = TextEditingController(); - final TextEditingController _imageController = TextEditingController(); - String _selectedSeason = '2024/25'; + const StatsSummaryCard({super.key, required this.total}); @override Widget build(BuildContext context) { - return AlertDialog( - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * widget.sf)), - title: Text('Nova Equipa', style: TextStyle(fontSize: 18 * widget.sf, fontWeight: FontWeight.bold)), - content: SingleChildScrollView( - child: Column( - mainAxisSize: MainAxisSize.min, + // 👇 Adaptável ao Modo Escuro + final cardColor = Theme.of(context).brightness == Brightness.dark + ? const Color(0xFF1E1E1E) + : Colors.white; + + return Card( + elevation: 4, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20 * context.sf)), + child: Container( + padding: EdgeInsets.all(20 * context.sf), + decoration: BoxDecoration( + color: cardColor, + borderRadius: BorderRadius.circular(20 * context.sf), + border: Border.all(color: Colors.grey.withOpacity(0.15)), + ), + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ - TextField( - controller: _nameController, - style: TextStyle(fontSize: 14 * widget.sf), - decoration: InputDecoration( - labelText: 'Nome da Equipa', - labelStyle: TextStyle(fontSize: 14 * widget.sf) - ), - textCapitalization: TextCapitalization.words, + Row( + children: [ + Icon(Icons.groups, color: AppTheme.primaryRed, size: 28 * context.sf), // 👇 Cor do tema + SizedBox(width: 10 * context.sf), + Text( + "Total de Membros", + style: TextStyle( + color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável + fontSize: 16 * context.sf, + fontWeight: FontWeight.w600 + ) + ), + ], ), - SizedBox(height: 15 * widget.sf), - DropdownButtonFormField( - value: _selectedSeason, - decoration: InputDecoration( - labelText: 'Temporada', - labelStyle: TextStyle(fontSize: 14 * widget.sf) - ), - style: TextStyle(fontSize: 14 * widget.sf, color: Colors.black87), - items: ['2023/24', '2024/25', '2025/26'] - .map((s) => DropdownMenuItem(value: s, child: Text(s))) - .toList(), - onChanged: (val) => setState(() => _selectedSeason = val!), - ), - SizedBox(height: 15 * widget.sf), - TextField( - controller: _imageController, - style: TextStyle(fontSize: 14 * widget.sf), - decoration: InputDecoration( - labelText: 'URL Imagem ou Emoji', - labelStyle: TextStyle(fontSize: 14 * widget.sf), - hintText: 'Ex: 🏀 ou https://...', - hintStyle: TextStyle(fontSize: 14 * widget.sf) - ), + Text( + "$total", + style: TextStyle( + color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável + fontSize: 28 * context.sf, + fontWeight: FontWeight.bold + ) ), ], ), ), - actions: [ - TextButton( - onPressed: () => Navigator.pop(context), - child: Text('Cancelar', style: TextStyle(fontSize: 14 * widget.sf)) - ), - ElevatedButton( - style: ElevatedButton.styleFrom( - backgroundColor: const Color(0xFFE74C3C), - padding: EdgeInsets.symmetric(horizontal: 16 * widget.sf, vertical: 10 * widget.sf) - ), - onPressed: () { - if (_nameController.text.trim().isNotEmpty) { - widget.onConfirm( - _nameController.text.trim(), - _selectedSeason, - _imageController.text.trim(), - ); - Navigator.pop(context); - } - }, - child: Text('Criar', style: TextStyle(color: Colors.white, fontSize: 14 * widget.sf)), + ); + } +} + +// --- TÍTULO DE SECÇÃO --- +class StatsSectionTitle extends StatelessWidget { + final String title; + + const StatsSectionTitle({super.key, required this.title}); + + @override + Widget build(BuildContext context) { + return Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + title, + style: TextStyle( + fontSize: 18 * context.sf, + fontWeight: FontWeight.bold, + color: Theme.of(context).colorScheme.onSurface // 👇 Adaptável + ) ), + Divider(color: Colors.grey.withOpacity(0.3)), ], ); } +} + +// --- CARD DA PESSOA (JOGADOR/TREINADOR) --- +class PersonCard extends StatelessWidget { + final Person person; + final bool isCoach; + final VoidCallback onEdit; + final VoidCallback onDelete; + + const PersonCard({ + super.key, + required this.person, + required this.isCoach, + required this.onEdit, + required this.onDelete, + }); + + @override + Widget build(BuildContext context) { + // 👇 Cores adaptáveis para o Card + final defaultBg = Theme.of(context).brightness == Brightness.dark + ? const Color(0xFF1E1E1E) + : Colors.white; + + final coachBg = Theme.of(context).brightness == Brightness.dark + ? AppTheme.warningAmber.withOpacity(0.1) // Amarelo escuro se for modo noturno + : const Color(0xFFFFF9C4); // Amarelo claro original + + return Card( + margin: EdgeInsets.only(top: 12 * context.sf), + elevation: 2, + color: isCoach ? coachBg : defaultBg, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * context.sf)), + child: ListTile( + contentPadding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 4 * context.sf), + leading: isCoach + ? CircleAvatar( + radius: 22 * context.sf, + backgroundColor: AppTheme.warningAmber, // 👇 Cor do tema + child: Icon(Icons.person, color: Colors.white, size: 24 * context.sf) + ) + : Container( + width: 45 * context.sf, + height: 45 * context.sf, + alignment: Alignment.center, + decoration: BoxDecoration( + color: AppTheme.primaryRed.withOpacity(0.1), // 👇 Cor do tema + borderRadius: BorderRadius.circular(10 * context.sf) + ), + child: Text( + person.number ?? "J", + style: TextStyle( + color: AppTheme.primaryRed, // 👇 Cor do tema + fontWeight: FontWeight.bold, + fontSize: 16 * context.sf + ) + ), + ), + title: Text( + person.name, + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 16 * context.sf, + color: Theme.of(context).colorScheme.onSurface, // 👇 Adaptável + ) + ), + trailing: Row( + mainAxisSize: MainAxisSize.min, + children: [ + IconButton( + icon: Icon(Icons.edit_outlined, color: Colors.blue, size: 22 * context.sf), + onPressed: onEdit, + ), + IconButton( + icon: Icon(Icons.delete_outline, color: AppTheme.primaryRed, size: 22 * context.sf), // 👇 Cor do tema + onPressed: onDelete, + ), + ], + ), + ), + ); + } } \ No newline at end of file diff --git a/lib/zone_map_dialog.dart b/lib/zone_map_dialog.dart new file mode 100644 index 0000000..39d3d8b --- /dev/null +++ b/lib/zone_map_dialog.dart @@ -0,0 +1,188 @@ +import 'package:flutter/material.dart'; +import 'dart:math' as math; + +class ZoneMapDialog extends StatelessWidget { + final String playerName; + final bool isMake; + final Function(String zone, int points, double relativeX, double relativeY) onZoneSelected; + + const ZoneMapDialog({ + super.key, + required this.playerName, + required this.isMake, + required this.onZoneSelected, + }); + + @override + Widget build(BuildContext context) { + final Color headerColor = const Color(0xFFE88F15); + final Color yellowBackground = const Color(0xFFDFAB00); + + final double screenHeight = MediaQuery.of(context).size.height; + final double dialogHeight = screenHeight * 0.95; + final double dialogWidth = dialogHeight * 1.0; + + return Dialog( + backgroundColor: yellowBackground, + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)), + clipBehavior: Clip.antiAlias, + insetPadding: const EdgeInsets.all(10), + child: SizedBox( + height: dialogHeight, + width: dialogWidth, + child: Column( + children: [ + // CABEÇALHO + Container( + height: 40, + color: headerColor, + width: double.infinity, + child: Stack( + alignment: Alignment.center, + children: [ + Text( + isMake ? "Lançamento de $playerName (Marcou)" : "Lançamento de $playerName (Falhou)", + style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold), + ), + Positioned( + right: 8, + child: InkWell( + onTap: () => Navigator.pop(context), + child: Container( + padding: const EdgeInsets.all(4), + decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle), + child: Icon(Icons.close, color: headerColor, size: 16), + ), + ), + ) + ], + ), + ), + // MAPA INTERATIVO + Expanded( + child: LayoutBuilder( + builder: (context, constraints) { + return GestureDetector( + onTapUp: (details) => _calculateAndReturnZone(context, details.localPosition, constraints.biggest), + child: CustomPaint( + size: Size(constraints.maxWidth, constraints.maxHeight), + painter: DebugPainter(), + ), + ); + }, + ), + ), + ], + ), + ), + ); + } + + void _calculateAndReturnZone(BuildContext context, Offset tap, Size size) { + final double w = size.width; + final double h = size.height; + final double x = tap.dx; + final double y = tap.dy; + final double basketX = w / 2; + + // MESMAS MEDIDAS DO PAINTER + final double margin = w * 0.10; + final double length = h * 0.35; + final double larguraDoArco = (w / 2) - margin; + final double alturaDoArco = larguraDoArco * 0.30; + final double totalArcoHeight = alturaDoArco * 4; + + String zone = "Meia Distância"; + int pts = 2; + + // 1. TESTE DE 3 PONTOS + bool is3 = false; + if (y < length) { + if (x < margin || x > w - margin) is3 = true; + } else { + double dx = x - basketX; + double dy = y - length; + double ellipse = (dx * dx) / (larguraDoArco * larguraDoArco) + (dy * dy) / (math.pow(totalArcoHeight / 2, 2)); + if (ellipse > 1.0) is3 = true; + } + + if (is3) { + pts = 3; + double angle = math.atan2(y - length, x - basketX); + if (y < length) { + zone = (x < w / 2) ? "Canto Esquerdo" : "Canto Direito"; + } else if (angle > 2.35) { + zone = "Ala Esquerda"; + } else if (angle < 0.78) { + zone = "Ala Direita"; + } else { + zone = "Topo (3pts)"; + } + } else { + // 2. TESTE DE GARRAFÃO + final double pW = w * 0.28; + final double pH = h * 0.38; + if (x > basketX - pW / 2 && x < basketX + pW / 2 && y < pH) { + zone = "Garrafão"; + } + } + + onZoneSelected(zone, pts, x / w, y / h); + Navigator.pop(context); + } +} + +class DebugPainter extends CustomPainter { + @override + void paint(Canvas canvas, Size size) { + final double w = size.width; + final double h = size.height; + final double basketX = w / 2; + + final Paint whiteStroke = Paint()..color = Colors.white..style = PaintingStyle.stroke..strokeWidth = 2.0; + final Paint blackStroke = Paint()..color = Colors.black87..style = PaintingStyle.stroke..strokeWidth = 2.0; + + final double margin = w * 0.10; + final double length = h * 0.35; + final double larguraDoArco = (w / 2) - margin; + final double alturaDoArco = larguraDoArco * 0.30; + final double totalArcoHeight = alturaDoArco * 4; + + // 3 PONTOS (BRANCO) + canvas.drawLine(Offset(margin, 0), Offset(margin, length), whiteStroke); + canvas.drawLine(Offset(w - margin, 0), Offset(w - margin, length), whiteStroke); + canvas.drawLine(Offset(0, length), Offset(margin, length), whiteStroke); + canvas.drawLine(Offset(w - margin, length), Offset(w, length), whiteStroke); + canvas.drawArc(Rect.fromCenter(center: Offset(basketX, length), width: larguraDoArco * 2, height: totalArcoHeight), 0, math.pi, false, whiteStroke); + + // DIVISÕES 45º (BRANCO) + double sXL = basketX + (larguraDoArco * math.cos(math.pi * 0.75)); + double sYL = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.75)); + double sXR = basketX + (larguraDoArco * math.cos(math.pi * 0.25)); + double sYR = length + ((totalArcoHeight / 2) * math.sin(math.pi * 0.25)); + canvas.drawLine(Offset(sXL, sYL), Offset(0, h * 0.85), whiteStroke); + canvas.drawLine(Offset(sXR, sYR), Offset(w, h * 0.85), whiteStroke); + + // GARRAFÃO E MEIO CAMPO (PRETO) + final double pW = w * 0.28; + final double pH = h * 0.38; + canvas.drawRect(Rect.fromLTWH(basketX - pW / 2, 0, pW, pH), blackStroke); + final double ftR = pW / 2; + canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), 0, math.pi, false, blackStroke); + + // Tracejado + const int dashCount = 10; + for (int i = 0; i < dashCount; i++) { + canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), math.pi + (i * 2 * (math.pi / 20)), math.pi / 20, false, blackStroke); + } + + canvas.drawArc(Rect.fromCircle(center: Offset(basketX, h), radius: w * 0.12), math.pi, math.pi, false, blackStroke); + + // CESTO + canvas.drawCircle(Offset(basketX, h * 0.12), w * 0.02, blackStroke); + canvas.drawLine(Offset(basketX - w * 0.08, h * 0.12 - 5), Offset(basketX + w * 0.08, h * 0.12 - 5), blackStroke); + } + + @override + bool shouldRepaint(CustomPainter old) => false; +} \ No newline at end of file