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

// ============================================================================
// 4. PAINEL DE BOTÕES DE ACÇÃO (DRAG & DROP)
// ============================================================================
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 Padding(
      // 👇 AJUSTA ESTE VALOR (ex: 30, 50, 80) PARA SUBIR MAIS OU MENOS
      padding: EdgeInsets.only(bottom: 12 * sf), 
      child: 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),
          _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),
          _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),
          _columnBtn([
            _dragAndTargetBtn("O", AppTheme.actionRebound, "add_orb", baseSize, feedSize, sf),
            _dragAndTargetBtn("D", AppTheme.actionRebound, "add_drb", baseSize, feedSize, sf),
            _dragAndTargetBtn("BLK", AppTheme.actionBlock, "add_blk", baseSize, feedSize, sf),
          ], gap),
        ],
      ),
    );
  }

  // ... (o resto dos teus métodos como _columnBtn, _dragAndTargetBtn, etc., mantêm-se iguais)
  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 _basketball(Color color, double size) {
    return Stack(
      alignment: Alignment.center,
      children: [
        Container(
          width: size * 0.78,
          height: size * 0.78,
          decoration: const BoxDecoration(color: Colors.black, shape: BoxShape.circle),
        ),
        Icon(Icons.sports_basketball, color: color, size: size),
      ],
    );
  }

  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 isRebBtn = label == "O" || label == "D";
    bool isBlkBtn = label == "BLK";
    bool isStlBtn = label == "STL";
    bool isAstBtn = label == "AST";
    bool isTovBtn = label == "TOV";

    if (isPointBtn) {
      content = Stack(
        alignment: Alignment.center,
        children: [
          _basketball(color, 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 (isRebBtn) {
      content = Stack(
        children: [
          Center(
            child: SizedBox(
              width: size * 0.75,
              height: size * 0.75,
              child: CustomPaint(painter: HoopIconPainter()),
            ),
          ),
          Positioned(
            top: size * -0.05,
            right: size * 0.05,
            child: Stack(
              children: [
                Text(label,
                    style: TextStyle(
                        fontSize: size * 0.48,
                        fontWeight: FontWeight.w900,
                        foreground: Paint()
                          ..style = PaintingStyle.stroke
                          ..strokeWidth = size * 0.07
                          ..color = Colors.black,
                        decoration: TextDecoration.none)),
                Text(label,
                    style: TextStyle(
                        fontSize: size * 0.48,
                        fontWeight: FontWeight.w900,
                        color: Colors.white,
                        decoration: TextDecoration.none)),
              ],
            ),
          ),
        ],
      );
    } else if (isBlkBtn) {
      content = Stack(
        alignment: Alignment.center,
        children: [
          Icon(Icons.front_hand, color: color, 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 (isStlBtn) {
      content = Stack(
        alignment: Alignment.center,
        children: [
          Positioned(top: size * 0.05, child: _basketball(color, size * 0.60)),
          Positioned(bottom: size * 0.10, child: Icon(Icons.pan_tool, color: color, size: size * 0.50)),
        ],
      );
    } else if (isAstBtn) {
      content = Stack(
        alignment: Alignment.center,
        children: [
          Positioned(top: size * 0.05, child: _basketball(color, size * 0.60)),
          Positioned(
            bottom: size * 0.08,
            child: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Transform(
                    alignment: Alignment.center,
                    transform: Matrix4.rotationY(3.14159),
                    child: Icon(Icons.back_hand, color: color, size: size * 0.46)),
                SizedBox(width: size * 0.04),
                Icon(Icons.back_hand, color: color, size: size * 0.46),
              ],
            ),
          ),
        ],
      );
    } else if (isTovBtn) {
      content = Stack(
        alignment: Alignment.center,
        children: [
          Positioned(top: size * 0.05, child: _basketball(color, size * 0.60)),
          Positioned(bottom: size * 0.10, child: Icon(Icons.swap_horiz_rounded, color: color, size: size * 0.55)),
        ],
      );
    } 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 || isRebBtn || isStlBtn || isAstBtn || isTovBtn)
              ? 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,
        ),
        Positioned(
          bottom: size * -0.04,
          left: size * -0.04,
          child: Container(
            padding: EdgeInsets.symmetric(horizontal: size * 0.09, vertical: size * 0.02),
            decoration: BoxDecoration(
              color: Colors.grey.shade600,
              borderRadius: BorderRadius.circular(size * 0.07),
              boxShadow: [BoxShadow(color: Colors.black45, blurRadius: 2, offset: const Offset(0, 1))],
            ),
            child: Text(
              _badgeLabel(label),
              style: TextStyle(
                color: Colors.white,
                fontSize: size * 0.16,
                fontWeight: FontWeight.w900,
                decoration: TextDecoration.none,
                letterSpacing: 0.2,
              ),
            ),
          ),
        ),
        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))),
      ],
    );
  }

  String _badgeLabel(String label) {
    switch (label) {
      case "1": return "FTM";
      case "M1": return "FTA";
      case "2": return "2PM";
      case "M2": return "2PA";
      case "3": return "3PM";
      case "M3": return "3PA";
      case "O": return "OREB";
      case "D": return "DREB";
      default: return label;
    }
  }
}

class HoopIconPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final double w = size.width;
    final double h = size.height;

    final Paint paint = Paint()
      ..color = Colors.black
      ..style = PaintingStyle.stroke
      ..strokeWidth = w * 0.08
      ..strokeCap = StrokeCap.round
      ..strokeJoin = StrokeJoin.round;

    canvas.drawRRect(
        RRect.fromRectAndRadius(Rect.fromLTRB(w * 0.02, h * 0.02, w * 0.98, h * 0.70), Radius.circular(w * 0.05)), paint);
    canvas.drawRect(Rect.fromLTRB(w * 0.28, h * 0.30, w * 0.72, h * 0.70), paint);

    final Paint rimPaint = Paint()
      ..color = Colors.orange
      ..style = PaintingStyle.stroke
      ..strokeWidth = w * 0.09
      ..strokeCap = StrokeCap.round;

    canvas.drawLine(Offset(w * 0.20, h * 0.75), Offset(w * 0.80, h * 0.75), rimPaint);

    final Paint netPaint = Paint()
      ..color = Colors.black
      ..style = PaintingStyle.stroke
      ..strokeWidth = w * 0.05;

    canvas.drawLine(Offset(w * 0.25, h * 0.75), Offset(w * 0.40, h * 0.98), netPaint);
    canvas.drawLine(Offset(w * 0.75, h * 0.75), Offset(w * 0.60, h * 0.98), netPaint);
    canvas.drawLine(Offset(w * 0.40, h * 0.75), Offset(w * 0.30, h * 0.98), netPaint);
    canvas.drawLine(Offset(w * 0.55, h * 0.75), Offset(w * 0.65, h * 0.98), netPaint);
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}