import 'package:flutter/material.dart';
import 'package:playmaker/classe/home.config.dart';
import 'package:playmaker/grafico%20de%20pizza/grafico.dart'; 
import 'package:playmaker/pages/gamePage.dart';
import 'package:playmaker/pages/teamPage.dart';
import 'package:playmaker/controllers/team_controller.dart'; 
import 'package:supabase_flutter/supabase_flutter.dart';
import 'package:playmaker/pages/status_page.dart'; 
import '../utils/size_extension.dart'; 
import 'package:playmaker/grafico%20de%20pizza/controllers/contollers_grafico.dart'; 

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  int _selectedIndex = 0;
  final TeamController _teamController = TeamController(); 
  String? _selectedTeamId; 
  String _selectedTeamName = "Selecionar Equipa"; 

  int _teamWins = 0;
  int _teamLosses = 0;
  int _teamDraws = 0;

  final _supabase = Supabase.instance.client;

  @override
  Widget build(BuildContext context) {
    // Já não precisamos calcular o sf aqui!

    final List<Widget> pages = [
      _buildHomeContent(context), // Passamos só o context
      const GamePage(),
      const TeamsPage(),                         
      const StatusPage(),
    ];

    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: Text('PlayMaker', style: TextStyle(fontSize: 20 * context.sf)), 
        backgroundColor: HomeConfig.primaryColor,
        foregroundColor: Colors.white,
        leading: IconButton(
          icon: Icon(Icons.person, size: 24 * context.sf),
          onPressed: () {},
        ),
      ),
      
      body: IndexedStack(
        index: _selectedIndex,
        children: pages,
      ),

      bottomNavigationBar: NavigationBar(
        selectedIndex: _selectedIndex,
        onDestinationSelected: (index) => setState(() => _selectedIndex = index),
        backgroundColor: Theme.of(context).colorScheme.surface,
        surfaceTintColor: Theme.of(context).colorScheme.surfaceTint,
        elevation: 1,
        // O math.min não é necessário se já tens o sf. Mas podes usar context.sf
        height: 70 * (context.sf < 1.2 ? context.sf : 1.2), 
        destinations: const [
          NavigationDestination(icon: Icon(Icons.home_outlined), selectedIcon: Icon(Icons.home_filled), label: 'Home'),
          NavigationDestination(icon: Icon(Icons.sports_soccer_outlined), selectedIcon: Icon(Icons.sports_soccer), label: 'Jogo'),
          NavigationDestination(icon: Icon(Icons.people_outline), selectedIcon: Icon(Icons.people), label: 'Equipas'),
          NavigationDestination(icon: Icon(Icons.insights_outlined), selectedIcon: Icon(Icons.insights), label: 'Status'),
        ],
      ),
    );
  }

  void _showTeamSelector(BuildContext context) {
    showModalBottomSheet(
      context: context,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(20 * context.sf))),
      builder: (context) {
        return StreamBuilder<List<Map<String, dynamic>>>(
          stream: _teamController.teamsStream,
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) return const SizedBox(height: 200, child: Center(child: CircularProgressIndicator()));
            if (!snapshot.hasData || snapshot.data!.isEmpty) return SizedBox(height: 200 * context.sf, child: const Center(child: Text("Nenhuma equipa criada.")));

            final teams = snapshot.data!;
            return ListView.builder(
              shrinkWrap: true,
              itemCount: teams.length,
              itemBuilder: (context, index) {
                final team = teams[index];
                return ListTile(
                  title: Text(team['name']),
                  onTap: () {
                    setState(() {
                      _selectedTeamId = team['id'];
                      _selectedTeamName = team['name'];
                      _teamWins = team['wins'] != null ? int.tryParse(team['wins'].toString()) ?? 0 : 0;
                      _teamLosses = team['losses'] != null ? int.tryParse(team['losses'].toString()) ?? 0 : 0;
                      _teamDraws = team['draws'] != null ? int.tryParse(team['draws'].toString()) ?? 0 : 0;
                    });
                    Navigator.pop(context);
                  },
                );
              },
            );
          },
        );
      },
    );
  }

  Widget _buildHomeContent(BuildContext context) {
    final double wScreen = MediaQuery.of(context).size.width;
    final double cardHeight = wScreen * 0.5; 

    return StreamBuilder<List<Map<String, dynamic>>>(
      stream: _selectedTeamId != null 
          ? _supabase.from('player_stats_with_names').stream(primaryKey: ['id']).eq('team_id', _selectedTeamId!)
          : const Stream.empty(),
      builder: (context, snapshot) {
        Map<String, dynamic> leaders = _calculateLeaders(snapshot.data ?? []);

        return SingleChildScrollView(
          child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 22.0 * context.sf, vertical: 16.0 * context.sf),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                InkWell(
                  onTap: () => _showTeamSelector(context),
                  child: Container(
                    padding: EdgeInsets.all(12 * context.sf),
                    decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(15 * context.sf), border: Border.all(color: Colors.grey.shade300)),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Row(children: [Icon(Icons.shield, color: HomeConfig.primaryColor, size: 24 * context.sf), SizedBox(width: 10 * context.sf), Text(_selectedTeamName, style: TextStyle(fontSize: 16 * context.sf, fontWeight: FontWeight.bold))]),
                        const Icon(Icons.arrow_drop_down),
                      ],
                    ),
                  ),
                ),
                SizedBox(height: 20 * context.sf),

                SizedBox(
                  height: cardHeight,
                  child: Row(
                    children: [
                      Expanded(child: _buildStatCard(context: context, title: 'Mais Pontos', playerName: leaders['pts_name'], statValue: leaders['pts_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF1565C0), isHighlighted: true)),
                      SizedBox(width: 12 * context.sf),
                      Expanded(child: _buildStatCard(context: context, title: 'Assistências', playerName: leaders['ast_name'], statValue: leaders['ast_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF2E7D32))),
                    ],
                  ),
                ),
                SizedBox(height: 12 * context.sf),

                SizedBox(
                  height: cardHeight,
                  child: Row(
                    children: [
                      Expanded(child: _buildStatCard(context: context, title: 'Rebotes', playerName: leaders['rbs_name'], statValue: leaders['rbs_val'].toString(), statLabel: 'TOTAL', color: const Color(0xFF6A1B9A))),
                      SizedBox(width: 12 * context.sf),
                      Expanded(
                        child: PieChartCard(
                          victories: _teamWins, 
                          defeats: _teamLosses, 
                          draws: _teamDraws, 
                          title: 'DESEMPENHO', 
                          subtitle: 'Temporada', 
                          backgroundColor: const Color(0xFFC62828), 
                          sf: context.sf // Aqui o PieChartCard ainda usa sf, então passamos
                        ),
                      ),
                    ],
                  ),
                ),
                SizedBox(height: 40 * context.sf),
                
                Text('Histórico de Jogos', style: TextStyle(fontSize: 20 * context.sf, fontWeight: FontWeight.bold, color: Colors.grey[800])),
                SizedBox(height: 16 * context.sf),
                
                _selectedTeamName == "Selecionar Equipa" 
                  ? Container(
                      padding: EdgeInsets.all(20 * context.sf),
                      alignment: Alignment.center,
                      child: Text("Seleciona uma equipa no topo.", style: TextStyle(color: Colors.grey, fontSize: 14 * context.sf)),
                    )
                  : StreamBuilder<List<Map<String, dynamic>>>(
                      stream: _supabase.from('games').stream(primaryKey: ['id'])
                          .order('game_date', ascending: false),
                      builder: (context, gameSnapshot) {
                        
                        if (gameSnapshot.hasError) return Text("Erro: ${gameSnapshot.error}", style: const TextStyle(color: Colors.red));
                        if (gameSnapshot.connectionState == ConnectionState.waiting) return const Center(child: CircularProgressIndicator());

                        final todosOsJogos = gameSnapshot.data ?? [];
                        final gamesList = todosOsJogos.where((game) {
                          String myT = game['my_team']?.toString() ?? '';
                          String oppT = game['opponent_team']?.toString() ?? '';
                          String status = game['status']?.toString() ?? '';
                          return (myT == _selectedTeamName || oppT == _selectedTeamName) && status == 'Terminado';
                        }).take(3).toList(); 

                        if (gamesList.isEmpty) {
                          return Container(
                            padding: EdgeInsets.all(20 * context.sf),
                            decoration: BoxDecoration(color: Colors.grey.shade50, borderRadius: BorderRadius.circular(14)),
                            alignment: Alignment.center,
                            child: Text("Ainda não há jogos terminados para $_selectedTeamName.", style: TextStyle(color: Colors.grey)),
                          );
                        }

                        return Column(
                          children: gamesList.map((game) {
                            String dbMyTeam = game['my_team']?.toString() ?? '';
                            String dbOppTeam = game['opponent_team']?.toString() ?? '';
                            int dbMyScore = int.tryParse(game['my_score'].toString()) ?? 0;
                            int dbOppScore = int.tryParse(game['opponent_score'].toString()) ?? 0;
                            
                            String opponent; int myScore; int oppScore;

                            if (dbMyTeam == _selectedTeamName) {
                              opponent = dbOppTeam; myScore = dbMyScore; oppScore = dbOppScore;
                            } else {
                              opponent = dbMyTeam; myScore = dbOppScore; oppScore = dbMyScore;
                            }
                            
                            String rawDate = game['game_date']?.toString() ?? '---';
                            String date = rawDate.length >= 10 ? rawDate.substring(0, 10) : rawDate;
                            
                            String result = 'E';
                            if (myScore > oppScore) result = 'V';
                            if (myScore < oppScore) result = 'D';

                            return _buildGameHistoryCard(
                              context: context, // Usamos o context para o sf
                              opponent: opponent, 
                              result: result, 
                              myScore: myScore, 
                              oppScore: oppScore, 
                              date: date, 
                              topPts: game['top_pts_name'] ?? '---', 
                              topAst: game['top_ast_name'] ?? '---',
                              topRbs: game['top_rbs_name'] ?? '---',
                              topDef: game['top_def_name'] ?? '---',
                              mvp: game['mvp_name'] ?? '---',
                            );
                          }).toList(),
                        );
                      },
                    ),
                
                SizedBox(height: 20 * context.sf), 
              ],
            ),
          ),
        );
      },
    );
  }

  Map<String, dynamic> _calculateLeaders(List<Map<String, dynamic>> data) {
    Map<String, int> ptsMap = {}; Map<String, int> astMap = {}; Map<String, int> rbsMap = {}; Map<String, String> namesMap = {}; 
    for (var row in data) {
      String pid = row['member_id'].toString(); 
      namesMap[pid] = row['player_name']?.toString() ?? "Desconhecido";
      ptsMap[pid] = (ptsMap[pid] ?? 0) + (row['pts'] as int? ?? 0);
      astMap[pid] = (astMap[pid] ?? 0) + (row['ast'] as int? ?? 0);
      rbsMap[pid] = (rbsMap[pid] ?? 0) + (row['rbs'] as int? ?? 0);
    }
    if (ptsMap.isEmpty) return {'pts_name': '---', 'pts_val': 0, 'ast_name': '---', 'ast_val': 0, 'rbs_name': '---', 'rbs_val': 0};
    String getBest(Map<String, int> map) { var bestId = map.entries.reduce((a, b) => a.value > b.value ? a : b).key; return namesMap[bestId]!; }
    int getBestVal(Map<String, int> map) => map.values.reduce((a, b) => a > b ? a : b);
    return {'pts_name': getBest(ptsMap), 'pts_val': getBestVal(ptsMap), 'ast_name': getBest(astMap), 'ast_val': getBestVal(astMap), 'rbs_name': getBest(rbsMap), 'rbs_val': getBestVal(rbsMap)};
  }

  Widget _buildStatCard({required BuildContext context, required String title, required String playerName, required String statValue, required String statLabel, required Color color, bool isHighlighted = false}) {
    return Card(
      elevation: 4, margin: EdgeInsets.zero,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14), side: isHighlighted ? const BorderSide(color: Colors.amber, width: 2) : BorderSide.none),
      child: Container(
        decoration: BoxDecoration(borderRadius: BorderRadius.circular(14), gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [color.withOpacity(0.9), color])),
        child: LayoutBuilder(
          builder: (context, constraints) {
            final double ch = constraints.maxHeight; 
            final double cw = constraints.maxWidth;  
            
            return Padding(
              padding: EdgeInsets.all(cw * 0.06), 
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(title.toUpperCase(), style: TextStyle(fontSize: ch * 0.06, fontWeight: FontWeight.bold, color: Colors.white70), maxLines: 1, overflow: TextOverflow.ellipsis),
                  SizedBox(height: ch * 0.011),
                  SizedBox(
                    width: double.infinity,
                    child: FittedBox(
                      fit: BoxFit.scaleDown, alignment: Alignment.centerLeft,
                      child: Text(playerName, style: TextStyle(fontSize: ch * 0.08, fontWeight: FontWeight.bold, color: Colors.white)),
                    ),
                  ),
                  const Spacer(),
                  Center(child: FittedBox(fit: BoxFit.scaleDown, child: Text(statValue, style: TextStyle(fontSize: ch * 0.18, fontWeight: FontWeight.bold, color: Colors.white, height: 1.0)))),
                  SizedBox(height: ch * 0.015),
                  Center(child: Text(statLabel, style: TextStyle(fontSize: ch * 0.05, color: Colors.white70))),
                  const Spacer(),
                  Container(
                    width: double.infinity, padding: EdgeInsets.symmetric(vertical: ch * 0.035), 
                    decoration: BoxDecoration(color: Colors.white24, borderRadius: BorderRadius.circular(ch * 0.03)), 
                    child: Center(child: Text('DETALHES', style: TextStyle(color: Colors.white, fontSize: ch * 0.05, fontWeight: FontWeight.bold)))
                  ),
                ],
              ),
            );
          }
        ),
      ),
    );
  }

  Widget _buildGameHistoryCard({
    required BuildContext context, required String opponent, required String result, required int myScore, required int oppScore, required String date, 
    required String topPts, required String topAst, required String topRbs, required String topDef, required String mvp
  }) {
    bool isWin = result == 'V';
    bool isDraw = result == 'E';
    Color statusColor = isWin ? Colors.green : (isDraw ? Colors.yellow.shade700 : Colors.red);

    return Container(
      margin: EdgeInsets.only(bottom: 14 * context.sf),
      decoration: BoxDecoration(
        color: Colors.white, borderRadius: BorderRadius.circular(16),
        border: Border.all(color: Colors.grey.shade200), boxShadow: [BoxShadow(color: Colors.black.withOpacity(0.04), blurRadius: 8, offset: const Offset(0, 4))],
      ),
      child: Column(
        children: [
          Padding(
            padding: EdgeInsets.all(14 * context.sf),
            child: Row(
              children: [
                Container(
                  width: 36 * context.sf, height: 36 * context.sf,
                  decoration: BoxDecoration(color: statusColor.withOpacity(0.15), shape: BoxShape.circle),
                  child: Center(child: Text(result, style: TextStyle(color: statusColor, fontWeight: FontWeight.bold, fontSize: 16 * context.sf))),
                ),
                SizedBox(width: 14 * context.sf),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(date, style: TextStyle(fontSize: 11 * context.sf, color: Colors.grey, fontWeight: FontWeight.w600)),
                      SizedBox(height: 6 * context.sf),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Expanded(child: Text(_selectedTeamName == "Selecionar Equipa" ? "Minha Equipa" : _selectedTeamName, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold), maxLines: 1, overflow: TextOverflow.ellipsis)),
                          Padding(
                            padding: EdgeInsets.symmetric(horizontal: 8 * context.sf),
                            child: Container(
                              padding: EdgeInsets.symmetric(horizontal: 8 * context.sf, vertical: 4 * context.sf),
                              decoration: BoxDecoration(color: Colors.grey.shade100, borderRadius: BorderRadius.circular(8)),
                              child: Text('$myScore - $oppScore', style: TextStyle(fontSize: 15 * context.sf, fontWeight: FontWeight.w900, letterSpacing: 1.5, color: Colors.black87)),
                            ),
                          ),
                          Expanded(child: Text(opponent, style: TextStyle(fontSize: 14 * context.sf, fontWeight: FontWeight.bold), textAlign: TextAlign.right, maxLines: 1, overflow: TextOverflow.ellipsis)),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
          Divider(height: 1, color: Colors.grey.shade100, thickness: 1.5),
          Container(
            width: double.infinity, padding: EdgeInsets.symmetric(horizontal: 16 * context.sf, vertical: 12 * context.sf),
            decoration: BoxDecoration(color: Colors.grey.shade50, borderRadius: const BorderRadius.only(bottomLeft: Radius.circular(16), bottomRight: Radius.circular(16))),
            child: Column(
              children: [
                Row(
                  children: [
                    Expanded(child: _buildGridStatRow(context, Icons.workspace_premium, Colors.amber.shade700, "MVP", mvp, isMvp: true)),
                    Expanded(child: _buildGridStatRow(context, Icons.shield, Colors.deepOrange.shade700, "Defesa", topDef)),
                  ],
                ),
                SizedBox(height: 8 * context.sf),
                Row(
                  children: [
                    Expanded(child: _buildGridStatRow(context, Icons.bolt, Colors.blue.shade700, "Pontos", topPts)),
                    Expanded(child: _buildGridStatRow(context, Icons.trending_up, Colors.purple.shade700, "Rebotes", topRbs)),
                  ],
                ),
                SizedBox(height: 8 * context.sf),
                Row(
                  children: [
                    Expanded(child: _buildGridStatRow(context, Icons.star, Colors.green.shade700, "Assists", topAst)),
                    const Expanded(child: SizedBox()), 
                  ],
                ),
              ],
            ),
          )
        ],
      ),
    );
  }

  Widget _buildGridStatRow(BuildContext context, IconData icon, Color color, String label, String value, {bool isMvp = false}) {
    return Row(
      children: [
        Icon(icon, size: 14 * context.sf, color: color),
        SizedBox(width: 4 * context.sf),
        Text('$label: ', style: TextStyle(fontSize: 11 * context.sf, color: Colors.grey.shade600, fontWeight: FontWeight.bold)),
        Expanded(
          child: Text(
            value, 
            style: TextStyle(
              fontSize: 11 * context.sf, 
              color: isMvp ? Colors.amber.shade900 : Colors.black87, 
              fontWeight: FontWeight.bold
            ), 
            maxLines: 1, overflow: TextOverflow.ellipsis
          )
        ),
      ],
    );
  }
}