import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:tetra_stats/data_objects/tetrio_constants.dart';
import 'package:tetra_stats/gen/strings.g.dart';
import 'package:tetra_stats/main.dart';
import 'package:tetra_stats/views/main_view.dart';
import 'package:tetra_stats/views/rank_averages_view.dart';
import 'package:tetra_stats/views/ranks_averages_view.dart';
import 'package:window_manager/window_manager.dart';
import 'package:tetra_stats/widgets/text_timestamp.dart';

List<DropdownMenuItem> _itemStats = [for (MapEntry e in chartsShortTitles.entries) DropdownMenuItem(value: e.key, child: Text(e.value))];
Stats _sortBy = Stats.tr;
bool reversed = false;
List<DropdownMenuItem> _itemCountries = [for (MapEntry e in t.countries.entries) DropdownMenuItem(value: e.key, child: Text(e.value))];
String _country = "";
late String _oldWindowTitle;
final NumberFormat _f4 = NumberFormat.decimalPatternDigits(locale: LocaleSettings.currentLocale.languageCode, decimalDigits: 4);

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

  @override
  State<StatefulWidget> createState() => TLLeaderboardState();
}

class TLLeaderboardState extends State<TLLeaderboardView> {
  @override
  void initState() {
    if (!kIsWeb && !Platform.isAndroid && !Platform.isIOS) windowManager.getTitle().then((value) => _oldWindowTitle = value);
    super.initState();
  }

  @override
  void dispose() {
    if (!kIsWeb && !Platform.isAndroid && !Platform.isIOS) windowManager.setTitle(_oldWindowTitle);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final t = Translations.of(context);
    final NumberFormat f2 = NumberFormat.decimalPattern(LocaleSettings.currentLocale.languageCode)..maximumFractionDigits = 2;
    return Scaffold(
      appBar: AppBar(
        title: Text(t.tlLeaderboard),
        actions: [
          IconButton(
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => const RankAveragesView(),
                  maintainState: false,
                ),
              );
            },
            icon: const Icon(Icons.compress),
            tooltip: t.rankAveragesViewTitle,
          ),
        ],
      ),
      backgroundColor: Colors.black,
      body: SafeArea(
      child: FutureBuilder(
          future: teto.fetchTLLeaderboard(),
          builder: (context, snapshot) {
            switch (snapshot.connectionState) {
              case ConnectionState.none:
              case ConnectionState.waiting:
              case ConnectionState.active:
              return const Center(child: CircularProgressIndicator());
              case ConnectionState.done:
              if (snapshot.hasData){
                final allPlayers = snapshot.data?.getStatRanking(snapshot.data!.leaderboard, _sortBy, reversed: reversed, country: _country);
                if (!kIsWeb && !Platform.isAndroid && !Platform.isIOS) windowManager.setTitle("Tetra Stats: ${t.tlLeaderboard} - ${t.players(n: allPlayers != null ? allPlayers.length : 0)}");
                bool bigScreen = MediaQuery.of(context).size.width > 768;
                return NestedScrollView(
                  headerSliverBuilder: (context, value) {
                    return [
                      SliverToBoxAdapter(
                          child: Padding(
                        padding: const EdgeInsets.only(left: 16),
                        child: Wrap(
                          direction: Axis.horizontal,
                          alignment: WrapAlignment.spaceBetween,
                          children: [
                          Text(
                          "${t.players(n: allPlayers.length)} • ${t.sprintAndBlitsRelevance(date: timestamp(snapshot.data!.timestamp))}",
                          style: const TextStyle(color: Colors.white, fontSize: 25),
                        ),
                        TextButton(onPressed: (){
                          Navigator.push(
                            context,
                            MaterialPageRoute(
                              builder: (context) => RankView(rank: snapshot.data!.getRankData("")),
                            ),
                          );
                        }, child: Text(t.everyoneAverages,
                          style: const TextStyle(fontSize: 25)))
                        ],) 
                      )),
                      SliverToBoxAdapter(child: Padding(
                        padding: const EdgeInsets.only(left: 16),
                        child: Wrap(
                          direction: Axis.horizontal,
                          alignment: WrapAlignment.start,
                          crossAxisAlignment: WrapCrossAlignment.center,
                          spacing: 16,
                          children: [
                            Row(
                              mainAxisSize: MainAxisSize.min,
                              crossAxisAlignment: CrossAxisAlignment.baseline,
                              textBaseline: TextBaseline.alphabetic,
                              children: [
                                Text("${t.sortBy}: ",
                                style: const TextStyle(color: Colors.white, fontSize: 25)),
                                DropdownButton(items: _itemStats, value: _sortBy, onChanged: ((value) {
                                  _sortBy = value;
                                  setState(() {});
                                }),),
                              ],
                            ),
                            Row(
                              mainAxisSize: MainAxisSize.min,
                              crossAxisAlignment: CrossAxisAlignment.baseline,
                              textBaseline: TextBaseline.alphabetic,
                              children: [
                                Text("${t.reversed}: ",
                                style: const TextStyle(color: Colors.white, fontSize: 25)),
                                Padding(
                                  padding: const EdgeInsets.fromLTRB(0, 5.5, 0, 7.5),
                                  child: Checkbox(value: reversed,
                                  checkColor: Colors.black,
                                  onChanged: ((value) {
                                    reversed = value!;
                                    setState(() {});
                                  }),),
                                ),
                              ],
                            ),
                            Row(
                              mainAxisSize: MainAxisSize.min,
                              crossAxisAlignment: CrossAxisAlignment.baseline,
                              textBaseline: TextBaseline.alphabetic,
                              children: [
                                Text("${t.country}: ",
                                style: const TextStyle(color: Colors.white, fontSize: 25)),
                                DropdownButton(items: _itemCountries, value: _country, onChanged: ((value) {
                                  _country = value;
                                  setState(() {});
                                }),),
                              ],
                            ),
                          ],
                        ),
                      ),),
                      const SliverToBoxAdapter(child: Divider())
                    ];
                  },
                  body: ListView.builder(
                      itemCount: allPlayers!.length,
                      prototypeItem: ListTile(
                        leading: Text("0", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 28 : 24, height: 0.9)),
                        title: Text("ehhh...", style: TextStyle(fontFamily: bigScreen ? "Eurostile Round Extended" : "Eurostile Round", height: 0.9)),
                        trailing: SizedBox(height: bigScreen ? 48 : 36, width: 1,),
                        subtitle: const Text("eh..."),
                      ),
                      itemBuilder: (context, index) {
                        return ListTile(
                          leading: Text(
                            (index+1).toString(),
                            style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 28 : 24, height: 0.9) 
                          ),
                          title: Text(allPlayers[index].username, style: TextStyle(fontFamily: bigScreen ? "Eurostile Round Extended" : "Eurostile Round", height: 0.9)),
                          subtitle: (bigScreen || _sortBy != Stats.tr) ? Text(_sortBy == Stats.tr ? "${f2.format(allPlayers[index].apm)} APM, ${f2.format(allPlayers[index].pps)} PPS, ${f2.format(allPlayers[index].vs)} VS, ${f2.format(allPlayers[index].nerdStats.app)} APP, ${f2.format(allPlayers[index].nerdStats.vsapm)} VS/APM" : "${_f4.format(allPlayers[index].getStatByEnum(_sortBy))} ${chartsShortTitles[_sortBy]}",
                            style: TextStyle(fontFamily: "Eurostile Round Condensed", fontSize: bigScreen ? null : 13, color: _sortBy == Stats.tr ? Colors.grey : null)) : null,
                          trailing: Row(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              Text("${f2.format(allPlayers[index].tr)} TR", style: const TextStyle(fontSize: 28)),
                              Image.asset("res/tetrio_tl_alpha_ranks/${allPlayers[index].rank}.png", height: bigScreen ? 48 : 36),
                            ],
                          ),
                          onTap: () {
                            Navigator.push(
                              context,
                              MaterialPageRoute(
                                builder: (context) => MainView(player: allPlayers[index].userId),
                                maintainState: false,
                              ),
                            );
                          },
                        );
                      }));
              }
              if (snapshot.hasError){
                return Center(child: 
                  Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Text(snapshot.error.toString(), style: const TextStyle(fontFamily: "Eurostile Round", fontSize: 42, fontWeight: FontWeight.bold), textAlign: TextAlign.center),
                      if (snapshot.stackTrace != null) Padding(
                        padding: const EdgeInsets.only(top: 8.0),
                        child: Text(snapshot.stackTrace.toString(), style: const TextStyle(fontFamily: "Eurostile Round", fontSize: 18), textAlign: TextAlign.center),
                      ),
                    ],
                  )
                );
              }
              return const Text("end of FutureBuilder");
            }
          })),
    );
  }
}