import 'dart:async';
import 'package:flutter/material.dart';
import '../models/team_model.dart';
import '../models/person_model.dart';
// Se tiveres os widgets noutro ficheiro, importa-os. 
// Caso contrário, podes colar as classes StatsHeader, etc. no fundo deste ficheiro.
import '../widgets/team_widgets.dart'; 
import '../widgets/stats_widgets.dart'; // Assumindo que criaste este ficheiro anteriormente

class TeamStatsPage extends StatefulWidget {
  final Team team;

  const TeamStatsPage({super.key, required this.team});

  @override
  State<TeamStatsPage> createState() => _TeamStatsPageState();
}

class _TeamStatsPageState extends State<TeamStatsPage> {
  // Instancia o controlador local
  final StatsController _controller = StatsController();

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: const Color(0xFFF5F7FA),
      body: Column(
        children: [
          // Header (Widget que criámos antes)
          StatsHeader(team: widget.team),
          
          Expanded(
            child: StreamBuilder<List<Person>>(
              // LÊ DA LISTA LOCAL
              stream: _controller.getMembers(widget.team.id),
              builder: (context, snapshot) {
                if (snapshot.connectionState == ConnectionState.waiting) {
                  return const Center(child: CircularProgressIndicator());
                }

                final members = snapshot.data ?? [];
                final coaches = members.where((m) => m.type == 'Treinador').toList();
                final players = members.where((m) => m.type == 'Jogador').toList();

                return SingleChildScrollView(
                  padding: const EdgeInsets.all(16.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      // Resumo
                      StatsSummaryCard(total: members.length),
                      const SizedBox(height: 30),

                      // Secção Treinadores
                      if (coaches.isNotEmpty) ...[
                        const StatsSectionTitle(title: "Treinadores"),
                        ...coaches.map((c) => PersonCard(
                              person: c,
                              isCoach: true,
                              onEdit: () => _controller.showEditPersonDialog(context, widget.team.id, c),
                              onDelete: () => _confirmDelete(context, c),
                            )),
                        const SizedBox(height: 30),
                      ],

                      // Secção Jogadores
                      const StatsSectionTitle(title: "Jogadores"),
                      if (players.isEmpty)
                        const Padding(
                          padding: EdgeInsets.only(top: 20),
                          child: Text("Nenhum jogador adicionado.", style: TextStyle(color: Colors.grey)),
                        )
                      else
                        ...players.map((p) => PersonCard(
                              person: p,
                              isCoach: false,
                              onEdit: () => _controller.showEditPersonDialog(context, widget.team.id, p),
                              onDelete: () => _confirmDelete(context, p),
                            )),
                      const SizedBox(height: 80),
                    ],
                  ),
                );
              },
            ),
          ),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        heroTag: 'player_fab',
        onPressed: () => _controller.showAddPersonDialog(context, widget.team.id),
        backgroundColor: const Color(0xFF00C853),
        child: const Icon(Icons.add, color: Colors.white),
      ),
    );
  }

  void _confirmDelete(BuildContext context, Person person) {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: const Text("Eliminar?"),
        content: Text("Remover ${person.name}?"),
        actions: [
          TextButton(onPressed: () => Navigator.pop(context), child: const Text("Cancelar")),
          TextButton(
            onPressed: () {
              _controller.deletePerson(widget.team.id, person.id);
              Navigator.pop(context);
            },
            child: const Text("Eliminar", style: TextStyle(color: Colors.red)),
          ),
        ],
      ),
    );
  }
}

// --- CONTROLLER LOCAL (SEM SUPABASE) ---

class StatsController {
  // Base de dados simulada na memória (Estática para não perder dados ao mudar de ecrã)
  static final List<Map<String, dynamic>> _mockMembers = [
    // Podes deixar vazio ou meter dados de teste
    // {'id': '1', 'team_id': 'exemplo', 'name': 'Mourinho', 'type': 'Treinador', 'number': null},
  ];

  // Stream para atualizar a UI automaticamente
  final StreamController<List<Person>> _streamController = StreamController<List<Person>>.broadcast();

  // 1. LER (Filtra a lista local)
  Stream<List<Person>> getMembers(String teamId) {
    // Pequeno delay para garantir que o Stream ouve a primeira emissão
    Future.delayed(Duration.zero, () => _emitMembers(teamId));
    return _streamController.stream;
  }

  // Função auxiliar para atualizar quem está a ouvir
  void _emitMembers(String teamId) {
    final filtered = _mockMembers
        .where((m) => m['team_id'] == teamId)
        .map((m) => Person.fromMap(m))
        .toList();
    
    // Ordenar por nome
    filtered.sort((a, b) => a.name.compareTo(b.name));
    
    _streamController.add(filtered);
  }

  // 2. APAGAR LOCALMENTE
  void deletePerson(String teamId, String personId) {
    _mockMembers.removeWhere((m) => m['id'] == personId);
    _emitMembers(teamId); // Atualiza o ecrã
  }

  // 3. DIÁLOGOS
  void showAddPersonDialog(BuildContext context, String teamId) {
    _showForm(context, teamId: teamId);
  }

  void showEditPersonDialog(BuildContext context, String teamId, Person person) {
    _showForm(context, teamId: teamId, person: person);
  }

  void _showForm(BuildContext context, {required String teamId, Person? person}) {
    final isEdit = person != null;
    final nameCtrl = TextEditingController(text: person?.name ?? '');
    final numCtrl = TextEditingController(text: person?.number ?? '');
    String selectedType = person?.type ?? 'Jogador';

    showDialog(
      context: context,
      builder: (ctx) => StatefulBuilder(
        builder: (ctx, setState) => AlertDialog(
          title: Text(isEdit ? "Editar" : "Adicionar"),
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              TextField(
                controller: nameCtrl,
                decoration: const InputDecoration(labelText: "Nome"),
                textCapitalization: TextCapitalization.sentences,
              ),
              const SizedBox(height: 10),
              DropdownButtonFormField<String>(
                value: selectedType,
                decoration: const InputDecoration(labelText: "Função"),
                items: ["Jogador", "Treinador"].map((e) => DropdownMenuItem(value: e, child: Text(e))).toList(),
                onChanged: (v) {
                  if (v != null) setState(() => selectedType = v);
                },  
              ),
              if (selectedType == "Jogador") ...[
                const SizedBox(height: 10),
                TextField(
                  controller: numCtrl,
                  decoration: const InputDecoration(labelText: "Número da Camisola"),
                  keyboardType: TextInputType.text,
                ),
              ]
            ],
          ),
          actions: [
            TextButton(
              onPressed: () => Navigator.pop(ctx), 
              child: const Text("Cancelar")
            ),
            ElevatedButton(
              style: ElevatedButton.styleFrom(backgroundColor: const Color(0xFF00C853)),
              onPressed: () {
                if (nameCtrl.text.trim().isEmpty) return;

                String? numeroFinal = (selectedType == "Treinador") 
                    ? null 
                    : (numCtrl.text.trim().isEmpty ? null : numCtrl.text.trim());

                if (isEdit) {
                  // ATUALIZAR NA LISTA LOCAL
                  final index = _mockMembers.indexWhere((m) => m['id'] == person!.id);
                  if (index != -1) {
                    _mockMembers[index] = {
                      'id': person!.id,
                      'team_id': teamId,
                      'name': nameCtrl.text.trim(),
                      'type': selectedType,
                      'number': numeroFinal,
                    };
                  }
                } else {
                  // CRIAR NA LISTA LOCAL (Gera ID com a data atual)
                  _mockMembers.add({
                    'id': DateTime.now().millisecondsSinceEpoch.toString(),
                    'team_id': teamId,
                    'name': nameCtrl.text.trim(),
                    'type': selectedType,
                    'number': numeroFinal,
                  });
                }

                // Atualiza a UI
                _emitMembers(teamId);
                Navigator.pop(ctx);
              },
              child: const Text("Guardar", style: TextStyle(color: Colors.white)),
            )
          ],
        ),
      ),
    );
  }

  void dispose() {
    _streamController.close();
  }
}