import 'package:flutter/material.dart';
import 'dart:math' as math;

import '../classe/theme.dart'; 
import '../controllers/placar_controller.dart'; 
import 'package:playmaker/zone_map_dialog.dart';

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), 
            )
          ],
        ),
      ),
    ),
  );
}

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)),
  );
}

class BenchPopup extends StatelessWidget {
  final PlacarController controller;
  final bool isOpponent;
  final double sf;
  
  const BenchPopup({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_";
    final teamName = isOpponent ? controller.opponentTeam : controller.myTeam;

    return Container(
      width: 280 * sf, 
      padding: EdgeInsets.all(12 * sf),
      decoration: BoxDecoration(
        color: AppTheme.placarDarkSurface.withOpacity(0.95), 
        borderRadius: BorderRadius.circular(16 * sf),
        border: Border.all(color: teamColor, width: 2 * sf),
        boxShadow: [BoxShadow(color: Colors.black54, blurRadius: 10 * sf, spreadRadius: 2 * sf)],
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text("SUPLENTES: ${teamName.toUpperCase()}", style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12 * sf)),
              InkWell(
                onTap: () {
                  if (isOpponent) { controller.showOppBench = false; } 
                  else { controller.showMyBench = false; }
                  controller.notifyListeners();
                },
                child: Icon(Icons.close, color: Colors.white70, size: 20 * sf),
              )
            ],
          ),
          Divider(color: Colors.white24, height: 16 * sf),
          
          Wrap(
            spacing: 12 * sf,
            runSpacing: 12 * sf,
            alignment: WrapAlignment.center,
            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 = Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  CircleAvatar(
                    radius: 20 * sf,
                    backgroundColor: isFouledOut ? Colors.grey.shade800 : teamColor, 
                    child: Text(num, style: TextStyle(color: isFouledOut ? Colors.red.shade300 : Colors.white, fontSize: 16 * 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 expulso!'), backgroundColor: AppTheme.actionMiss)), child: avatarUI);
              }

              return Draggable<String>(
                data: "$prefix$playerId", 
                feedback: Material(color: Colors.transparent, child: CircleAvatar(radius: 26 * sf, backgroundColor: teamColor, child: Text(num, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 18 * sf)))),
                childWhenDragging: Opacity(opacity: 0.3, child: avatarUI),
                child: avatarUI,
              );
            }).toList(),
          ),
        ],
      ),
    );
  }
}

// ============================================================================
// SHIRT PAINTER — camisola desenhada com CustomPainter
// ============================================================================
class ShirtPainter extends CustomPainter {
  final Color color;
  final bool isFouledOut;
  const ShirtPainter({required this.color, this.isFouledOut = false});

  @override
  void paint(Canvas canvas, Size size) {
    final double w = size.width;
    final double h = size.height;
    final Color shirtColor = isFouledOut ? Colors.grey.shade700 : color;

    final paint = Paint()..color = shirtColor..style = PaintingStyle.fill;
    final strokePaint = Paint()
      ..color = Colors.white.withOpacity(0.25)
      ..style = PaintingStyle.stroke
      ..strokeWidth = w * 0.04;

    final path = Path();
    // Mangas
    path.moveTo(w * 0.18, h * 0.18);
    path.lineTo(w * 0.00, h * 0.42);
    path.lineTo(w * 0.20, h * 0.52);
    path.lineTo(w * 0.20, h * 0.95);
    path.lineTo(w * 0.80, h * 0.95);
    path.lineTo(w * 0.80, h * 0.52);
    path.lineTo(w * 1.00, h * 0.42);
    path.lineTo(w * 0.82, h * 0.18);
    // Gola em V
    path.quadraticBezierTo(w * 0.68, h * 0.32, w * 0.50, h * 0.30);
    path.quadraticBezierTo(w * 0.32, h * 0.32, w * 0.18, h * 0.18);
    path.close();

    canvas.drawPath(path, paint);
    canvas.drawPath(path, strokePaint);
  }

  @override
  bool shouldRepaint(ShirtPainter old) => old.color != color || old.isFouledOut != isFouledOut;
}

// ============================================================================
// CARD 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);
                   
                   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;

    // Tamanho da camisola ajustado para ficar perfeito no cartão
    final double shirtSize = 42 * sf;

    return Container(
      padding: EdgeInsets.symmetric(horizontal: 8 * sf, vertical: 6 * sf), 
      decoration: BoxDecoration(
        color: bgColor,
        borderRadius: BorderRadius.circular(8 * sf),
        border: Border.all(color: borderColor, width: 1.5 * sf),
        boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 4 * sf, offset: Offset(0, 2 * sf))],
      ),
      child: IntrinsicHeight(
        child: Row(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.center, // Centra verticalmente a camisola com o texto
          children: [
            // ── APENAS A CAMISOLA (Sem quadrado de fundo) ──
            SizedBox(
              width: shirtSize,
              height: shirtSize,
              child: Stack(
                alignment: Alignment.center,
                children: [
                  CustomPaint(
                    size: Size(shirtSize, shirtSize),
                    painter: ShirtPainter(
                      color: teamColor,
                      isFouledOut: isFouledOut,
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(top: shirtSize * 0.15), 
                    child: Text(
                      number,
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: shirtSize * 0.40,
                        fontWeight: FontWeight.w900,
                        decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none,
                        shadows: const [Shadow(color: Colors.black45, blurRadius: 2, offset: Offset(1, 1))],
                      ),
                    ),
                  ),
                ],
              ),
            ),
            SizedBox(width: 8 * sf), // Espaço entre a camisola e as estatísticas
            
            // ── Estatísticas ─────────────────────────────────────
            Column(
              crossAxisAlignment: CrossAxisAlignment.start, 
              mainAxisAlignment: MainAxisAlignment.center,
              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)),
              ],
            ),
          ],
        ),
      ),
    );
  }
}

class HeatmapDialog extends StatefulWidget {
  final List<dynamic> 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<dynamic> 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;
}

// ============================================================================
// 5. CAIXA DE HISTÓRICO (PLAY-BY-PLAY)
// ============================================================================
class PlayByPlayDialog extends StatelessWidget {
  final PlacarController controller;
  const PlayByPlayDialog({super.key, required this.controller});

  @override
  Widget build(BuildContext context) {
    return Dialog(
      backgroundColor: AppTheme.placarDarkSurface,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
      child: Container(
        width: 400,
        height: MediaQuery.of(context).size.height * 0.8,
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                const Text("HISTÓRICO DE JOGADAS", style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
                IconButton(icon: const Icon(Icons.close, color: Colors.white), onPressed: () => Navigator.pop(context))
              ],
            ),
            const Divider(color: Colors.white24),
            Expanded(
              child: controller.playByPlay.isEmpty 
                ? const Center(child: Text("Ainda não há jogadas.", style: TextStyle(color: Colors.white54)))
                : ListView.separated(
                    itemCount: controller.playByPlay.length,
                    separatorBuilder: (_, __) => const Divider(color: Colors.white10),
                    itemBuilder: (context, index) {
                      return Padding(
                        padding: const EdgeInsets.symmetric(vertical: 4.0),
                        child: Text(
                          controller.playByPlay[index], 
                          style: const TextStyle(color: Colors.white, fontSize: 14),
                        ),
                      );
                    },
                  ),
            ),
          ],
        ),
      ),
    );
  }
}

// ============================================================================
// 6. ECRÃ DE BOX SCORE (ESTATÍSTICAS GERAIS)
// ============================================================================
class BoxScoreDialog extends StatelessWidget {
  final PlacarController controller;
  const BoxScoreDialog({super.key, required this.controller});

  @override
  Widget build(BuildContext context) {
    return Dialog(
      backgroundColor: AppTheme.placarDarkSurface,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
      child: Container(
        width: MediaQuery.of(context).size.width * 0.9,
        height: MediaQuery.of(context).size.height * 0.9,
        padding: const EdgeInsets.all(16),
        child: DefaultTabController(
          length: 2,
          child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  const Text("BOX SCORE", style: TextStyle(color: Colors.white, fontSize: 22, fontWeight: FontWeight.bold)),
                  IconButton(icon: const Icon(Icons.close, color: Colors.white), onPressed: () => Navigator.pop(context))
                ],
              ),
              TabBar(
                indicatorColor: AppTheme.warningAmber,
                labelColor: Colors.white,
                unselectedLabelColor: Colors.white54,
                tabs: [
                  Tab(text: controller.myTeam.toUpperCase()),
                  Tab(text: controller.opponentTeam.toUpperCase()),
                ],
              ),
              const SizedBox(height: 10),
              Expanded(
                child: TabBarView(
                  children: [
                    _buildStatsTable(controller.myCourt + controller.myBench, controller),
                    _buildStatsTable(controller.oppCourt + controller.oppBench, controller),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildStatsTable(List<String> teamPlayers, PlacarController ctrl) {
    return SingleChildScrollView(
      scrollDirection: Axis.vertical,
      child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child: DataTable(
          headingRowColor: WidgetStateProperty.all(Colors.black26),
          columns: const [
            DataColumn(label: Text('JOGADOR', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('PTS', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('REB', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('AST', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('STL', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('BLK', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('TOV', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('FLS', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
            DataColumn(label: Text('FG', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold))),
          ],
          rows: teamPlayers.where((id) => !id.startsWith("fake_")).map((id) {
            final name = ctrl.playerNames[id] ?? "---";
            final s = ctrl.playerStats[id]!;
            final rebs = s['orb']! + s['drb']!;
            final fgText = "${s['fgm']}/${s['fga']}";
            return DataRow(
              cells: [
                DataCell(Text(name, style: const TextStyle(color: Colors.white))),
                DataCell(Text(s['pts'].toString(), style: const TextStyle(color: AppTheme.warningAmber, fontWeight: FontWeight.bold))),
                DataCell(Text(rebs.toString(), style: const TextStyle(color: Colors.white))),
                DataCell(Text(s['ast'].toString(), style: const TextStyle(color: Colors.white))),
                DataCell(Text(s['stl'].toString(), style: const TextStyle(color: Colors.white))),
                DataCell(Text(s['blk'].toString(), style: const TextStyle(color: Colors.white))),
                DataCell(Text(s['tov'].toString(), style: const TextStyle(color: Colors.redAccent))),
                DataCell(Text(s['fls'].toString(), style: const TextStyle(color: Colors.white))),
                DataCell(Text(fgText, style: const TextStyle(color: Colors.white54))),
              ],
            );
          }).toList(),
        ),
      ),
    );
  }
}