import 'dart:math';
import 'package:fl_chart/fl_chart.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:tetra_stats/data_objects/tetrio.dart';
import 'package:tetra_stats/services/tetrio_crud.dart';

TetrioPlayer? theGreenSide;
TetrioPlayer? theRedSide;
final TetrioService teto = TetrioService();

FocusNode greenFocusNode = FocusNode();
FocusNode redFocusNode = FocusNode();

class CompareView extends StatefulWidget {
  final TetrioPlayer greenSide;
  final TetrioPlayer? redSide;
  const CompareView({Key? key, required this.greenSide, required this.redSide}) : super(key: key);

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

class CompareState extends State<CompareView> {
  late ScrollController _scrollController;

  @override
  void initState() {
    theGreenSide = widget.greenSide;
    theRedSide = widget.redSide;
    _scrollController = ScrollController();
    super.initState();
  }

  void fetchRedSide(String user) async {
    try {
      theRedSide = await teto.fetchPlayer(user, false);
    } on Exception {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Falied to assign $user")));
    }
    setState(() {});
  }

  void fetchGreenSide(String user) async {
    try {
      theGreenSide = await teto.fetchPlayer(user, false);
    } on Exception {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text("Falied to assign $user")));
    }
    setState(() {});
  }

  double getWinrateByTR(double yourGlicko, double yourRD, double notyourGlicko, double notyourRD) {
    return ((1 /
        (1 + pow(10, (notyourGlicko - yourGlicko) / (400 * sqrt(1 + (3 * pow(0.0057564273, 2) * (pow(yourRD, 2) + pow(notyourRD, 2)) / pow(pi, 2))))))));
  }

  void _justUpdate() {
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    bool bigScreen = MediaQuery.of(context).size.width > 768;
    return Scaffold(
      appBar: AppBar(
        title: Text(
            "${theGreenSide != null ? theGreenSide!.username.toUpperCase() : "???"} vs ${theRedSide != null ? theRedSide!.username.toUpperCase() : "???"}"),
      ),
      backgroundColor: Colors.black,
      body: SafeArea(
        child: NestedScrollView(
          controller: _scrollController,
          headerSliverBuilder: (context, value) {
            return [
              SliverToBoxAdapter(
                child: Padding(
                  padding: const EdgeInsets.fromLTRB(16, 16, 16, 32),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Expanded(
                        child: Container(
                          decoration: const BoxDecoration(
                              gradient: LinearGradient(
                            colors: [Colors.green, Colors.transparent],
                            begin: Alignment.bottomCenter,
                            end: Alignment.topCenter,
                            stops: [0.0, 0.4],
                          )),
                          child: Padding(
                            padding: const EdgeInsets.fromLTRB(8, 0, 8, 0),
                            child: PlayerSelector(
                              player: theGreenSide,
                              change: fetchGreenSide,
                              updateState: _justUpdate,
                            ),
                          ),
                        ),
                      ),
                      const Padding(
                        padding: EdgeInsets.only(top: 16),
                        child: Text("VS"),
                      ),
                      Expanded(
                        child: Container(
                          decoration: const BoxDecoration(
                              gradient: LinearGradient(
                            colors: [Colors.red, Colors.transparent],
                            begin: Alignment.bottomCenter,
                            end: Alignment.topCenter,
                            stops: [0.0, 0.4],
                          )),
                          child: Padding(
                            padding: const EdgeInsets.fromLTRB(8, 0, 8, 0),
                            child: PlayerSelector(
                              player: theRedSide,
                              change: fetchRedSide,
                              updateState: _justUpdate,
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
              const SliverToBoxAdapter(
                child: Divider(),
              )
            ];
          },
          body: theGreenSide != null && theRedSide != null
              ? ListView(
                  children: [
                    if (theGreenSide!.role != "banned" && theRedSide!.role != "banned")
                      Column(
                        children: [
                          CompareRegTimeThingy(greenSide: theGreenSide!.registrationTime, redSide: theRedSide!.registrationTime, label: "Registred"),
                          CompareThingy(
                            label: "Level",
                            greenSide: theGreenSide!.level,
                            redSide: theRedSide!.level,
                            higherIsBetter: true,
                            fractionDigits: 2,
                          ),
                          if (!theGreenSide!.gameTime.isNegative && !theRedSide!.gameTime.isNegative)
                            CompareThingy(
                              greenSide: theGreenSide!.gameTime.inMicroseconds / 1000000 / 60 / 60,
                              redSide: theRedSide!.gameTime.inMicroseconds / 1000000 / 60 / 60,
                              label: "Hours Played",
                              higherIsBetter: true,
                              fractionDigits: 2,
                            ),
                          if (theGreenSide!.gamesPlayed >= 0 && theRedSide!.gamesPlayed >= 0)
                            CompareThingy(
                              label: "Online Games",
                              greenSide: theGreenSide!.gamesPlayed,
                              redSide: theRedSide!.gamesPlayed,
                              higherIsBetter: true,
                            ),
                          if (theGreenSide!.gamesWon >= 0 && theRedSide!.gamesWon >= 0)
                            CompareThingy(
                              label: "Games Won",
                              greenSide: theGreenSide!.gamesWon,
                              redSide: theRedSide!.gamesWon,
                              higherIsBetter: true,
                            ),
                          CompareThingy(
                            label: "Friends",
                            greenSide: theGreenSide!.friendCount,
                            redSide: theRedSide!.friendCount,
                            higherIsBetter: true,
                          ),
                        ],
                      )
                    else
                      CompareBoolThingy(greenSide: theGreenSide!.role == "banned", redSide: theRedSide!.role == "banned", label: "Banned", trueIsBetter: false),
                    const Divider(),
                    theGreenSide!.tlSeason1.gamesPlayed > 0 && theRedSide!.tlSeason1.gamesPlayed > 0
                        ? Column(
                            children: [
                              Padding(
                                padding: const EdgeInsets.only(bottom: 16),
                                child: Text("Tetra League", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 42 : 28)),
                              ),
                              if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theRedSide!.tlSeason1.gamesPlayed > 9)
                                CompareThingy(
                                  label: "TR",
                                  greenSide: theGreenSide!.tlSeason1.rating,
                                  redSide: theRedSide!.tlSeason1.rating,
                                  fractionDigits: 2,
                                  higherIsBetter: true,
                                ),
                              CompareThingy(
                                label: "Games Played",
                                greenSide: theGreenSide!.tlSeason1.gamesPlayed,
                                redSide: theRedSide!.tlSeason1.gamesPlayed,
                                higherIsBetter: true,
                              ),
                              CompareThingy(
                                label: "Games Won",
                                greenSide: theGreenSide!.tlSeason1.gamesWon,
                                redSide: theRedSide!.tlSeason1.gamesWon,
                                higherIsBetter: true,
                              ),
                              CompareThingy(
                                label: "WR %",
                                greenSide: theGreenSide!.tlSeason1.winrate * 100,
                                redSide: theRedSide!.tlSeason1.winrate * 100,
                                fractionDigits: 2,
                                higherIsBetter: true,
                              ),
                              if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theRedSide!.tlSeason1.gamesPlayed > 9)
                                CompareThingy(
                                  label: "Glicko",
                                  greenSide: theGreenSide!.tlSeason1.glicko!,
                                  redSide: theRedSide!.tlSeason1.glicko!,
                                  fractionDigits: 2,
                                  higherIsBetter: true,
                                ),
                              if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theRedSide!.tlSeason1.gamesPlayed > 9)
                                CompareThingy(
                                  label: "RD",
                                  greenSide: theGreenSide!.tlSeason1.rd!,
                                  redSide: theRedSide!.tlSeason1.rd!,
                                  fractionDigits: 3,
                                  higherIsBetter: false,
                                ),
                              if (theGreenSide!.tlSeason1.standing > 0 && theRedSide!.tlSeason1.standing > 0)
                                CompareThingy(
                                  label: "№ in LB",
                                  greenSide: theGreenSide!.tlSeason1.standing,
                                  redSide: theRedSide!.tlSeason1.standing,
                                  higherIsBetter: false,
                                ),
                              if (theGreenSide!.tlSeason1.standingLocal > 0 && theRedSide!.tlSeason1.standingLocal > 0)
                                CompareThingy(
                                  label: "№ in local LB",
                                  greenSide: theGreenSide!.tlSeason1.standingLocal,
                                  redSide: theRedSide!.tlSeason1.standingLocal,
                                  higherIsBetter: false,
                                ),
                              if (theGreenSide!.tlSeason1.apm != null && theRedSide!.tlSeason1.apm != null)
                                CompareThingy(
                                  label: "APM",
                                  greenSide: theGreenSide!.tlSeason1.apm!,
                                  redSide: theRedSide!.tlSeason1.apm!,
                                  fractionDigits: 2,
                                  higherIsBetter: true,
                                ),
                              if (theGreenSide!.tlSeason1.pps != null && theRedSide!.tlSeason1.pps != null)
                                CompareThingy(
                                  label: "PPS",
                                  greenSide: theGreenSide!.tlSeason1.pps!,
                                  redSide: theRedSide!.tlSeason1.pps!,
                                  fractionDigits: 2,
                                  higherIsBetter: true,
                                ),
                              if (theGreenSide!.tlSeason1.vs != null && theRedSide!.tlSeason1.vs != null)
                                CompareThingy(
                                  label: "VS",
                                  greenSide: theGreenSide!.tlSeason1.vs!,
                                  redSide: theRedSide!.tlSeason1.vs!,
                                  fractionDigits: 2,
                                  higherIsBetter: true,
                                ),
                            ],
                          )
                        : CompareBoolThingy(
                            greenSide: theGreenSide!.tlSeason1.gamesPlayed > 0,
                            redSide: theRedSide!.tlSeason1.gamesPlayed > 0,
                            label: "Played Tetra League",
                            trueIsBetter: false),
                    const Divider(),
                    if (theGreenSide!.tlSeason1.apm != null &&
                        theRedSide!.tlSeason1.apm != null &&
                        theGreenSide!.tlSeason1.pps != null &&
                        theRedSide!.tlSeason1.pps != null &&
                        theGreenSide!.tlSeason1.vs != null &&
                        theRedSide!.tlSeason1.vs != null)
                      Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.only(bottom: 16),
                            child: Text("Nerd Stats", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 42 : 28)),
                          ),
                          CompareThingy(
                            label: "APP",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.app,
                            redSide: theRedSide!.tlSeason1.nerdStats!.app,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "VS/APM",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.vsapm,
                            redSide: theRedSide!.tlSeason1.nerdStats!.vsapm,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "DS/S",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.dss,
                            redSide: theRedSide!.tlSeason1.nerdStats!.dss,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "DS/P",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.dsp,
                            redSide: theRedSide!.tlSeason1.nerdStats!.dsp,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "APP + DS/P",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.appdsp,
                            redSide: theRedSide!.tlSeason1.nerdStats!.appdsp,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "Cheese",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.cheese,
                            redSide: theRedSide!.tlSeason1.nerdStats!.cheese,
                            fractionDigits: 2,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "Garbage Eff.",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.gbe,
                            redSide: theRedSide!.tlSeason1.nerdStats!.gbe,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "Weighted APP",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.nyaapp,
                            redSide: theRedSide!.tlSeason1.nerdStats!.nyaapp,
                            fractionDigits: 3,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "Area",
                            greenSide: theGreenSide!.tlSeason1.nerdStats!.area,
                            redSide: theRedSide!.tlSeason1.nerdStats!.area,
                            fractionDigits: 2,
                            higherIsBetter: true,
                          ),
                          CompareThingy(
                            label: "Est. of TR",
                            greenSide: theGreenSide!.tlSeason1.estTr!.esttr,
                            redSide: theRedSide!.tlSeason1.estTr!.esttr,
                            fractionDigits: 2,
                            higherIsBetter: true,
                          ),
                          if (theGreenSide!.tlSeason1.gamesPlayed > 9 && theGreenSide!.tlSeason1.gamesPlayed > 9)
                            CompareThingy(
                              label: "Acc. of Est.",
                              greenSide: theGreenSide!.tlSeason1.esttracc!,
                              redSide: theRedSide!.tlSeason1.esttracc!,
                              fractionDigits: 2,
                              higherIsBetter: true,
                            ),
                          Wrap(
                            direction: Axis.horizontal,
                            alignment: WrapAlignment.spaceAround,
                            spacing: 25,
                            crossAxisAlignment: WrapCrossAlignment.start,
                            clipBehavior: Clip.hardEdge,
                            children: [
                              Padding(
                                padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
                                child: SizedBox(
                                  height: 300,
                                  width: 300,
                                  child: RadarChart(
                                    RadarChartData(
                                      radarShape: RadarShape.polygon,
                                      tickCount: 4,
                                      ticksTextStyle: const TextStyle(color: Colors.transparent, fontSize: 10),
                                      radarBorderData: const BorderSide(color: Colors.transparent, width: 1),
                                      gridBorderData: const BorderSide(color: Colors.white24, width: 1),
                                      tickBorderData: const BorderSide(color: Colors.transparent, width: 1),
                                      getTitle: (index, angle) {
                                        switch (index) {
                                          case 0:
                                            return RadarChartTitle(
                                              text: 'APM',
                                              angle: angle,
                                            );
                                          case 1:
                                            return RadarChartTitle(
                                              text: 'PPS',
                                              angle: angle,
                                            );
                                          case 2:
                                            return RadarChartTitle(text: 'VS', angle: angle);
                                          case 3:
                                            return RadarChartTitle(text: 'APP', angle: angle + 180);
                                          case 4:
                                            return RadarChartTitle(text: 'DS/S', angle: angle + 180);
                                          case 5:
                                            return RadarChartTitle(text: 'DS/P', angle: angle + 180);
                                          case 6:
                                            return RadarChartTitle(text: 'APP+DS/P', angle: angle + 180);
                                          case 7:
                                            return RadarChartTitle(text: 'VS/APM', angle: angle + 180);
                                          case 8:
                                            return RadarChartTitle(text: 'Cheese', angle: angle);
                                          case 9:
                                            return RadarChartTitle(text: 'Gb Eff.', angle: angle);
                                          default:
                                            return const RadarChartTitle(text: '');
                                        }
                                      },
                                      dataSets: [
                                        RadarDataSet(
                                          fillColor: const Color.fromARGB(115, 76, 175, 79),
                                          borderColor: Colors.green,
                                          dataEntries: [
                                            RadarEntry(value: theGreenSide!.tlSeason1.apm! * 1),
                                            RadarEntry(value: theGreenSide!.tlSeason1.pps! * 45),
                                            RadarEntry(value: theGreenSide!.tlSeason1.vs! * 0.444),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.app * 185),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.dss * 175),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.dsp * 450),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.appdsp * 140),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.vsapm * 60),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.cheese * 1.25),
                                            RadarEntry(value: theGreenSide!.tlSeason1.nerdStats!.gbe * 315),
                                          ],
                                        ),
                                        RadarDataSet(
                                          fillColor: const Color.fromARGB(115, 244, 67, 54),
                                          borderColor: Colors.red,
                                          dataEntries: [
                                            RadarEntry(value: theRedSide!.tlSeason1.apm! * 1),
                                            RadarEntry(value: theRedSide!.tlSeason1.pps! * 45),
                                            RadarEntry(value: theRedSide!.tlSeason1.vs! * 0.444),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.app * 185),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.dss * 175),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.dsp * 450),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.appdsp * 140),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.vsapm * 60),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.cheese * 1.25),
                                            RadarEntry(value: theRedSide!.tlSeason1.nerdStats!.gbe * 315),
                                          ],
                                        ),
                                        RadarDataSet(
                                          fillColor: Colors.transparent,
                                          borderColor: Colors.transparent,
                                          dataEntries: [
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                          ],
                                        )
                                      ],
                                    ),
                                    swapAnimationDuration: const Duration(milliseconds: 150), // Optional
                                    swapAnimationCurve: Curves.linear, // Optional
                                  ),
                                ),
                              ),
                              Padding(
                                padding: const EdgeInsets.fromLTRB(20, 20, 20, 20),
                                child: SizedBox(
                                  height: 300,
                                  width: 300,
                                  child: RadarChart(
                                    RadarChartData(
                                      radarShape: RadarShape.polygon,
                                      tickCount: 4,
                                      ticksTextStyle: const TextStyle(color: Colors.transparent, fontSize: 10),
                                      radarBorderData: const BorderSide(color: Colors.transparent, width: 1),
                                      gridBorderData: const BorderSide(color: Colors.white24, width: 1),
                                      tickBorderData: const BorderSide(color: Colors.transparent, width: 1),
                                      getTitle: (index, angle) {
                                        switch (index) {
                                          case 0:
                                            return RadarChartTitle(
                                              text: 'Opener',
                                              angle: angle,
                                            );
                                          case 1:
                                            return RadarChartTitle(
                                              text: 'Stride',
                                              angle: angle,
                                            );
                                          case 2:
                                            return RadarChartTitle(text: 'Inf Ds', angle: angle + 180);
                                          case 3:
                                            return RadarChartTitle(text: 'Plonk', angle: angle);
                                          default:
                                            return const RadarChartTitle(text: '');
                                        }
                                      },
                                      dataSets: [
                                        RadarDataSet(
                                          fillColor: const Color.fromARGB(115, 76, 175, 79),
                                          borderColor: Colors.green,
                                          dataEntries: [
                                            RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.opener),
                                            RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.stride),
                                            RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.infds),
                                            RadarEntry(value: theGreenSide!.tlSeason1.playstyle!.plonk),
                                          ],
                                        ),
                                        RadarDataSet(
                                          fillColor: const Color.fromARGB(115, 244, 67, 54),
                                          borderColor: Colors.red,
                                          dataEntries: [
                                            RadarEntry(value: theRedSide!.tlSeason1.playstyle!.opener),
                                            RadarEntry(value: theRedSide!.tlSeason1.playstyle!.stride),
                                            RadarEntry(value: theRedSide!.tlSeason1.playstyle!.infds),
                                            RadarEntry(value: theRedSide!.tlSeason1.playstyle!.plonk),
                                          ],
                                        ),
                                        RadarDataSet(
                                          fillColor: Colors.transparent,
                                          borderColor: Colors.transparent,
                                          dataEntries: [
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                            const RadarEntry(value: 0),
                                          ],
                                        ),
                                        RadarDataSet(
                                          fillColor: Colors.transparent,
                                          borderColor: Colors.transparent,
                                          dataEntries: [
                                            const RadarEntry(value: 1),
                                            const RadarEntry(value: 1),
                                            const RadarEntry(value: 1),
                                            const RadarEntry(value: 1),
                                          ],
                                        )
                                      ],
                                    ),
                                    swapAnimationDuration: const Duration(milliseconds: 150), // Optional
                                    swapAnimationCurve: Curves.linear, // Optional
                                  ),
                                ),
                              ),
                              const Divider(),
                              Padding(
                                padding: const EdgeInsets.only(bottom: 16),
                                child: Text("Win Chance", style: TextStyle(fontFamily: "Eurostile Round Extended", fontSize: bigScreen ? 42 : 28)),
                              ),
                              CompareThingy(
                                label: "By Glicko",
                                greenSide: getWinrateByTR(theGreenSide!.tlSeason1.glicko!, theGreenSide!.tlSeason1.rd!, theRedSide!.tlSeason1.glicko!,
                                        theRedSide!.tlSeason1.rd!) *
                                    100,
                                redSide: getWinrateByTR(theRedSide!.tlSeason1.glicko!, theRedSide!.tlSeason1.rd!, theGreenSide!.tlSeason1.glicko!,
                                        theGreenSide!.tlSeason1.rd!) *
                                    100,
                                fractionDigits: 2,
                                higherIsBetter: true,
                              ),
                            ],
                          )
                        ],
                      )
                  ],
                )
              : const Text("Please enter valid nicknames"),
        ),
      ),
    );
  }
}

class PlayerSelector extends StatelessWidget {
  final TetrioPlayer? player;
  final Function change;
  final Function updateState;
  const PlayerSelector({super.key, required this.player, required this.change, required this.updateState});

  @override
  Widget build(BuildContext context) {
    final TextEditingController playerController = TextEditingController();
    if (player != null) playerController.text = player!.username;
    return Column(
      children: [
        TextField(
            autocorrect: false,
            enableSuggestions: false,
            maxLength: 25,
            controller: playerController,
            decoration: const InputDecoration(counter: Offstage()),
            onSubmitted: (String value) {
              change(value);
            }),
        if (player != null)
          Text(
            player!.toString(),
            style: const TextStyle(
              shadows: <Shadow>[
                Shadow(
                  offset: Offset(0.0, 0.0),
                  blurRadius: 3.0,
                  color: Colors.black,
                ),
                Shadow(
                  offset: Offset(0.0, 0.0),
                  blurRadius: 8.0,
                  color: Colors.black,
                ),
              ],
            ),
          )
      ],
    );
  }
}

class CompareThingy extends StatelessWidget {
  final num greenSide;
  final num redSide;
  final String label;
  final bool higherIsBetter;
  final int? fractionDigits;
  const CompareThingy({super.key, required this.greenSide, required this.redSide, required this.label, required this.higherIsBetter, this.fractionDigits});

  String verdict(num greenSide, num redSide, int fraction) {
    var f = NumberFormat("+#,###.##;-#,###.##");
    f.maximumFractionDigits = fraction;
    return f.format((greenSide - redSide));
  }

  @override
  Widget build(BuildContext context) {
    var f = NumberFormat("#,###.##");
    f.maximumFractionDigits = fractionDigits ?? 0;
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Expanded(
              child: Container(
            padding: const EdgeInsets.all(4),
            decoration: BoxDecoration(
                gradient: LinearGradient(
              colors: const [Colors.green, Colors.transparent],
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
              stops: [
                0.0,
                higherIsBetter
                    ? greenSide > redSide
                        ? 0.6
                        : 0
                    : greenSide < redSide
                        ? 0.6
                        : 0
              ],
            )),
            child: Text(
              f.format(greenSide),
              style: const TextStyle(
                fontSize: 22,
                shadows: <Shadow>[
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 3.0,
                    color: Colors.black,
                  ),
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 8.0,
                    color: Colors.black,
                  ),
                ],
              ),
              textAlign: TextAlign.start,
            ),
          )),
          Column(
            children: [
              Text(
                label,
                style: const TextStyle(fontSize: 22),
                textAlign: TextAlign.center,
              ),
              Text(
                verdict(greenSide, redSide, fractionDigits != null ? fractionDigits! + 2 : 0),
                style: const TextStyle(fontSize: 16),
                textAlign: TextAlign.center,
              )
            ],
          ),
          Expanded(
              child: Container(
            padding: const EdgeInsets.all(4),
            decoration: BoxDecoration(
                gradient: LinearGradient(
              colors: const [Colors.red, Colors.transparent],
              begin: Alignment.centerRight,
              end: Alignment.centerLeft,
              stops: [
                0.0,
                higherIsBetter
                    ? redSide > greenSide
                        ? 0.6
                        : 0
                    : redSide < greenSide
                        ? 0.6
                        : 0
              ],
            )),
            child: Text(
              f.format(redSide),
              style: const TextStyle(
                fontSize: 22,
                shadows: <Shadow>[
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 3.0,
                    color: Colors.black,
                  ),
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 8.0,
                    color: Colors.black,
                  ),
                ],
              ),
              textAlign: TextAlign.end,
            ),
          )),
        ],
      ),
    );
  }
}

class CompareBoolThingy extends StatelessWidget {
  final bool greenSide;
  final bool redSide;
  final String label;
  final bool trueIsBetter;
  const CompareBoolThingy({super.key, required this.greenSide, required this.redSide, required this.label, required this.trueIsBetter});

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
      child: Row(children: [
        Expanded(
            child: Container(
          padding: const EdgeInsets.all(4),
          decoration: BoxDecoration(
              gradient: LinearGradient(
            colors: const [Colors.green, Colors.transparent],
            begin: Alignment.centerLeft,
            end: Alignment.centerRight,
            stops: [
              0.0,
              trueIsBetter
                  ? greenSide
                      ? 0.6
                      : 0
                  : !greenSide
                      ? 0.6
                      : 0
            ],
          )),
          child: Text(
            greenSide ? "Yes" : "No",
            style: const TextStyle(
              fontSize: 22,
              shadows: <Shadow>[
                Shadow(
                  offset: Offset(0.0, 0.0),
                  blurRadius: 3.0,
                  color: Colors.black,
                ),
                Shadow(
                  offset: Offset(0.0, 0.0),
                  blurRadius: 8.0,
                  color: Colors.black,
                ),
              ],
            ),
            textAlign: TextAlign.start,
          ),
        )),
        Column(
          children: [
            Text(
              label,
              style: const TextStyle(fontSize: 22),
              textAlign: TextAlign.center,
            ),
            const Text(
              "---",
              style: TextStyle(fontSize: 16),
              textAlign: TextAlign.center,
            )
          ],
        ),
        Expanded(
            child: Container(
          padding: const EdgeInsets.all(4),
          decoration: BoxDecoration(
              gradient: LinearGradient(
            colors: const [Colors.red, Colors.transparent],
            begin: Alignment.centerRight,
            end: Alignment.centerLeft,
            stops: [
              0.0,
              trueIsBetter
                  ? redSide
                      ? 0.6
                      : 0
                  : !redSide
                      ? 0.6
                      : 0
            ],
          )),
          child: Text(
            redSide ? "Yes" : "No",
            style: const TextStyle(
              fontSize: 22,
              shadows: <Shadow>[
                Shadow(
                  offset: Offset(0.0, 0.0),
                  blurRadius: 3.0,
                  color: Colors.black,
                ),
                Shadow(
                  offset: Offset(0.0, 0.0),
                  blurRadius: 8.0,
                  color: Colors.black,
                ),
              ],
            ),
            textAlign: TextAlign.end,
          ),
        )),
      ]),
    );
  }
}

class CompareDurationThingy extends StatelessWidget {
  final Duration greenSide;
  final Duration redSide;
  final String label;
  final bool higherIsBetter;
  const CompareDurationThingy({super.key, required this.greenSide, required this.redSide, required this.label, required this.higherIsBetter});

  Duration verdict(Duration greenSide, Duration redSide) {
    return greenSide - redSide;
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Expanded(
              child: Text(
            greenSide.toString(),
            style: const TextStyle(
              fontSize: 22,
            ),
            textAlign: TextAlign.start,
          )),
          Column(
            children: [
              Text(
                label,
                style: const TextStyle(
                  fontSize: 22,
                  shadows: <Shadow>[
                    Shadow(
                      offset: Offset(0.0, 0.0),
                      blurRadius: 3.0,
                      color: Colors.black,
                    ),
                    Shadow(
                      offset: Offset(0.0, 0.0),
                      blurRadius: 8.0,
                      color: Colors.black,
                    ),
                  ],
                ),
                textAlign: TextAlign.center,
              ),
              Text(
                verdict(greenSide, redSide).toString(),
                style: const TextStyle(fontSize: 16),
                textAlign: TextAlign.center,
              )
            ],
          ),
          Expanded(
              child: Text(
            redSide.toString(),
            style: const TextStyle(fontSize: 22),
            textAlign: TextAlign.end,
          )),
        ],
      ),
    );
  }
}

class CompareRegTimeThingy extends StatelessWidget {
  final DateTime? greenSide;
  final DateTime? redSide;
  final String label;
  final int? fractionDigits;
  const CompareRegTimeThingy({super.key, required this.greenSide, required this.redSide, required this.label, this.fractionDigits});

  String verdict(DateTime? greenSide, DateTime? redSide) {
    var f = NumberFormat("#,### days later;#,### days before");
    String result = "---";
    if (greenSide != null && redSide != null) result = f.format(greenSide.difference(redSide).inDays);
    return result;
  }

  @override
  Widget build(BuildContext context) {
    DateFormat f = DateFormat.yMMMd();
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 2, 16, 2),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Expanded(
              child: Container(
            padding: const EdgeInsets.all(4),
            decoration: BoxDecoration(
                gradient: LinearGradient(
              colors: const [Colors.green, Colors.transparent],
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
              stops: [
                0.0,
                greenSide == null
                    ? 0.6
                    : redSide != null && greenSide!.isBefore(redSide!)
                        ? 0.6
                        : 0
              ],
            )),
            child: Text(
              greenSide != null ? f.format(greenSide!) : "From beginning",
              style: const TextStyle(
                fontSize: 22,
                shadows: <Shadow>[
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 3.0,
                    color: Colors.black,
                  ),
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 8.0,
                    color: Colors.black,
                  ),
                ],
              ),
              textAlign: TextAlign.start,
            ),
          )),
          Column(
            children: [
              Text(
                label,
                style: const TextStyle(fontSize: 22),
                textAlign: TextAlign.center,
              ),
              Text(
                verdict(greenSide, redSide),
                style: const TextStyle(fontSize: 16),
                textAlign: TextAlign.center,
              )
            ],
          ),
          Expanded(
              child: Container(
            padding: const EdgeInsets.all(4),
            decoration: BoxDecoration(
                gradient: LinearGradient(
              colors: const [Colors.red, Colors.transparent],
              begin: Alignment.centerRight,
              end: Alignment.centerLeft,
              stops: [
                0.0,
                redSide == null
                    ? 0.6
                    : greenSide != null && redSide!.isBefore(greenSide!)
                        ? 0.6
                        : 0
              ],
            )),
            child: Text(
              redSide != null ? f.format(redSide!) : "From beginning",
              style: const TextStyle(
                fontSize: 22,
                shadows: <Shadow>[
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 3.0,
                    color: Colors.black,
                  ),
                  Shadow(
                    offset: Offset(0.0, 0.0),
                    blurRadius: 8.0,
                    color: Colors.black,
                  ),
                ],
              ),
              textAlign: TextAlign.end,
            ),
          )),
        ],
      ),
    );
  }
}