import 'package:flutter/material.dart';
import 'package:playmaker/controllers/placar_controller.dart';

// --- PLACAR SUPERIOR ---
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: 10 * sf, horizontal: 35 * sf),
      decoration: BoxDecoration(
        color: const Color(0xFF16202C), 
        borderRadius: BorderRadius.only(
          bottomLeft: Radius.circular(22 * sf), 
          bottomRight: Radius.circular(22 * sf)
        ), 
        border: Border.all(color: Colors.white, width: 2.5 * sf), 
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min, 
        children: [
          _buildTeamSection(controller.myTeam, controller.myScore, controller.myFouls, controller.myTimeoutsUsed, const Color(0xFF1E5BB2), false, sf),
          SizedBox(width: 30 * sf),
          Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                padding: EdgeInsets.symmetric(horizontal: 18 * sf, vertical: 5 * sf),
                decoration: BoxDecoration(
                  color: const Color(0xFF2C3E50), 
                  borderRadius: BorderRadius.circular(9 * sf)
                ),
                child: Text(
                  controller.formatTime(), 
                  style: TextStyle(color: Colors.white, fontSize: 28 * sf, fontWeight: FontWeight.w900, fontFamily: 'monospace', letterSpacing: 2 * sf)
                ),
              ),
              SizedBox(height: 5 * sf),
              Text(
                "PERÍODO ${controller.currentQuarter}", 
                style: TextStyle(color: Colors.orangeAccent, fontSize: 14 * sf, fontWeight: FontWeight.w900)
              ),
            ],
          ),
          SizedBox(width: 30 * sf),
          _buildTeamSection(controller.opponentTeam, controller.opponentScore, controller.opponentFouls, controller.opponentTimeoutsUsed, const Color(0xFFD92C2C), 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: 3.5 * sf),
        width: 12 * sf, height: 12 * sf,
        decoration: BoxDecoration(
          shape: BoxShape.circle, 
          color: index < timeouts ? Colors.yellow : Colors.grey.shade600, 
          border: Border.all(color: Colors.white54, width: 1.5 * sf)
        ),
      )),
    );
    
    List<Widget> content = [
      Column(
        children: [
          _scoreBox(score, color, sf), 
          SizedBox(height: 7 * sf),
          timeoutIndicators
        ]
      ),
      SizedBox(width: 18 * sf),
      Column(
        crossAxisAlignment: isOpp ? CrossAxisAlignment.start : CrossAxisAlignment.end,
        children: [
          Text(
            name.toUpperCase(), 
            style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.w900, letterSpacing: 1.2 * sf)
          ),
          SizedBox(height: 5 * sf),
          Text(
            "FALTAS: $displayFouls", 
            style: TextStyle(color: displayFouls >= 5 ? Colors.redAccent : Colors.yellowAccent, fontSize: 13 * 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: 58 * sf, height: 45 * sf,
    alignment: Alignment.center,
    decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(7 * sf)),
    child: Text(score.toString(), style: TextStyle(color: Colors.white, fontSize: 26 * sf, fontWeight: FontWeight.w900)),
  );
}

// --- BANCO DE SUPLENTES ---
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 ? const Color(0xFFD92C2C) : const Color(0xFF1E5BB2);
    final prefix = isOpponent ? "bench_opp_" : "bench_my_";

    return Column(
      mainAxisSize: MainAxisSize.min,
      children: bench.map((playerName) {
        final num = controller.playerNumbers[playerName] ?? "0";
        final int fouls = controller.playerStats[playerName]?["fls"] ?? 0;
        final bool isFouledOut = fouls >= 5; 

        Widget avatarUI = Container(
          margin: EdgeInsets.only(bottom: 7 * sf),
          decoration: BoxDecoration(
            shape: BoxShape.circle, 
            border: Border.all(color: Colors.white, width: 1.8 * sf),
            boxShadow: [BoxShadow(color: Colors.black45, blurRadius: 5 * sf, offset: Offset(0, 2.5 * sf))]
          ),
          child: CircleAvatar(
            radius: 22 * 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
              )
            ),
          ),
        );

        if (isFouledOut) {
          return GestureDetector(
            onTap: () => ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('🛑 $playerName não pode voltar (Expulso).'), backgroundColor: Colors.red)), 
            child: avatarUI
          );
        }

        return Draggable<String>(
          data: "$prefix$playerName", 
          feedback: Material(
            color: Colors.transparent, 
            child: CircleAvatar(
              radius: 28 * sf,
              backgroundColor: teamColor, 
              child: Text(num, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 18 * sf))
            )
          ),
          childWhenDragging: Opacity(opacity: 0.5, child: SizedBox(width: 45 * sf, height: 45 * sf)),
          child: avatarUI,
        );
      }).toList(),
    );
  }
}

// --- CARTÃO DO JOGADOR NO CAMPO ---
class PlayerCourtCard extends StatelessWidget {
  final PlacarController controller;
  final String name;
  final bool isOpponent;
  final double sf;
  
  const PlayerCourtCard({super.key, required this.controller, required this.name, required this.isOpponent, required this.sf});

  @override
  Widget build(BuildContext context) {
    final teamColor = isOpponent ? const Color(0xFFD92C2C) : const Color(0xFF1E5BB2);
    final stats = controller.playerStats[name]!;
    final number = controller.playerNumbers[name]!;
    final prefix = isOpponent ? "player_opp_" : "player_my_";

    return Draggable<String>(
      data: "$prefix$name", 
      feedback: Material(
        color: Colors.transparent,
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 18 * sf, vertical: 11 * sf),
          decoration: BoxDecoration(color: teamColor.withOpacity(0.9), borderRadius: BorderRadius.circular(9 * sf)),
          child: Text(name, style: TextStyle(color: Colors.white, fontSize: 20 * sf, fontWeight: FontWeight.bold)),
        ),
      ),
      childWhenDragging: Opacity(opacity: 0.5, child: _playerCardUI(number, name, stats, teamColor, false, false, sf)),
      child: DragTarget<String>(
        onAcceptWithDetails: (details) {
          final action = details.data; 
          if (action.startsWith("add_") || action.startsWith("sub_") || action.startsWith("miss_")) {
             controller.handleActionDrag(context, action, "$prefix$name"); 
          } else if (action.startsWith("bench_")) {
             controller.handleSubbing(context, action, name, isOpponent);
          }
        },
        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, name, stats, teamColor, isSubbing, isActionHover, sf);
        },
      ),
    );
  }

  Widget _playerCardUI(String number, String name, Map<String, int> stats, Color teamColor, bool isSubbing, bool isActionHover, double sf) {
    bool isFouledOut = stats["fls"]! >= 5; 
    Color bgColor = isFouledOut ? Colors.red.shade50 : Colors.white;
    Color borderColor = isFouledOut ? Colors.redAccent : Colors.transparent;
    
    if (isSubbing) { 
      bgColor = Colors.blue.shade50; borderColor = Colors.blue; 
    } else if (isActionHover && !isFouledOut) { 
      bgColor = Colors.orange.shade50; borderColor = Colors.orange; 
    }

    int fgm = stats["fgm"]!;
    int fga = stats["fga"]!;
    String fgPercent = fga > 0 ? ((fgm / fga) * 100).toStringAsFixed(0) : "0";
    String displayName = name.length > 12 ? "${name.substring(0, 10)}..." : name;

    return Container(
      decoration: BoxDecoration(
        color: bgColor, 
        borderRadius: BorderRadius.circular(11 * sf),
        border: Border.all(color: borderColor, width: 1.8 * sf),
        boxShadow: [BoxShadow(color: Colors.black26, blurRadius: 5 * sf, offset: Offset(2 * sf, 3.5 * sf))],
      ),
      child: ClipRRect(
        borderRadius: BorderRadius.circular(9 * sf),
        child: IntrinsicHeight( 
          child: Row(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.stretch, 
            children: [
              Container(
                padding: EdgeInsets.symmetric(horizontal: 16 * sf),
                color: isFouledOut ? Colors.grey[700] : teamColor,
                alignment: Alignment.center,
                child: Text(number, style: TextStyle(color: Colors.white, fontSize: 22 * sf, fontWeight: FontWeight.bold)),
              ),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 12 * sf, vertical: 7 * sf),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start, 
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Text(
                      displayName, 
                      style: TextStyle(fontSize: 16 * sf, fontWeight: FontWeight.bold, color: isFouledOut ? Colors.red : Colors.black87, decoration: isFouledOut ? TextDecoration.lineThrough : TextDecoration.none)
                    ),
                    SizedBox(height: 2.5 * sf),
                    Text(
                      "${stats["pts"]} Pts | FG: $fgm/$fga ($fgPercent%)", 
                      style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[700], fontWeight: FontWeight.w600)
                    ),
                    Text(
                      "${stats["ast"]} Ast | ${stats["orb"]! + stats["drb"]!} Rbs | ${stats["fls"]} Fls", 
                      style: TextStyle(fontSize: 12 * sf, color: isFouledOut ? Colors.red : Colors.grey[500], fontWeight: FontWeight.w600)
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

// --- 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 = 65 * sf; // Reduzido (Antes era 75)
    final double feedSize = 82 * sf; // Reduzido (Antes era 95)
    final double gap = 7 * sf; 

    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        _columnBtn([
          _dragAndTargetBtn("M1", Colors.redAccent, "miss_1", baseSize, feedSize, sf),
          _dragAndTargetBtn("1", Colors.orange, "add_pts_1", baseSize, feedSize, sf),
          _dragAndTargetBtn("1", Colors.orange, "sub_pts_1", baseSize, feedSize, sf, isX: true),
          _dragAndTargetBtn("STL", Colors.green, "add_stl", baseSize, feedSize, sf),
        ], gap),
        SizedBox(width: gap * 1),
        _columnBtn([
          _dragAndTargetBtn("M2", Colors.redAccent, "miss_2", baseSize, feedSize, sf),            
          _dragAndTargetBtn("2", Colors.orange, "add_pts_2", baseSize, feedSize, sf),             
          _dragAndTargetBtn("2", Colors.orange, "sub_pts_2", baseSize, feedSize, sf, isX: true),  
          _dragAndTargetBtn("AST", Colors.blueGrey, "add_ast", baseSize, feedSize, sf),
        ], gap),
        SizedBox(width: gap * 1),
        _columnBtn([
          _dragAndTargetBtn("M3", Colors.redAccent, "miss_3", baseSize, feedSize, sf),            
          _dragAndTargetBtn("3", Colors.orange, "add_pts_3", baseSize, feedSize, sf),             
          _dragAndTargetBtn("3", Colors.orange, "sub_pts_3", baseSize, feedSize, sf, isX: true),  
          _dragAndTargetBtn("TOV", Colors.redAccent, "add_tov", baseSize, feedSize, sf),
        ], gap),
        SizedBox(width: gap * 1),
        _columnBtn([
          _dragAndTargetBtn("ORB", const Color(0xFF1E2A38), "add_orb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
          _dragAndTargetBtn("DRB", const Color(0xFF1E2A38), "add_drb", baseSize, feedSize, sf, icon: Icons.sports_basketball),
          _dragAndTargetBtn("BLK", Colors.deepPurple, "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))),
      ],
    );
  }
}