230404/PlayMaker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

assist

Browse Source
This commit is contained in:
diogo
2026-03-25 09:48:25 +00:00
parent 9cf7915d12
commit c6255759c5
5 changed files with 859 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
lib/controllers/placar_controller.dart
View File

@@ -590,4 +590,5 @@ class PlacarController extends ChangeNotifier {
timer?.cancel();
super.dispose();
}
}

36
lib/controllers/team_controller.dart
View File

@@ -6,44 +6,47 @@ class TeamController {
// 1. STREAM (Realtime)
Stream<List<Map<String, dynamic>>> get teamsStream {
final userId = _supabase.auth.currentUser?.id;
if (userId == null) return const Stream.empty();
return _supabase
.from('teams')
.stream(primaryKey: ['id'])
.order('name', ascending: true)
.map((data) => List<Map<String, dynamic>>.from(data));
.eq('user_id', userId); // ✅ Bem feito, este já estava certo!
}
// 2. CRIAR (Agora aceita um File e faz o Upload!)
// 2. CRIAR (Agora guarda o dono da equipa!)
Future<void> createTeam(String name, String season, File? imageFile) async {
try {
final userId = _supabase.auth.currentUser?.id;
if (userId == null) throw Exception("Utilizador não autenticado.");
String? uploadedImageUrl;
// Se o utilizador escolheu uma imagem, fazemos o upload primeiro
if (imageFile != null) {
// Criar um nome único para o ficheiro (ex: id do user + timestamp)
final userId = _supabase.auth.currentUser?.id ?? 'default';
final fileName = '${userId}_${DateTime.now().millisecondsSinceEpoch}.png';
final storagePath = 'teams/$fileName';
// Faz o upload para o bucket 'avatars' (podes usar o mesmo ou criar um chamado 'teams_logos')
await _supabase.storage.from('avatars').upload(
storagePath,
imageFile,
fileOptions: const FileOptions(cacheControl: '3600', upsert: true)
);
// Vai buscar o URL público
uploadedImageUrl = _supabase.storage.from('avatars').getPublicUrl(storagePath);
}
// Agora insere a equipa na base de dados (com ou sem URL)
// Agora insere a equipa na base de dados com o ID DO DONO!
await _supabase.from('teams').insert({
'user_id': userId, // 👈 CRUCIAL: Diz à base de dados de quem é esta equipa!
'name': name,
'season': season,
'image_url': uploadedImageUrl ?? '', // Se não houver foto, guarda vazio
'image_url': uploadedImageUrl ?? '',
'is_favorite': false,
});
print("✅ Equipa guardada no Supabase!");
print("✅ Equipa guardada no Supabase com dono associado!");
} catch (e) {
print("❌ Erro ao criar equipa: $e");
}
@@ -52,6 +55,7 @@ class TeamController {
// 3. ELIMINAR
Future<void> deleteTeam(String id) async {
try {
// Como segurança extra, podemos garantir que só apaga se for o dono (opcional se tiveres RLS no Supabase)
await _supabase.from('teams').delete().eq('id', id);
} catch (e) {
print("❌ Erro ao eliminar: $e");
@@ -80,13 +84,19 @@ class TeamController {
}
}
// 6. CONTAR JOGADORES (STREAM EM TEMPO REAL)
Future<List<Map<String, dynamic>>> getTeamsWithStats() async {
// 6. VIEW DAS EQUIPAS (AQUI ESTAVA O TEU ERRO DE LISTAGEM!)
Future<List<Map<String, dynamic>>> getTeamsWithStats() async {
final userId = _supabase.auth.currentUser?.id;
if (userId == null) return []; // Retorna lista vazia se não houver login
final data = await _supabase
.from('teams_with_stats') // Lemos da View que criámos!
.from('teams_with_stats')
.select('*')
.eq('user_id', userId) // 👈 CRUCIAL: Só puxa as estatísticas das tuas equipas!
.order('name', ascending: true);
return List<Map<String, dynamic>>.from(data);
}
void dispose() {}
}

786
lib/pages/PlacarPage.dart
View File

@@ -5,7 +5,60 @@ import 'dart:math' as math;
import '../utils/size_extension.dart';
import '../classe/theme.dart';
import '../controllers/placar_controller.dart';
import '../widgets/placar_widgets.dart';
// Se tiveres um ficheiro de widgets à parte, mantém. Se os widgets já estão aqui, podes remover esta linha:
// import '../widgets/placar_widgets.dart';
import 'package:playmaker/zone_map_dialog.dart';
// 👇 NOVA FUNÇÃO: POP-UP DE ASSISTÊNCIA 👇
void showAssistDialog(BuildContext context, PlacarController controller, bool isOpponent, String scorerId, double sf) {
// 1. Descobrir quem está em campo na equipa que marcou
final teamCourt = isOpponent ? controller.oppCourt : controller.myCourt;
final prefix = isOpponent ? "player_opp_" : "player_my_";
// 2. Remover o marcador (ele não pode assistir a si mesmo) e remover os lugares "vazios" (fake_)
final possibleAssistants = teamCourt.where((id) => id != scorerId && !id.startsWith("fake_")).toList();
if (possibleAssistants.isEmpty) return; // Se ele estiver sozinho em campo, não faz nada.
showDialog(
context: context,
barrierDismissible: false, // Força o utilizador a escolher uma opção
builder: (ctx) => AlertDialog(
backgroundColor: Theme.of(context).colorScheme.surface,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * sf)),
title: Text("Houve Assistência?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold, fontSize: 18 * sf)),
content: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
...possibleAssistants.map((id) {
final name = controller.playerNames[id] ?? "Desconhecido";
final number = controller.playerNumbers[id] ?? "0";
return ListTile(
leading: CircleAvatar(
backgroundColor: isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue,
child: Text(number, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
),
title: Text(name, style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold)),
onTap: () {
Navigator.pop(ctx); // Fecha o pop-up
controller.commitStat("add_ast", "$prefix$id"); // Regista a assistência!
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Assistência: $name'), duration: const Duration(seconds: 1), backgroundColor: AppTheme.successGreen));
},
);
}),
Divider(color: Colors.grey.withOpacity(0.3)),
ListTile(
leading: const CircleAvatar(backgroundColor: Colors.grey, child: Icon(Icons.person_off, color: Colors.white)),
title: Text("Isolado (Sem assistência)", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontStyle: FontStyle.italic)),
onTap: () => Navigator.pop(ctx), // Fecha sem fazer nada
)
],
),
),
),
);
}
class PlacarPage extends StatefulWidget {
final String gameId, myTeam, opponentTeam;
@@ -33,7 +86,6 @@ class _PlacarPageState extends State<PlacarPage> {
DeviceOrientation.landscapeLeft,
]);
// 👇 Inicia o controlador SEM o callback onUpdate (o AnimatedBuilder resolve isso)
_controller = PlacarController(
gameId: widget.gameId,
myTeam: widget.myTeam,
@@ -44,13 +96,11 @@ class _PlacarPageState extends State<PlacarPage> {
@override
void dispose() {
// 👇 Importante limpar o controller para parar timers em background
_controller.dispose();
SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
super.dispose();
}
// Helper para botões de falta (Draggable)
Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double sf) {
return Positioned(
top: top,
@@ -81,7 +131,6 @@ class _PlacarPageState extends State<PlacarPage> {
);
}
// Helper para botões de canto
Widget _buildCornerBtn({required String heroTag, required IconData icon, required Color color, required VoidCallback? onTap, required double size, bool isLoading = false}) {
return SizedBox(
width: size,
@@ -126,7 +175,6 @@ class _PlacarPageState extends State<PlacarPage> {
final double sf = math.min(wScreen / 1150, hScreen / 720);
final double cornerBtnSize = 48 * sf;
// 👇 O AnimatedBuilder ouve o controller e redesenha o necessário de forma eficiente
return AnimatedBuilder(
animation: _controller,
builder: (context, child) {
@@ -168,7 +216,19 @@ class _PlacarPageState extends State<PlacarPage> {
GestureDetector(
onTapDown: (details) {
if (_controller.isSelectingShotLocation) {
// 👇 1. Guarda os dados ANTES de limpar a seleção
bool isMake = _controller.pendingAction?.startsWith("add_pts_") ?? false;
String? pData = _controller.pendingPlayerId;
// 👇 2. Regista o lançamento no campo
_controller.registerShotLocation(context, details.localPosition, Size(w, h));
// 👇 3. Se foi cesto, lança o pop-up de assistência!
if (isMake && pData != null) {
bool isOpp = pData.startsWith("player_opp_");
String pId = pData.replaceAll("player_my_", "").replaceAll("player_opp_", "");
showAssistDialog(context, _controller, isOpp, pId, sf);
}
}
},
child: Container(
@@ -176,7 +236,7 @@ class _PlacarPageState extends State<PlacarPage> {
image: DecorationImage(
image: AssetImage('assets/campo.png'),
fit: BoxFit.fill,
),
),
),
),
),
@@ -309,4 +369,716 @@ class _PlacarPageState extends State<PlacarPage> {
},
);
}
}
// ============================================================================
// 1. PLACAR SUPERIOR (COM CRONÓMETRO DE ALTA PERFORMANCE)
// ============================================================================
class TopScoreboard extends StatelessWidget {
final PlacarController controller;
final double sf;
const TopScoreboard({super.key, required this.controller, required this.sf});
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(vertical: 6 * sf, horizontal: 20 * sf),
decoration: BoxDecoration(
color: AppTheme.placarDarkSurface,
borderRadius: BorderRadius.only(bottomLeft: Radius.circular(22 * sf), bottomRight: Radius.circular(22 * sf)),
border: Border.all(color: Colors.white, width: 2.0 * sf),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
_buildTeamSection(controller.myTeam, controller.myScore, controller.myFouls, controller.myTimeoutsUsed, AppTheme.myTeamBlue, false, sf),
SizedBox(width: 20 * sf),
Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
padding: EdgeInsets.symmetric(horizontal: 14 * sf, vertical: 4 * sf),
decoration: BoxDecoration(color: AppTheme.placarTimerBg, borderRadius: BorderRadius.circular(9 * sf)),
child: ValueListenableBuilder<Duration>(
valueListenable: controller.durationNotifier,
builder: (context, duration, child) {
String formatTime = "${duration.inMinutes.toString().padLeft(2, '0')}:${duration.inSeconds.remainder(60).toString().padLeft(2, '0')}";
return Text(formatTime, style: TextStyle(color: Colors.white, fontSize: 24 * sf, fontWeight: FontWeight.w900, fontFamily: 'monospace', letterSpacing: 1.5 * sf));
}
),
),
SizedBox(height: 4 * sf),
Text("PERÍODO ${controller.currentQuarter}", style: TextStyle(color: AppTheme.warningAmber, fontSize: 12 * sf, fontWeight: FontWeight.w900)),
],
),
SizedBox(width: 20 * sf),
_buildTeamSection(controller.opponentTeam, controller.opponentScore, controller.opponentFouls, controller.opponentTimeoutsUsed, AppTheme.oppTeamRed, true, sf),
],
),
);
}
Widget _buildTeamSection(String name, int score, int fouls, int timeouts, Color color, bool isOpp, double sf) {
int displayFouls = fouls > 5 ? 5 : fouls;
final timeoutIndicators = Row(
mainAxisSize: MainAxisSize.min,
children: List.generate(3, (index) => Container(
margin: EdgeInsets.symmetric(horizontal: 2.5 * sf), width: 10 * sf, height: 10 * sf,
decoration: BoxDecoration(shape: BoxShape.circle, color: index < timeouts ? AppTheme.warningAmber : Colors.grey.shade600, border: Border.all(color: Colors.white54, width: 1.0 * sf)),
)),
);
List<Widget> content = [
Column(children: [_scoreBox(score, color, sf), SizedBox(height: 5 * sf), timeoutIndicators]),
SizedBox(width: 12 * sf),
Column(
crossAxisAlignment: isOpp ? CrossAxisAlignment.start : CrossAxisAlignment.end,
children: [
Text(name.toUpperCase(), style: TextStyle(color: Colors.white, fontSize: 16 * sf, fontWeight: FontWeight.w900, letterSpacing: 1.0 * sf)),
SizedBox(height: 3 * sf),
Text("FALTAS: $displayFouls", style: TextStyle(color: displayFouls >= 5 ? AppTheme.actionMiss : AppTheme.warningAmber, fontSize: 11 * sf, fontWeight: FontWeight.bold)),
],
)
];
return Row(crossAxisAlignment: CrossAxisAlignment.center, children: isOpp ? content : content.reversed.toList());
}
Widget _scoreBox(int score, Color color, double sf) => Container(
width: 45 * sf, height: 35 * sf, alignment: Alignment.center,
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(6 * sf)),
child: Text(score.toString(), style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.w900)),
);
}
// ============================================================================
// 2. BANCO DE SUPLENTES (COM TRADUTOR DE NOME)
// ============================================================================
class BenchPlayersList extends StatelessWidget {
final PlacarController controller;
final bool isOpponent;
final double sf;
const BenchPlayersList({super.key, required this.controller, required this.isOpponent, required this.sf});
@override
Widget build(BuildContext context) {
final bench = isOpponent ? controller.oppBench : controller.myBench;
final teamColor = isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue;
final prefix = isOpponent ? "bench_opp_" : "bench_my_";
return Column(
mainAxisSize: MainAxisSize.min,
children: bench.map((playerId) {
final playerName = controller.playerNames[playerId] ?? "Erro";
final num = controller.playerNumbers[playerId] ?? "0";
final int fouls = controller.playerStats[playerId]?["fls"] ?? 0;
final bool isFouledOut = fouls >= 5;
String shortName = playerName.length > 8 ? "${playerName.substring(0, 7)}." : playerName;
Widget avatarUI = Container(
margin: EdgeInsets.only(bottom: 7 * sf),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(color: Colors.white, width: 1.5 * sf),
boxShadow: [BoxShadow(color: Colors.black45, blurRadius: 4 * sf, offset: Offset(0, 2.0 * sf))]
),
child: CircleAvatar(
radius: 18 * sf,
backgroundColor: isFouledOut ? Colors.grey.shade800 : teamColor,
child: Text(num, style: TextStyle(color: isFouledOut ? Colors.red.shade300 : Colors.white, fontSize: 14 * sf, fontWeight: FontWeight.bold, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)),
),
),
SizedBox(height: 4 * sf),
Text(shortName, style: TextStyle(color: Colors.white, fontSize: 10 * sf, fontWeight: FontWeight.bold), overflow: TextOverflow.ellipsis),
],
),
);
if (isFouledOut) {
return GestureDetector(onTap: () => ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('🛑 $playerName não pode voltar (Expulso).'), backgroundColor: AppTheme.actionMiss)), child: avatarUI);
}
return Draggable<String>(
data: "$prefix$playerId",
feedback: Material(color: Colors.transparent, child: CircleAvatar(radius: 22 * sf, backgroundColor: teamColor, child: Text(num, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16 * sf)))),
childWhenDragging: Opacity(opacity: 0.5, child: SizedBox(width: 36 * sf, height: 36 * sf)),
child: avatarUI,
);
}).toList(),
);
}
}
// ============================================================================
// 3. CARTÃO DO JOGADOR NO CAMPO
// ============================================================================
class PlayerCourtCard extends StatelessWidget {
final PlacarController controller;
final String playerId;
final bool isOpponent;
final double sf;
const PlayerCourtCard({super.key, required this.controller, required this.playerId, required this.isOpponent, required this.sf});
@override
Widget build(BuildContext context) {
final teamColor = isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue;
final realName = controller.playerNames[playerId] ?? "Erro";
final stats = controller.playerStats[playerId]!;
final number = controller.playerNumbers[playerId]!;
final prefix = isOpponent ? "player_opp_" : "player_my_";
return Draggable<String>(
data: "$prefix$playerId",
feedback: Material(
color: Colors.transparent,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
decoration: BoxDecoration(color: teamColor.withOpacity(0.9), borderRadius: BorderRadius.circular(6)),
child: Text(realName, style: const TextStyle(color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold)),
),
),
childWhenDragging: Opacity(opacity: 0.5, child: _playerCardUI(number, realName, stats, teamColor, false, false, sf)),
child: DragTarget<String>(
onAcceptWithDetails: (details) {
final action = details.data;
if (action == "add_pts_2" || action == "add_pts_3" || action == "miss_2" || action == "miss_3") {
bool isMake = action.startsWith("add_");
bool is3Pt = action.endsWith("_3");
showDialog(
context: context,
builder: (ctx) => ZoneMapDialog(
playerName: realName,
isMake: isMake,
is3PointAction: is3Pt,
onZoneSelected: (zone, points, relX, relY) {
Navigator.pop(ctx);
controller.registerShotFromPopup(context, action, "$prefix$playerId", zone, points, relX, relY);
// 👇 NOVA LÓGICA: SE FOI CESTO, PERGUNTA A ASSISTÊNCIA 👇
if (isMake) {
showAssistDialog(context, controller, isOpponent, playerId, sf);
}
},
),
);
}
else if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) {
controller.handleActionDrag(context, action, "$prefix$playerId");
}
else if (action.startsWith("bench_")) {
controller.handleSubbing(context, action, playerId, isOpponent);
}
},
builder: (context, candidateData, rejectedData) {
bool isSubbing = candidateData.any((data) => data != null && (data.startsWith("bench_my_") || data.startsWith("bench_opp_")));
bool isActionHover = candidateData.any((data) => data != null && (data.startsWith("add_") || data.startsWith("sub_") || data.startsWith("miss_")));
return _playerCardUI(number, realName, stats, teamColor, isSubbing, isActionHover, sf);
},
),
);
}
Widget _playerCardUI(String number, String displayNameStr, Map<String, int> stats, Color teamColor, bool isSubbing, bool isActionHover, double sf) {
bool isFouledOut = stats["fls"]! >= 5;
Color bgColor = isFouledOut ? Colors.red.shade100 : Colors.white;
Color borderColor = isFouledOut ? AppTheme.actionMiss : Colors.transparent;
if (isSubbing) { bgColor = Colors.blue.shade50; borderColor = AppTheme.myTeamBlue; }
else if (isActionHover && !isFouledOut) { bgColor = Colors.orange.shade50; borderColor = AppTheme.actionPoints; }
int fgm = stats["fgm"]!; int fga = stats["fga"]!;
String fgPercent = fga > 0 ? ((fgm / fga) * 100).toStringAsFixed(0) : "0";
String displayName = displayNameStr.length > 12 ? "${displayNameStr.substring(0, 10)}..." : displayNameStr;
return Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 4),
decoration: BoxDecoration(color: bgColor, borderRadius: BorderRadius.circular(8), border: Border.all(color: borderColor, width: 1.5), boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 4, offset: Offset(0, 2))]),
child: ClipRRect(
borderRadius: BorderRadius.circular(6 * sf),
child: IntrinsicHeight(
child: Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Container(
padding: EdgeInsets.symmetric(horizontal: 10 * sf),
color: isFouledOut ? Colors.grey[700] : teamColor,
alignment: Alignment.center,
child: Text(number, style: TextStyle(color: Colors.white, fontSize: 18 * sf, fontWeight: FontWeight.bold)),
),
Padding(
padding: EdgeInsets.symmetric(horizontal: 8 * sf, vertical: 4 * sf),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(displayName, style: TextStyle(fontSize: 14 * sf, fontWeight: FontWeight.bold, color: isFouledOut ? AppTheme.actionMiss : Colors.black87, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)),
SizedBox(height: 1.5 * sf),
Text("${stats["pts"]} Pts | FG: $fgm/$fga ($fgPercent%)", style: TextStyle(fontSize: 10 * sf, color: isFouledOut ? AppTheme.actionMiss : Colors.grey[700], fontWeight: FontWeight.w600)),
Text("${stats["ast"]} Ast | ${stats["orb"]! + stats["drb"]!} Rbs | ${stats["fls"]} Fls", style: TextStyle(fontSize: 10 * sf, color: isFouledOut ? AppTheme.actionMiss : Colors.grey[500], fontWeight: FontWeight.w600)),
],
),
),
],
),
),
),
);
}
}
// ============================================================================
// 4. PAINEL DE BOTÕES DE AÇÃO
// ============================================================================
class ActionButtonsPanel extends StatelessWidget {
final PlacarController controller;
final double sf;
const ActionButtonsPanel({super.key, required this.controller, required this.sf});
@override
Widget build(BuildContext context) {
final double baseSize = 58 * sf;
final double feedSize = 73 * sf;
final double gap = 5 * sf;
return Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
_columnBtn([
_dragAndTargetBtn("M1", AppTheme.actionMiss, "miss_1", baseSize, feedSize, sf),
_dragAndTargetBtn("1", AppTheme.actionPoints, "add_pts_1", baseSize, feedSize, sf),
_dragAndTargetBtn("1", AppTheme.actionPoints, "sub_pts_1", baseSize, feedSize, sf, isX: true),
_dragAndTargetBtn("STL", AppTheme.actionSteal, "add_stl", baseSize, feedSize, sf),
], gap),
SizedBox(width: gap * 1),
_columnBtn([
_dragAndTargetBtn("M2", AppTheme.actionMiss, "miss_2", baseSize, feedSize, sf),
_dragAndTargetBtn("2", AppTheme.actionPoints, "add_pts_2", baseSize, feedSize, sf),
_dragAndTargetBtn("2", AppTheme.actionPoints, "sub_pts_2", baseSize, feedSize, sf, isX: true),
_dragAndTargetBtn("AST", AppTheme.actionAssist, "add_ast", baseSize, feedSize, sf),
], gap),
SizedBox(width: gap * 1),
_columnBtn([
_dragAndTargetBtn("M3", AppTheme.actionMiss, "miss_3", baseSize, feedSize, sf),
_dragAndTargetBtn("3", AppTheme.actionPoints, "add_pts_3", baseSize, feedSize, sf),
_dragAndTargetBtn("3", AppTheme.actionPoints, "sub_pts_3", baseSize, feedSize, sf, isX: true),
_dragAndTargetBtn("TOV", AppTheme.actionMiss, "add_tov", baseSize, feedSize, sf),
], gap),
SizedBox(width: gap * 1),
_columnBtn([
_dragAndTargetBtn("ORB", AppTheme.actionRebound, "add_orb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
_dragAndTargetBtn("DRB", AppTheme.actionRebound, "add_drb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
_dragAndTargetBtn("BLK", AppTheme.actionBlock, "add_blk", baseSize, feedSize, sf, icon: Icons.front_hand),
], gap),
],
);
}
Widget _columnBtn(List<Widget> children, double gap) {
return Column(
mainAxisSize: MainAxisSize.min,
children: children.map((c) => Padding(padding: EdgeInsets.only(bottom: gap), child: c)).toList()
);
}
Widget _dragAndTargetBtn(String label, Color color, String actionData, double baseSize, double feedSize, double sf, {IconData? icon, bool isX = false}) {
return Draggable<String>(
data: actionData,
feedback: _circle(label, color, icon, true, baseSize, feedSize, sf, isX: isX),
childWhenDragging: Opacity(
opacity: 0.5,
child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX)
),
child: DragTarget<String>(
onAcceptWithDetails: (details) {},
builder: (context, candidateData, rejectedData) {
bool isHovered = candidateData.any((data) => data != null && data.startsWith("player_"));
return Transform.scale(
scale: isHovered ? 1.15 : 1.0,
child: Container(
decoration: isHovered ? BoxDecoration(shape: BoxShape.circle, boxShadow: [BoxShadow(color: Colors.white, blurRadius: 10 * sf, spreadRadius: 3 * sf)]) : null,
child: _circle(label, color, icon, false, baseSize, feedSize, sf, isX: isX)
),
);
}
),
);
}
Widget _circle(String label, Color color, IconData? icon, bool isFeed, double baseSize, double feedSize, double sf, {bool isX = false}) {
double size = isFeed ? feedSize : baseSize;
Widget content;
bool isPointBtn = label == "1" || label == "2" || label == "3" || label == "M1" || label == "M2" || label == "M3";
bool isBlkBtn = label == "BLK";
if (isPointBtn) {
content = Stack(
alignment: Alignment.center,
children: [
Container(width: size * 0.75, height: size * 0.75, decoration: const BoxDecoration(color: Colors.black, shape: BoxShape.circle)),
Icon(Icons.sports_basketball, color: color, size: size * 0.9),
Stack(
children: [
Text(label, style: TextStyle(fontSize: size * 0.38, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = size * 0.05..color = Colors.white, decoration: TextDecoration.none)),
Text(label, style: TextStyle(fontSize: size * 0.38, fontWeight: FontWeight.w900, color: Colors.black, decoration: TextDecoration.none)),
],
),
],
);
} else if (isBlkBtn) {
content = Stack(
alignment: Alignment.center,
children: [
Icon(Icons.front_hand, color: const Color.fromARGB(207, 56, 52, 52), size: size * 0.75),
Stack(
alignment: Alignment.center,
children: [
Text(label, style: TextStyle(fontSize: size * 0.28, fontWeight: FontWeight.w900, foreground: Paint()..style = PaintingStyle.stroke..strokeWidth = size * 0.05..color = Colors.black, decoration: TextDecoration.none)),
Text(label, style: TextStyle(fontSize: size * 0.28, fontWeight: FontWeight.w900, color: Colors.white, decoration: TextDecoration.none)),
],
),
],
);
} else if (icon != null) {
content = Icon(icon, color: Colors.white, size: size * 0.5);
} else {
content = Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: size * 0.35, decoration: TextDecoration.none));
}
return Stack(
clipBehavior: Clip.none,
alignment: Alignment.bottomRight,
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))]),
alignment: Alignment.center,
child: content,
),
if (isX) Positioned(top: 0, right: 0, child: Container(decoration: const BoxDecoration(color: Colors.white, shape: BoxShape.circle), child: Icon(Icons.cancel, color: Colors.red, size: size * 0.4))),
],
);
}
}
// ============================================================================
// MAPA DE CALOR
// ============================================================================
class HeatmapDialog extends StatefulWidget {
final List<ShotRecord> shots;
final String myTeamName;
final String oppTeamName;
final List<String> myPlayers;
final List<String> oppPlayers;
final Map<String, Map<String, int>> playerStats;
const HeatmapDialog({
super.key,
required this.shots,
required this.myTeamName,
required this.oppTeamName,
required this.myPlayers,
required this.oppPlayers,
required this.playerStats,
});
@override
State<HeatmapDialog> createState() => _HeatmapDialogState();
}
class _HeatmapDialogState extends State<HeatmapDialog> {
bool _isMapVisible = false;
String _selectedTeam = '';
String _selectedPlayer = '';
@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: _isMapVisible ? _buildMapScreen(headerColor) : _buildSelectionScreen(headerColor),
),
);
}
Widget _buildSelectionScreen(Color headerColor) {
return Column(
children: [
Container(
height: 40,
color: headerColor,
width: double.infinity,
child: Stack(
alignment: Alignment.center,
children: [
const Text(
"ESCOLHE A EQUIPA OU UM JOGADOR",
style: 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),
),
),
)
],
),
),
Expanded(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: [
Expanded(
child: _buildTeamColumn(
teamName: widget.myTeamName,
players: widget.myPlayers,
teamColor: AppTheme.myTeamBlue,
),
),
const SizedBox(width: 8),
Expanded(
child: _buildTeamColumn(
teamName: widget.oppTeamName,
players: widget.oppPlayers,
teamColor: AppTheme.oppTeamRed,
),
),
],
),
),
),
],
);
}
Widget _buildTeamColumn({required String teamName, required List<String> players, required Color teamColor}) {
List<String> realPlayers = players.where((p) => !p.startsWith("Sem ")).toList();
return Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
),
child: Column(
children: [
InkWell(
onTap: () => setState(() {
_selectedTeam = teamName;
_selectedPlayer = 'Todos';
_isMapVisible = true;
}),
child: Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(vertical: 10),
decoration: BoxDecoration(
color: teamColor,
borderRadius: const BorderRadius.only(topLeft: Radius.circular(8), topRight: Radius.circular(8)),
),
child: Column(
children: [
Text(teamName.toUpperCase(), style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16)),
const SizedBox(height: 4),
Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 2),
decoration: BoxDecoration(color: Colors.white24, borderRadius: BorderRadius.circular(12)),
child: const Text("MAPA GERAL DA EQUIPA", style: TextStyle(color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold)),
),
],
),
),
),
Expanded(
child: ListView.separated(
itemCount: realPlayers.length,
separatorBuilder: (context, index) => const Divider(height: 1, color: Colors.black12),
itemBuilder: (context, index) {
String p = realPlayers[index];
int pts = widget.playerStats[p]?['pts'] ?? 0;
return ListTile(
dense: true,
visualDensity: VisualDensity.compact,
leading: Icon(Icons.person, color: teamColor),
title: Text(p, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 13, color: Colors.black87)),
trailing: Text("$pts Pts", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13, color: teamColor)),
onTap: () => setState(() {
_selectedTeam = teamName;
_selectedPlayer = p;
_isMapVisible = true;
}),
);
},
),
),
],
),
);
}
Widget _buildMapScreen(Color headerColor) {
List<ShotRecord> filteredShots = widget.shots.where((s) {
if (_selectedPlayer != 'Todos') return s.playerName == _selectedPlayer;
if (_selectedTeam == widget.myTeamName) return widget.myPlayers.contains(s.playerName);
if (_selectedTeam == widget.oppTeamName) return widget.oppPlayers.contains(s.playerName);
return true;
}).toList();
String titleText = _selectedPlayer == 'Todos'
? "MAPA GERAL: ${_selectedTeam.toUpperCase()}"
: "MAPA: ${_selectedPlayer.toUpperCase()}";
return Column(
children: [
Container(
height: 40,
color: headerColor,
width: double.infinity,
child: Stack(
alignment: Alignment.center,
children: [
Positioned(
left: 8,
child: InkWell(
onTap: () => setState(() => _isMapVisible = false),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(12)),
child: Row(
children: [
Icon(Icons.arrow_back, color: headerColor, size: 14),
const SizedBox(width: 4),
Text("VOLTAR", style: TextStyle(color: headerColor, fontWeight: FontWeight.bold, fontSize: 12)),
],
),
),
),
),
Text(
titleText,
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),
),
),
)
],
),
),
Expanded(
child: LayoutBuilder(
builder: (context, constraints) {
return Stack(
children: [
CustomPaint(
size: Size(constraints.maxWidth, constraints.maxHeight),
painter: HeatmapCourtPainter(),
),
...filteredShots.map((shot) => Positioned(
left: (shot.relativeX * constraints.maxWidth) - 8,
top: (shot.relativeY * constraints.maxHeight) - 8,
child: CircleAvatar(
radius: 8,
backgroundColor: shot.isMake ? AppTheme.successGreen : AppTheme.actionMiss,
child: Icon(shot.isMake ? Icons.check : Icons.close, size: 10, color: Colors.white)
),
)),
],
);
},
),
),
],
);
}
}
class HeatmapCourtPainter 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;
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);
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);
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);
for (int i = 0; i < 10; i++) {
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), math.pi + (i * 2 * (math.pi / 20)), math.pi / 20, false, blackStroke);
}
canvas.drawLine(Offset(basketX - pW / 2, pH), Offset(sXL, sYL), blackStroke);
canvas.drawLine(Offset(basketX + pW / 2, pH), Offset(sXR, sYR), blackStroke);
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, h), radius: w * 0.12), math.pi, math.pi, false, blackStroke);
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(covariant CustomPainter oldDelegate) => false;
}

2
lib/widgets/custom_nav_bar.dart
View File

@@ -14,7 +14,7 @@ class CustomNavBar extends StatelessWidget {
Widget build(BuildContext context) {
return NavigationBar(
selectedIndex: selectedIndex,
onDestinationSelected: onItemSelected,
onDestinationSelected: onItemSelected,
backgroundColor: Theme.of(context).colorScheme.surface,
surfaceTintColor: Theme.of(context).colorScheme.surfaceTint,
elevation: 1,

442
lib/widgets/placar_widgets.dart
View File

@@ -1,15 +1,58 @@
import 'package:flutter/material.dart';
import 'package:playmaker/classe/theme.dart';
import 'package:playmaker/controllers/placar_controller.dart';
import '../classe/theme.dart';
import '../controllers/placar_controller.dart';
import 'package:playmaker/zone_map_dialog.dart';
import 'dart:math' as math;
// ============================================================================
// 1. PLACAR SUPERIOR (CRONÓMETRO E RESULTADO)
// ============================================================================
// ============================================================================
// 1. PLACAR SUPERIOR (COM CRONÓMETRO DE ALTA PERFORMANCE)
// ============================================================================
// POP-UP DE ASSISTÊNCIA
void showAssistDialog(BuildContext context, PlacarController controller, bool isOpponent, String scorerId, double sf) {
final teamCourt = isOpponent ? controller.oppCourt : controller.myCourt;
final prefix = isOpponent ? "player_opp_" : "player_my_";
final possibleAssistants = teamCourt.where((id) => id != scorerId && !id.startsWith("fake_")).toList();
if (possibleAssistants.isEmpty) return;
showDialog(
context: context,
barrierDismissible: false,
builder: (ctx) => AlertDialog(
backgroundColor: Theme.of(context).colorScheme.surface,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15 * sf)),
title: Text("Houve Assistência?", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold, fontSize: 18 * sf)),
content: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
...possibleAssistants.map((id) {
final name = controller.playerNames[id] ?? "Desconhecido";
final number = controller.playerNumbers[id] ?? "0";
return ListTile(
leading: CircleAvatar(
backgroundColor: isOpponent ? AppTheme.oppTeamRed : AppTheme.myTeamBlue,
child: Text(number, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
),
title: Text(name, style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontWeight: FontWeight.bold)),
onTap: () {
Navigator.pop(ctx);
controller.commitStat("add_ast", "$prefix$id");
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Assistência: $name'), duration: const Duration(seconds: 1), backgroundColor: AppTheme.successGreen));
},
);
}),
Divider(color: Colors.grey.withOpacity(0.3)),
ListTile(
leading: const CircleAvatar(backgroundColor: Colors.grey, child: Icon(Icons.person_off, color: Colors.white)),
title: Text("Isolado (Sem assistência)", style: TextStyle(color: Theme.of(context).colorScheme.onSurface, fontStyle: FontStyle.italic)),
onTap: () => Navigator.pop(ctx),
)
],
),
),
),
);
}
// 1. PLACAR SUPERIOR
class TopScoreboard extends StatelessWidget {
final PlacarController controller;
final double sf;
@@ -36,7 +79,6 @@ class TopScoreboard extends StatelessWidget {
Container(
padding: EdgeInsets.symmetric(horizontal: 14 * sf, vertical: 4 * sf),
decoration: BoxDecoration(color: AppTheme.placarTimerBg, borderRadius: BorderRadius.circular(9 * sf)),
// 👇 AQUI ESTÁ A MAGIA DE PERFORMANCE! Só este texto se atualiza a cada segundo! 👇
child: ValueListenableBuilder<Duration>(
valueListenable: controller.durationNotifier,
builder: (context, duration, child) {
@@ -87,59 +129,7 @@ class TopScoreboard extends StatelessWidget {
);
}
Widget _buildTeamSection(String name, int score, int fouls, int timeouts, Color color, bool isOpp, double sf) {
int displayFouls = fouls > 5 ? 5 : fouls;
final timeoutIndicators = Row(
mainAxisSize: MainAxisSize.min,
children: List.generate(3, (index) => Container(
margin: EdgeInsets.symmetric(horizontal: 2.5 * sf),
width: 10 * sf, height: 10 * sf,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: index < timeouts ? AppTheme.warningAmber : Colors.grey.shade600,
border: Border.all(color: Colors.white54, width: 1.0 * sf)
),
)),
);
List<Widget> content = [
Column(
children: [
_scoreBox(score, color, sf),
SizedBox(height: 5 * sf),
timeoutIndicators
]
),
SizedBox(width: 12 * sf),
Column(
crossAxisAlignment: isOpp ? CrossAxisAlignment.start : CrossAxisAlignment.end,
children: [
Text(
name.toUpperCase(),
style: TextStyle(color: Colors.white, fontSize: 16 * sf, fontWeight: FontWeight.w900, letterSpacing: 1.0 * sf)
),
SizedBox(height: 3 * sf),
Text(
"FALTAS: $displayFouls",
style: TextStyle(color: displayFouls >= 5 ? AppTheme.actionMiss : AppTheme.warningAmber, fontSize: 11 * sf, fontWeight: FontWeight.bold)
),
],
),
];
return Row(crossAxisAlignment: CrossAxisAlignment.center, children: isOpp ? content : content.reversed.toList());
}
Widget _scoreBox(int score, Color color, double sf) => Container(
width: 45 * sf, height: 35 * sf,
alignment: Alignment.center,
decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(6 * sf)),
child: Text(score.toString(), style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.w900)),
);
// ============================================================================
// 2. BANCO DE SUPLENTES (COM TRADUTOR DE NOME)
// ============================================================================
// 2. BANCO DE SUPLENTES
class BenchPlayersList extends StatelessWidget {
final PlacarController controller;
final bool isOpponent;
@@ -201,9 +191,7 @@ class BenchPlayersList extends StatelessWidget {
}
}
// ============================================================================
// 3. CARTÃO DO JOGADOR NO CAMPO (COM TRADUTOR DE NOME)
// ============================================================================
// 3. CARTÃO DO JOGADOR NO CAMPO
class PlayerCourtCard extends StatelessWidget {
final PlacarController controller;
final String playerId;
@@ -249,6 +237,7 @@ class PlayerCourtCard extends StatelessWidget {
onZoneSelected: (zone, points, relX, relY) {
Navigator.pop(ctx);
controller.registerShotFromPopup(context, action, "$prefix$playerId", zone, points, relX, relY);
if (isMake) showAssistDialog(context, controller, isOpponent, playerId, sf);
},
),
);
@@ -318,9 +307,7 @@ class PlayerCourtCard extends StatelessWidget {
}
}
// ============================================================================
// 4. PAINEL DE BOTÕES DE AÇÃO
// ============================================================================
class ActionButtonsPanel extends StatelessWidget {
final PlacarController controller;
final double sf;
@@ -454,323 +441,4 @@ class ActionButtonsPanel extends StatelessWidget {
],
);
}
}
// ============================================================================
// MAPA DE CALOR
// ============================================================================
class HeatmapDialog extends StatefulWidget {
final List<ShotRecord> shots;
final String myTeamName;
final String oppTeamName;
final List<String> myPlayers;
final List<String> oppPlayers;
final Map<String, Map<String, int>> playerStats;
const HeatmapDialog({
super.key,
required this.shots,
required this.myTeamName,
required this.oppTeamName,
required this.myPlayers,
required this.oppPlayers,
required this.playerStats,
});
@override
State<HeatmapDialog> createState() => _HeatmapDialogState();
}
class _HeatmapDialogState extends State<HeatmapDialog> {
bool _isMapVisible = false;
String _selectedTeam = '';
String _selectedPlayer = '';
@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: _isMapVisible ? _buildMapScreen(headerColor) : _buildSelectionScreen(headerColor),
),
);
}
// ==========================================
// TELA 1: LISTA COM AS DUAS EQUIPAS LADO A LADO
// ==========================================
Widget _buildSelectionScreen(Color headerColor) {
return Column(
children: [
// CABEÇALHO
Container(
height: 40,
color: headerColor,
width: double.infinity,
child: Stack(
alignment: Alignment.center,
children: [
const Text(
"ESCOLHE A EQUIPA OU UM JOGADOR",
style: 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),
),
),
)
],
),
),
// CORPO: AS DUAS LISTAS LADO A LADO
Expanded(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: [
// 👇 ESQUERDA: COLUNA DA TUA EQUIPA (AZUL) 👇
Expanded(
child: _buildTeamColumn(
teamName: widget.myTeamName,
players: widget.myPlayers,
teamColor: AppTheme.myTeamBlue,
),
),
const SizedBox(width: 8),
// 👇 DIREITA: COLUNA DA EQUIPA ADVERSÁRIA (VERMELHA) 👇
Expanded(
child: _buildTeamColumn(
teamName: widget.oppTeamName,
players: widget.oppPlayers,
teamColor: AppTheme.oppTeamRed,
),
),
],
),
),
),
],
);
}
Widget _buildTeamColumn({required String teamName, required List<String> players, required Color teamColor}) {
List<String> realPlayers = players.where((p) => !p.startsWith("Sem ")).toList();
return Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
),
child: Column(
children: [
InkWell(
onTap: () => setState(() {
_selectedTeam = teamName;
_selectedPlayer = 'Todos';
_isMapVisible = true;
}),
child: Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(vertical: 10),
decoration: BoxDecoration(
color: teamColor,
borderRadius: const BorderRadius.only(topLeft: Radius.circular(8), topRight: Radius.circular(8)),
),
child: Column(
children: [
Text(teamName.toUpperCase(), style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16)),
const SizedBox(height: 4),
Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 2),
decoration: BoxDecoration(color: Colors.white24, borderRadius: BorderRadius.circular(12)),
child: const Text("MAPA GERAL DA EQUIPA", style: TextStyle(color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold)),
),
],
),
),
),
Expanded(
child: ListView.separated(
itemCount: realPlayers.length,
separatorBuilder: (context, index) => const Divider(height: 1, color: Colors.black12),
itemBuilder: (context, index) {
String p = realPlayers[index];
int pts = widget.playerStats[p]?['pts'] ?? 0;
return ListTile(
dense: true,
visualDensity: VisualDensity.compact,
leading: Icon(Icons.person, color: teamColor),
title: Text(p, style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 13, color: Colors.black87)),
trailing: Text("$pts Pts", style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13, color: teamColor)),
onTap: () => setState(() {
_selectedTeam = teamName;
_selectedPlayer = p;
_isMapVisible = true;
}),
);
},
),
),
],
),
);
}
Widget _buildMapScreen(Color headerColor) {
List<ShotRecord> filteredShots = widget.shots.where((s) {
if (_selectedPlayer != 'Todos') return s.playerName == _selectedPlayer;
if (_selectedTeam == widget.myTeamName) return widget.myPlayers.contains(s.playerName);
if (_selectedTeam == widget.oppTeamName) return widget.oppPlayers.contains(s.playerName);
return true;
}).toList();
String titleText = _selectedPlayer == 'Todos'
? "MAPA GERAL: ${_selectedTeam.toUpperCase()}"
: "MAPA: ${_selectedPlayer.toUpperCase()}";
return Column(
children: [
Container(
height: 40,
color: headerColor,
width: double.infinity,
child: Stack(
alignment: Alignment.center,
children: [
Positioned(
left: 8,
child: InkWell(
onTap: () => setState(() => _isMapVisible = false),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(12)),
child: Row(
children: [
Icon(Icons.arrow_back, color: headerColor, size: 14),
const SizedBox(width: 4),
Text("VOLTAR", style: TextStyle(color: headerColor, fontWeight: FontWeight.bold, fontSize: 12)),
],
),
),
),
),
Text(
titleText,
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),
),
),
)
],
),
),
Expanded(
child: LayoutBuilder(
builder: (context, constraints) {
return Stack(
children: [
// 👇 A MÁGICA: O CAMPO DESENHADO IGUAL AO POP-UP (CustomPaint) 👇
CustomPaint(
size: Size(constraints.maxWidth, constraints.maxHeight),
painter: HeatmapCourtPainter(),
),
// AS BOLINHAS DOS LANÇAMENTOS POR CIMA DAS LINHAS
...filteredShots.map((shot) => Positioned(
left: (shot.relativeX * constraints.maxWidth) - 8,
top: (shot.relativeY * constraints.maxHeight) - 8,
child: CircleAvatar(
radius: 8,
backgroundColor: shot.isMake ? AppTheme.successGreen : AppTheme.actionMiss,
child: Icon(shot.isMake ? Icons.check : Icons.close, size: 10, color: Colors.white)
),
)),
],
);
},
),
),
],
);
}
}
// 👇 O PINTOR QUE DESENHA AS LINHAS PERFEITAS DO CAMPO 👇
class HeatmapCourtPainter 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;
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);
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);
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);
for (int i = 0; i < 10; i++) {
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, pH), radius: ftR), math.pi + (i * 2 * (math.pi / 20)), math.pi / 20, false, blackStroke);
}
canvas.drawLine(Offset(basketX - pW / 2, pH), Offset(sXL, sYL), blackStroke);
canvas.drawLine(Offset(basketX + pW / 2, pH), Offset(sXR, sYR), blackStroke);
canvas.drawArc(Rect.fromCircle(center: Offset(basketX, h), radius: w * 0.12), math.pi, math.pi, false, blackStroke);
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(covariant CustomPainter oldDelegate) => false;
}