/*import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class PlacarPage extends StatefulWidget {
  final String gameId, myTeam, opponentTeam;
  const PlacarPage({super.key, required this.gameId, required this.myTeam, required this.opponentTeam});

  @override
  State<PlacarPage> createState() => _PlacarPageState();
}

class _PlacarPageState extends State<PlacarPage> {
  int _myScore = 0;
  int _opponentScore = 0;
  int _myFouls = 0;
  int _opponentFouls = 0;
  int _currentQuarter = 1;

  Duration _duration = const Duration(minutes: 10);
  Timer? _timer;
  bool _isRunning = false;

  @override
  void initState() {
    super.initState();
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeRight,
      DeviceOrientation.landscapeLeft,
    ]);
  }

  void _toggleTimer() {
    if (_isRunning) {
      _timer?.cancel();
    } else {
      _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
        setState(() {
          if (_duration.inSeconds > 0) {
            _duration -= const Duration(seconds: 1);
          } else {
            _timer?.cancel();
            _isRunning = false;
          }
        });
      });
    }
    setState(() => _isRunning = !_isRunning);
  }

  String _formatTime(Duration d) =>
      "${d.inMinutes.toString().padLeft(2, '0')}:${d.inSeconds.remainder(60).toString().padLeft(2, '0')}";

  @override
  void dispose() {
    _timer?.cancel();
    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final screenWidth = MediaQuery.of(context).size.width;
    final screenHeight = MediaQuery.of(context).size.height;

    return Scaffold(
      body: Stack(
        children: [
          // Fundo do Campo
          Container(
            decoration: const BoxDecoration(
              image: DecorationImage(
                image: AssetImage('assets/campo.png'),
                fit: BoxFit.cover,
                alignment: Alignment(0.0, 0.2),
              ),
            ),
          ),

          // Posicionamento Tático (Jogadores como DragTargets)
          ..._buildTacticalFormation(screenWidth, screenHeight),

          // Botão Central Play/Pause
          Center(
            child: GestureDetector(
              onTap: _toggleTimer,
              child: CircleAvatar(
                radius: 35,
                backgroundColor: Colors.white,
                child: Icon(_isRunning ? Icons.pause : Icons.play_arrow,
                    color: const Color(0xFF1E2A38), size: 40),
              ),
            ),
          ),

          // Placard Superior
          Positioned(top: 0, left: 0, right: 0, child: Center(child: _buildTopScoreboard())),

          // Painel de Ações Inferior (Botões de pontos como Draggables)
          Positioned(bottom: 20, left: 0, right: 0, child: _buildActionButtonsPanel()),

          // Botão Fechar
          Positioned(
            bottom: 20,
            right: 20,
            child: FloatingActionButton(
              backgroundColor: const Color(0xFF1E2A38),
              mini: true,
              onPressed: () => Navigator.pop(context),
              child: const Icon(Icons.close, color: Colors.white),
            ),
          ),
        ],
      ),
    );
  }

  List<Widget> _buildTacticalFormation(double w, double h) {
    return [
      // CASA (Azul)
      Positioned(top: h * 0.25, left: w * 0.02, child: _buildPlayerCard("1", "Russell", false)),
      Positioned(top: h * 0.68, left: w * 0.02, child: _buildPlayerCard("15", "Reaves", false)),
      Positioned(top: h * 0.48, left: w * 0.20, child: _buildPlayerCard("3", "Davis", false)),
      Positioned(top: h * 0.15, left: w * 0.20, child: _buildPlayerCard("6", "James", false)),
      Positioned(top: h * 0.80, left: w * 0.20, child: _buildPlayerCard("28", "Hachimura", false)),

      // VISITANTE (Vermelho)
      Positioned(top: h * 0.25, right: w * 0.02, child: _buildPlayerCard("7", "Kyle", true)),
      Positioned(top: h * 0.68, right: w * 0.02, child: _buildPlayerCard("9", "Serge", true)),
      Positioned(top: h * 0.48, right: w * 0.20, child: _buildPlayerCard("2", "Kawhi", true)),
      Positioned(top: h * 0.15, right: w * 0.20, child: _buildPlayerCard("14", "Danny", true)),
      Positioned(top: h * 0.80, right: w * 0.20, child: _buildPlayerCard("23", "Fred", true)),
    ];
  }

  // JOGADOR COMO DRAG TARGET (Recebe os pontos)
  Widget _buildPlayerCard(String number, String name, bool isOpponent) {
    final teamColor = isOpponent ? const Color(0xFFD92C2C) : const Color(0xFF1E5BB2);

    return DragTarget<int>(
      onWillAcceptWithDetails: (details) => true,
      onAcceptWithDetails: (details) {
        setState(() {
          if (isOpponent) {
            _opponentScore += details.data;
          } else {
            _myScore += details.data;
          }
        });
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text("$name marcou ${details.data} pontos!"), duration: const Duration(seconds: 1)),
        );
      },
      builder: (context, candidateData, rejectedData) {
        return AnimatedContainer(
          duration: const Duration(milliseconds: 200),
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
          decoration: BoxDecoration(
            color: candidateData.isNotEmpty ? Colors.yellow.shade100 : Colors.white,
            borderRadius: BorderRadius.circular(12),
            border: Border.all(
              color: candidateData.isNotEmpty ? Colors.orange : Colors.transparent,
              width: 2,
            ),
            boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 6, offset: Offset(0, 3))],
          ),
          child: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                width: 40, height: 40,
                decoration: BoxDecoration(color: teamColor, borderRadius: BorderRadius.circular(8)),
                alignment: Alignment.center,
                child: Text(number, style: const TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold)),
              ),
              const SizedBox(width: 12),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text(name, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.black87)),
                  const Text("0 Pts | 0 Rbs | 0 Ast", style: TextStyle(fontSize: 12, color: Colors.grey)),
                ],
              ),
            ],
          ),
        );
      },
    );
  }

  Widget _buildTopScoreboard() {
    return Container(
      padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 30),
      decoration: BoxDecoration(
        color: const Color(0xFF16202C),
        borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(15), bottomRight: Radius.circular(15)),
        border: Border.all(color: Colors.white, width: 2),
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          _buildTeamSection(widget.myTeam, _myScore, _myFouls, const Color(0xFF1E5BB2), false),
          const SizedBox(width: 25),
          Column(
            children: [
              _timeDisplay(),
              const SizedBox(height: 5),
              Text("PERÍODO $_currentQuarter", style: const TextStyle(color: Colors.orangeAccent, fontSize: 14, fontWeight: FontWeight.bold)),
            ],
          ),
          const SizedBox(width: 25),
          _buildTeamSection(widget.opponentTeam, _opponentScore, _opponentFouls, const Color(0xFFD92C2C), true),
        ],
      ),
    );
  }

  Widget _buildTeamSection(String name, int score, int fouls, Color color, bool isOpponent) {
    final info = Column(
      children: [
        _scoreBox(score, color),
        Text("FALTAS: $fouls", style: const TextStyle(color: Colors.yellowAccent, fontSize: 12)),
      ],
    );
    final teamName = Text(name.toUpperCase(), style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold));
    
    return Row(
      children: isOpponent ? [info, const SizedBox(width: 15), teamName] : [teamName, const SizedBox(width: 15), info],
    );
  }

  Widget _timeDisplay() => Container(
    padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 5),
    decoration: BoxDecoration(color: const Color(0xFF2C3E50), borderRadius: BorderRadius.circular(5)),
    child: Text(_formatTime(_duration), style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold, fontFamily: 'monospace')),
  );

  Widget _scoreBox(int score, Color color) => Container(
    width: 55, height: 45,
    alignment: Alignment.center,
    decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(8)),
    child: Text(score.toString(), style: const TextStyle(color: Colors.white, fontSize: 26, fontWeight: FontWeight.bold)),
  );

  // PAINEL DE AÇÕES (Botões de pontos são DRAGGABLE)
  Widget _buildActionButtonsPanel() {
    return Column(
      children: [
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            _draggableActionBtn("1", Colors.orange, 1),
            _draggableActionBtn("2", Colors.orange, 2),
            _draggableActionBtn("3", Colors.orange, 3),
            _simpleActionBtn(null, const Color(0xFF1E2A38), Icons.shopping_basket),
          ],
        ),
        const SizedBox(height: 10),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            _simpleActionBtn("1", Colors.orange, null, isX: true),
            _simpleActionBtn("2", Colors.orange, null, isX: true),
            _simpleActionBtn("3", Colors.orange, null, isX: true),
            _simpleActionBtn(null, const Color(0xFF1E2A38), Icons.shield),
          ],
        ),
      ],
    );
  }

  // BOTÃO ARRASTÁVEL (PONTOS)
  Widget _draggableActionBtn(String label, Color color, int points) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 6),
      child: Draggable<int>(
        data: points,
        feedback: _buildCircleContent(label, color, null, true), // O que voa com o dedo
        childWhenDragging: Opacity(opacity: 0.3, child: _buildCircleContent(label, color, null, false)),
        child: _buildCircleContent(label, color, null, false),
      ),
    );
  }

  // BOTÃO SIMPLES (REBOTES/DEFESA)
  Widget _simpleActionBtn(String? label, Color color, IconData? icon, {bool isX = false}) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 6),
      child: Stack(
        alignment: Alignment.bottomRight,
        children: [
          _buildCircleContent(label, color, icon, false),
          if (isX) const Icon(Icons.cancel, color: Colors.red, size: 25),
        ],
      ),
    );
  }

  Widget _buildCircleContent(String? label, Color color, IconData? icon, bool isFeedback) {
    return Container(
      width: isFeedback ? 70 : 60,
      height: isFeedback ? 70 : 60,
      decoration: BoxDecoration(
        color: color,
        shape: BoxShape.circle,
        boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 4)],
      ),
      alignment: Alignment.center,
      child: icon != null
          ? Icon(icon, color: Colors.white, size: 35)
          : Text(label!, style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold, decoration: TextDecoration.none)),
    );
  }
}*/
  import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

class PlacarPage extends StatefulWidget {
  final String gameId, myTeam, opponentTeam;
  const PlacarPage({super.key, required this.gameId, required this.myTeam, required this.opponentTeam});

  @override
  State<PlacarPage> createState() => _PlacarPageState();
}

class _PlacarPageState extends State<PlacarPage> {
  int _myScore = 0;
  int _opponentScore = 0;
  int _myFouls = 0;
  int _opponentFouls = 0;
  int _currentQuarter = 1;

  int _myTimeoutsUsed = 0;
  int _opponentTimeoutsUsed = 0;

  final Map<String, Map<String, int>> _playerStats = {
    "Russell": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Reaves": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Davis": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "James": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Hachimura": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Kyle": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Serge": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Kawhi": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Danny": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
    "Fred": {"pts": 0, "rbs": 0, "ast": 0, "stl": 0, "tov": 0, "blk": 0},
  };

  Duration _duration = const Duration(minutes: 10);
  Timer? _timer;
  bool _isRunning = false;

  @override
  void initState() {
    super.initState();
    SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeRight, DeviceOrientation.landscapeLeft]);
  }

void _toggleTimer() {
  if (_isRunning) {
    _timer?.cancel();
  } else {
    _timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      setState(() {
        if (_duration.inSeconds > 0) {
          _duration -= const Duration(seconds: 1);
        } else {
          // O TEMPO ESGOTOU (00:00)
          _timer?.cancel();
          _isRunning = false;

          // 1. MUDAR O PERÍODO
          if (_currentQuarter < 4) {
            _currentQuarter++; 
            
            // 2. RESETAR O TEMPO PARA 10 MINUTOS
            _duration = const Duration(minutes: 10); 
            
            // 3. RESETAR AS FALTAS DE EQUIPA (O PONTO MAIS IMPORTANTE)
            _myFouls = 0;
            _opponentFouls = 0;

            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(
                content: Text('Período $_currentQuarter iniciado. Faltas resetadas!'),
                backgroundColor: Colors.blue,
              ),
            );
          } else {
            ScaffoldMessenger.of(context).showSnackBar(
              const SnackBar(content: Text('FIM DO JOGO!'), backgroundColor: Colors.red),
            );
          }
        }
      });
    });
  }
  setState(() => _isRunning = !_isRunning);
}
  void _useTimeout(bool isOpponent) {
    setState(() {
      if (isOpponent) {
        if (_opponentTimeoutsUsed < 3) _opponentTimeoutsUsed++;
      } else {
        if (_myTimeoutsUsed < 3) _myTimeoutsUsed++;
      }
      _isRunning = false;
      _timer?.cancel();
    });
  }

  String _formatTime(Duration d) => 
      "${d.inMinutes.toString().padLeft(2, '0')}:${d.inSeconds.remainder(60).toString().padLeft(2, '0')}";

  @override
  void dispose() {
    _timer?.cancel();
    SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFF266174),
      body: Stack(
        children: [
          Container(
            margin: const EdgeInsets.only(left: 60, right: 60, bottom: 50),
            decoration: BoxDecoration(
              border: Border.all(color: Colors.white, width: 2.0),
            ),
            child: LayoutBuilder(
              builder: (context, constraints) {
                final innerWidth = constraints.maxWidth;
                final innerHeight = constraints.maxHeight;

                return Stack(
                  children: [
                    Container(
                      decoration: const BoxDecoration(
                        image: DecorationImage(
                          image: AssetImage('assets/campo.png'), 
                          fit: BoxFit.cover, 
                          alignment: Alignment(0.0, 0.2)
                        ),
                      ),
                    ),

                    ..._buildTacticalFormation(innerWidth, innerHeight),

                    Positioned(
                        top: innerHeight * 0.32,
                        left: 0,
                        right: 0,
                        child: Column(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            Row(
                              mainAxisSize: MainAxisSize.min,
                              children: [
                                _dragBtn("F", Colors.orange, "add_foul", icon: Icons.sports),
                                const SizedBox(width: 40),
                                _dragBtn("F", Colors.orange, "sub_foul", icon: Icons.block),
                              ],
                            ),
                            const SizedBox(height: 15),
                            GestureDetector(
                              onTap: _toggleTimer,
                              child: CircleAvatar(
                                radius: 60,
                                backgroundColor: Colors.grey.withOpacity(0.5), 
                                child: Icon(_isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 50),
                              ),
                            ),
                          ],
                        ),
                      ),

                    Positioned(top: 0, left: 0, right: 0, child: Center(child: _buildTopScoreboard())),
                    Positioned(bottom: 10, left: 0, right: 0, child: _buildActionButtonsPanel()),
                  ],
                );
              },
            ),
          ),

          // BOTÕES LATERAIS
          Positioned(
            top: 20, left: 10,
            child: FloatingActionButton(
              heroTag: 'btn_save', backgroundColor: const Color(0xFF16202C), mini: true,
              onPressed: () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Jogo Guardado!'))),
              child: const Icon(Icons.save, color: Colors.white),
            ),
          ),
          Positioned(
            top: 70, left: 10,
            child: FloatingActionButton(
              heroTag: 'btn_exit', backgroundColor: const Color(0xFFD92C2C), mini: true,
              onPressed: () => Navigator.pop(context),
              child: const Icon(Icons.exit_to_app, color: Colors.white),
            ),
          ),
          Positioned(
            bottom: 50, left: 10,
            child: FloatingActionButton(
              heroTag: 'btn_sub_home', backgroundColor: const Color(0xFF1E5BB2), mini: true,
              onPressed: () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Substituição Casa'))),
              child: const Icon(Icons.swap_horiz, color: Colors.white),
            ),
          ),
          Positioned(
            bottom: 50, right: 10,
            child: FloatingActionButton(
              heroTag: 'btn_sub_away', backgroundColor: const Color(0xFFD92C2C), mini: true,
              onPressed: () => ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Substituição Visitante'))),
              child: const Icon(Icons.swap_horiz, color: Colors.white),
            ),
          ),
        ],
      ),
    );
  }

  List<Widget> _buildTacticalFormation(double w, double h) {
    return [
      Positioned(top: h * 0.25, left: w * 0.02, child: _buildPlayerCard("1", "Russell", false)),
      Positioned(top: h * 0.68, left: w * 0.02, child: _buildPlayerCard("15", "Reaves", false)),
      Positioned(top: h * 0.45, left: w * 0.25, child: _buildPlayerCard("3", "Davis", false)),
      Positioned(top: h * 0.15, left: w * 0.20, child: _buildPlayerCard("6", "James", false)),
      Positioned(top: h * 0.80, left: w * 0.20, child: _buildPlayerCard("28", "Hachimura", false)),

      Positioned(top: h * 0.25, right: w * 0.02, child: _buildPlayerCard("7", "Kyle", true)), 
      Positioned(top: h * 0.68, right: w * 0.02, child: _buildPlayerCard("9", "Serge", true)), 
      Positioned(top: h * 0.45, right: w * 0.25, child: _buildPlayerCard("2", "Kawhi", true)), 
      Positioned(top: h * 0.15, right: w * 0.20, child: _buildPlayerCard("14", "Danny", true)), 
      Positioned(top: h * 0.80, right: w * 0.20, child: _buildPlayerCard("23", "Fred", true)), 
    ];
  }

  Widget _buildPlayerCard(String number, String name, bool isOpponent) {
    final teamColor = isOpponent ? const Color(0xFFD92C2C) : const Color(0xFF1E5BB2);
    final stats = _playerStats[name]!;

    return DragTarget<String>(
      onAcceptWithDetails: (details) {
        final action = details.data; 
        setState(() {
          if (action.startsWith("add_pts_")) {
            int pts = int.parse(action.split("_").last);
            if (isOpponent) _opponentScore += pts; else _myScore += pts;
            stats["pts"] = stats["pts"]! + pts;
          } 
          else if (action.startsWith("sub_pts_")) {
            int pts = int.parse(action.split("_").last);
            if (isOpponent) { _opponentScore = (_opponentScore - pts < 0) ? 0 : _opponentScore - pts; } 
            else { _myScore = (_myScore - pts < 0) ? 0 : _myScore - pts; }
            stats["pts"] = (stats["pts"]! - pts < 0) ? 0 : stats["pts"]! - pts;
          } 
          else if (action == "add_rbs") { stats["rbs"] = stats["rbs"]! + 1; }
          else if (action == "add_ast") { stats["ast"] = stats["ast"]! + 1; }
          else if (action == "add_stl") { stats["stl"] = stats["stl"]! + 1; }
          else if (action == "add_tov") { stats["tov"] = stats["tov"]! + 1; }
          else if (action == "add_blk") { stats["blk"] = stats["blk"]! + 1; }
          
          // LÓGICA DE FALTAS COM LIMITE DE 5
          else if (action == "add_foul") { 
            if (isOpponent) {
              if (_opponentFouls < 5) _opponentFouls++;
            } else {
              if (_myFouls < 5) _myFouls++;
            }
          }
          else if (action == "sub_foul") {
            if (isOpponent) {
              if (_opponentFouls > 0) _opponentFouls--;
            } else {
              if (_myFouls > 0) _myFouls--;
            }
          }
        });
      },
      builder: (context, candidateData, rejectedData) {
        return Container(
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8),
          decoration: BoxDecoration(
            color: candidateData.isNotEmpty ? Colors.orange.shade50 : Colors.white,
            borderRadius: BorderRadius.circular(12),
            border: Border.all(color: candidateData.isNotEmpty ? Colors.orange : Colors.transparent, width: 2),
            boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 6, offset: Offset(0, 3))],
          ),
          child: Row(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                width: 40, height: 40,
                decoration: BoxDecoration(color: teamColor, borderRadius: BorderRadius.circular(8)),
                alignment: Alignment.center,
                child: Text(number, style: const TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold)),
              ),
              const SizedBox(width: 12),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text(name, style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold, color: Colors.black87)),
                  const SizedBox(height: 2),
                  Text("${stats["pts"]} Pts | ${stats["rbs"]} Rbs | ${stats["ast"]} Ast", style: const TextStyle(fontSize: 12, color: Colors.grey, fontWeight: FontWeight.w500)),
                ],
              ),
            ],
          ),
        );
      },
    );
  }

  Widget _buildTopScoreboard() {
    return Container(
      padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 30),
      decoration: BoxDecoration(
        color: const Color(0xFF16202C),
        borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(15), bottomRight: Radius.circular(15)), 
        border: Border.all(color: Colors.white, width: 2), 
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min, 
        children: [
          _buildTeamSection(widget.myTeam, _myScore, _myFouls, _myTimeoutsUsed, const Color(0xFF1E5BB2), false),
          const SizedBox(width: 25),
          Column(
            children: [
              _timeDisplay(),
              const SizedBox(height: 5),
              Text("PERÍODO $_currentQuarter", style: const TextStyle(color: Colors.orangeAccent, fontSize: 14, fontWeight: FontWeight.bold)),
            ],
          ),
          const SizedBox(width: 25),
          _buildTeamSection(widget.opponentTeam, _opponentScore, _opponentFouls, _opponentTimeoutsUsed, const Color(0xFFD92C2C), true),
        ],
      ),
    );
  }

  Widget _buildTeamSection(String name, int score, int fouls, int timeouts, Color color, bool isOpp) {
    final timeoutIndicators = Row(
      mainAxisSize: MainAxisSize.min,
      children: List.generate(3, (index) => Container(
        margin: const EdgeInsets.symmetric(horizontal: 3),
        width: 12, height: 12,
        decoration: BoxDecoration(shape: BoxShape.circle, color: index < timeouts ? Colors.yellow : Colors.grey.shade600, border: Border.all(color: Colors.black26)),
      )),
    );
    return Row(
      crossAxisAlignment: CrossAxisAlignment.start, 
      children: isOpp 
        ? [
            Column(children: [_scoreBox(score, color), const SizedBox(height: 4), Text("FALTAS: $fouls", style: TextStyle(color: fouls >= 5 ? Colors.red : Colors.yellowAccent, fontSize: 12, fontWeight: FontWeight.bold)), timeoutIndicators]),
            const SizedBox(width: 15),
            Text(name.toUpperCase(), style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold))
          ] 
        : [
            Text(name.toUpperCase(), style: const TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
            const SizedBox(width: 15),
            Column(children: [_scoreBox(score, color), const SizedBox(height: 4), Text("FALTAS: $fouls", style: TextStyle(color: fouls >= 5 ? Colors.red : Colors.yellowAccent, fontSize: 12, fontWeight: FontWeight.bold)), timeoutIndicators])
          ]
    );
  }

  Widget _timeDisplay() => Container(
    padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 6),
    decoration: BoxDecoration(color: const Color(0xFF2C3E50), borderRadius: BorderRadius.circular(6)),
    child: Text(_formatTime(_duration), style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold, fontFamily: 'monospace')),
  );

  Widget _scoreBox(int score, Color color) => Container(
    width: 50, height: 40,
    alignment: Alignment.center,
    decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(6)),
    child: Text(score.toString(), style: const TextStyle(color: Colors.white, fontSize: 24, fontWeight: FontWeight.bold)),
  );

  Widget _buildActionButtonsPanel() {
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        _columnBtn([
          _actionBtn("T.O", const Color(0xFF1E5BB2), () => _useTimeout(false), labelSize: 20),
          _dragBtn("1", Colors.orange, "add_pts_1"),
          _dragBtn("1", Colors.orange, "sub_pts_1", isX: true),
          _dragBtn("AST", Colors.blueGrey, "add_ast"),
        ]),
        const SizedBox(width: 15),
        _columnBtn([
          _dragBtn("2", Colors.orange, "add_pts_2"),
          _dragBtn("2", Colors.orange, "sub_pts_2", isX: true),
          _dragBtn("STL", Colors.green, "add_stl"),
        ]),
        const SizedBox(width: 15),
        _columnBtn([
          _dragBtn("3", Colors.orange, "add_pts_3"),
          _dragBtn("3", Colors.orange, "sub_pts_3", isX: true),
          _dragBtn("TOV", Colors.redAccent, "add_tov"),
        ]),
        const SizedBox(width: 15),
        _columnBtn([
          _actionBtn("T.O", const Color(0xFFD92C2C), () => _useTimeout(true), labelSize: 20),
          _dragBtn("ORB", const Color(0xFF1E2A38), "add_rbs", icon: Icons.sports_basketball),
          _dragBtn("DRB", const Color(0xFF1E2A38), "add_rbs", icon: Icons.sports_basketball),
          _dragBtn("BLK", Colors.deepPurple, "add_blk"),
        ]),
      ],
    );
  }

  Widget _columnBtn(List<Widget> children) => Column(mainAxisSize: MainAxisSize.min, children: children.map((c) => Padding(padding: const EdgeInsets.only(bottom: 8), child: c)).toList());

  Widget _dragBtn(String label, Color color, String actionData, {IconData? icon, bool isX = false}) {
    return Draggable<String>(
      data: actionData,
      feedback: _circle(label, color, icon, true, isX: isX),
      childWhenDragging: Opacity(opacity: 0.5, child: _circle(label, color, icon, false, isX: isX)),
      child: _circle(label, color, icon, false, isX: isX),
    );
  }

  Widget _actionBtn(String label, Color color, VoidCallback onTap, {IconData? icon, bool isX = false, double labelSize = 24}) {
    return GestureDetector(onTap: onTap, child: _circle(label, color, icon, false, fontSize: labelSize, isX: isX));
  }

  Widget _circle(String label, Color color, IconData? icon, bool isFeed, {double fontSize = 20, bool isX = false}) {
    return Stack(
      alignment: Alignment.bottomRight,
      children: [
        Container(
          width: isFeed ? 70 : 60, height: isFeed ? 70 : 60,
          decoration: BoxDecoration(color: color, shape: BoxShape.circle, boxShadow: const [BoxShadow(color: Colors.black26, blurRadius: 4)]),
          alignment: Alignment.center,
          child: icon != null ? Icon(icon, color: Colors.white, size: 35) : Text(label, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: fontSize, decoration: TextDecoration.none)),
        ),
        if (isX) Icon(Icons.cancel, color: Colors.red, size: isFeed ? 30 : 25),
      ],
    );
  }
}