import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:playmaker/controllers/placar_controller.dart'; import 'package:playmaker/widgets/placar_widgets.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 createState() => _PlacarPageState(); } class _PlacarPageState extends State { 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(); } // Função auxiliar para criar o botão de arrastar faltas que não está no painel inferior 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( 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 const Scaffold( backgroundColor: Color(0xFF266174), body: Center(child: CircularProgressIndicator(color: Colors.white)), ); } 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) _controller.registerShotLocation(details.localPosition); }, 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) --- // Estes são os botões que você pediu, posicionados em relação ao centro 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)), ], ), ), ], ], ), ); } }