import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:playmaker/controllers/placar_controller.dart';
import 'package:playmaker/widgets/placar_widgets.dart';
import 'dart:math' as math;

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> {
  late PlacarController _controller;

  @override
  void initState() {
    super.initState();
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.landscapeRight,
      DeviceOrientation.landscapeLeft,
    ]);
    
    _controller = PlacarController(
      gameId: widget.gameId,
      myTeam: widget.myTeam, 
      opponentTeam: widget.opponentTeam,
      onUpdate: () {
        if (mounted) setState(() {});
      }
    );
    _controller.loadPlayers();
  }

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

  Widget _buildFloatingFoulBtn(String label, Color color, String action, IconData icon, double left, double right, double top, double h) {
    return Positioned(
      top: top,
      left: left > 0 ? left : null,
      right: right > 0 ? right : null,
      child: Draggable<String>(
        data: action,
        feedback: Material(
          color: Colors.transparent,
          child: CircleAvatar(
            radius: 30, 
            backgroundColor: color.withOpacity(0.8), 
            child: Icon(icon, color: Colors.white)
          ),
        ),
        child: Column(
          children: [
            CircleAvatar(
              radius: 25,
              backgroundColor: color,
              child: Icon(icon, color: Colors.white, size: 30),
            ),
            Text(label, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12)),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    if (_controller.isLoading) {
      return Scaffold(
        backgroundColor: const Color(0xFF16202C),
        body: Stack(
          children: [
            Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  const Text(
                    "PREPARANDO O PAVILHÃO", 
                    style: TextStyle(color: Colors.white24, fontSize: 28, fontWeight: FontWeight.bold, letterSpacing: 2)
                  ),
                  const SizedBox(height: 15),
                  StreamBuilder(
                    stream: Stream.periodic(const Duration(seconds: 3)),
                    builder: (context, snapshot) {
                      List<String> frases = [
                        "O Treinador está a desenhar a tática...",
                        "A encher as bolas com ar de campeão...",
                        "O árbitro está a testar o apito...",
                        "A verificar se o cesto está nivelado...",
                        "Os jogadores estão a terminar o aquecimento..."
                      ];
                      String frase = frases[DateTime.now().second % frases.length];
                      return Text(
                        frase, 
                        style: TextStyle(color: Colors.orange.withOpacity(0.7), fontSize: 18, fontStyle: FontStyle.italic)
                      );
                    },
                  ),
                ],
              ),
            ),
            TweenAnimationBuilder<double>(
              tween: Tween(begin: 0.0, end: 1.0),
              duration: const Duration(milliseconds: 1500),
              builder: (context, value, child) {
                double bounce = (math.sin(value * math.pi * 4)).abs(); 
                return AnimatedAlign(
                  duration: const Duration(milliseconds: 1500),
                  alignment: Alignment(value > 0.5 ? 0.9 : -0.9, 0.7 - (bounce * 0.4)),
                  child: const Icon(Icons.sports_basketball, size: 70, color: Colors.orange),
                );
              },
              onEnd: () => setState(() {}),
            ),
          ],
        ),
      );
    }

    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 w = constraints.maxWidth;
                final h = constraints.maxHeight;

                return Stack(
                  children: [
                    // --- MAPA DO CAMPO ---
                    GestureDetector(
                      onTapDown: (details) {
                        if (_controller.isSelectingShotLocation) {
                          // AQUI É QUE A MAGIA ACONTECE! Passamos o tamanho exato do layout
                          _controller.registerShotLocation(
                            context, 
                            details.localPosition, 
                            Size(w, h)
                          );
                        }
                      },
                      child: Container(
                        decoration: const BoxDecoration(
                          image: DecorationImage(image: AssetImage('assets/campo.png'), fit: BoxFit.cover, alignment: Alignment(0.0, 0.2)),
                        ),
                        child: Stack(
                          children: _controller.matchShots.map((shot) => Positioned(
                            left: shot.position.dx - 8, top: shot.position.dy - 8,
                            child: CircleAvatar(radius: 8, backgroundColor: shot.isMake ? Colors.green : Colors.red, child: Icon(shot.isMake ? Icons.check : Icons.close, size: 10, color: Colors.white)),
                          )).toList(),
                        ),
                      ),
                    ),

                    // --- JOGADORES EM CAMPO ---
                    if (!_controller.isSelectingShotLocation) ...[
                      Positioned(top: h * 0.25, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[0], isOpponent: false)),
                      Positioned(top: h * 0.68, left: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[1], isOpponent: false)),
                      Positioned(top: h * 0.45, left: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[2], isOpponent: false)),
                      Positioned(top: h * 0.15, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[3], isOpponent: false)),
                      Positioned(top: h * 0.80, left: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.myCourt[4], isOpponent: false)),
                      
                      Positioned(top: h * 0.25, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[0], isOpponent: true)), 
                      Positioned(top: h * 0.68, right: w * 0.02, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[1], isOpponent: true)), 
                      Positioned(top: h * 0.45, right: w * 0.25, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[2], isOpponent: true)), 
                      Positioned(top: h * 0.15, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[3], isOpponent: true)), 
                      Positioned(top: h * 0.80, right: w * 0.20, child: PlayerCourtCard(controller: _controller, name: _controller.oppCourt[4], isOpponent: true)), 
                    ],

                    // --- BOTÕES DE FALTA (FLUTUANTES) ---
                    if (!_controller.isSelectingShotLocation) ...[
                      _buildFloatingFoulBtn("FALTA +", Colors.orange, "add_foul", Icons.sports, w * 0.38, 0, h * 0.30, h),
                      _buildFloatingFoulBtn("FALTA -", Colors.redAccent, "sub_foul", Icons.block, 0, w * 0.38, h * 0.30, h),
                    ],

                    // --- BOTÃO CENTRAL DO TEMPO ---
                    if (!_controller.isSelectingShotLocation)
                      Positioned(
                        top: (h * 0.30) + 70, left: 0, right: 0,
                        child: Center(
                          child: GestureDetector(
                            onTap: () => _controller.toggleTimer(context),
                            child: CircleAvatar(radius: 60, backgroundColor: Colors.grey.withOpacity(0.5), child: Icon(_controller.isRunning ? Icons.pause : Icons.play_arrow, color: Colors.white, size: 50)),
                          ),
                        ),
                      ),

                    // --- PLACAR E BOTÕES DE AÇÃO ---
                    Positioned(top: 0, left: 0, right: 0, child: Center(child: TopScoreboard(controller: _controller))),
                    if (!_controller.isSelectingShotLocation) Positioned(bottom: 10, left: 0, right: 0, child: ActionButtonsPanel(controller: _controller)),

                    // --- OVERLAY DE MARCAÇÃO DE LANÇAMENTO ---
                    if (_controller.isSelectingShotLocation)
                      Positioned(
                        top: h * 0.4, left: 0, right: 0,
                        child: Center(
                          child: Container(
                            padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
                            decoration: BoxDecoration(color: Colors.black87, borderRadius: BorderRadius.circular(10), border: Border.all(color: Colors.white)),
                            child: const Text("TOQUE NO CAMPO PARA MARCAR O LOCAL DO LANÇAMENTO", style: TextStyle(color: Colors.white, fontSize: 18, fontWeight: FontWeight.bold)),
                          ),
                        ),
                      ),
                  ],
                );
              },
            ),
          ),

          // --- MENUS LATERAIS E BANCOS DE SUPLENTES ---
          if (!_controller.isSelectingShotLocation) ...[
            Positioned(
              top: 20, left: 10, 
              child: FloatingActionButton(
                heroTag: 'btn_save', 
                backgroundColor: const Color(0xFF16202C), 
                mini: true, 
                onPressed: _controller.isSaving ? null : () => _controller.saveGameStats(context), 
                child: _controller.isSaving 
                  ? const SizedBox(width: 15, height: 15, child: CircularProgressIndicator(color: Colors.white, strokeWidth: 2)) 
                  : 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: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  if (_controller.showMyBench) BenchPlayersList(controller: _controller, isOpponent: false),
                  const SizedBox(height: 10),
                  FloatingActionButton(heroTag: 'btn_sub_home', backgroundColor: const Color(0xFF1E5BB2), mini: true, onPressed: () { _controller.showMyBench = !_controller.showMyBench; _controller.onUpdate(); }, child: const Icon(Icons.swap_horiz, color: Colors.white)),
                ],
              ),
            ),

            Positioned(
              bottom: 50, right: 10,
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  if (_controller.showOppBench) BenchPlayersList(controller: _controller, isOpponent: true),
                  const SizedBox(height: 10),
                  FloatingActionButton(heroTag: 'btn_sub_away', backgroundColor: const Color(0xFFD92C2C), mini: true, onPressed: () { _controller.showOppBench = !_controller.showOppBench; _controller.onUpdate(); }, child: const Icon(Icons.swap_horiz, color: Colors.white)),
                ],
              ),
            ),
          ],
        ],
      ),
    );
  }
}