import 'package:flutter/material.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_type_enum.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_use_type_enum.dart';
import 'package:fluffychat/pangea/analytics_summary/learning_progress_indicators.dart';
import 'package:fluffychat/pangea/analytics_summary/progress_indicators_enum.dart';
import 'package:fluffychat/pangea/instructions/instructions_enum.dart';
import 'package:fluffychat/pangea/instructions/instructions_inline_tooltip.dart';
import 'package:fluffychat/pangea/morphs/get_grammar_copy.dart';
import 'package:fluffychat/widgets/matrix.dart';

class LevelAnalyticsDetailsContent extends StatelessWidget {
  const LevelAnalyticsDetailsContent({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    final isColumnMode = FluffyThemes.isColumnMode(context);
    final analyticsService = Matrix.of(context).analyticsDataService;

    return Scaffold(
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsetsGeometry.all(16.0),
          child: StreamBuilder(
            stream:
                analyticsService.updateDispatcher.constructUpdateStream.stream,
            builder: (context, _) {
              return Column(
                children: [
                  const LearningProgressIndicators(
                    selected: ProgressIndicatorEnum.level,
                    canSelect: false,
                  ),
                  FutureBuilder(
                    future: analyticsService.derivedData,
                    builder: (context, snapshot) {
                      if (snapshot.data == null) {
                        return const SizedBox();
                      }

                      final totalXP = snapshot.data!.totalXP;
                      final maxLevelXP = snapshot.data!.minXPForNextLevel;
                      final level = snapshot.data!.level;

                      return Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            "⭐ ${L10n.of(context).levelShort(level)}",
                            style: TextStyle(
                              fontSize: isColumnMode ? 24 : 16,
                              fontWeight: FontWeight.w900,
                              color: AppConfig.gold,
                            ),
                          ),
                          Text(
                            L10n.of(context).xpIntoLevel(totalXP, maxLevelXP),
                            style: TextStyle(
                              fontSize: isColumnMode ? 24 : 16,
                              fontWeight: FontWeight.w900,
                              color: AppConfig.gold,
                            ),
                          ),
                        ],
                      );
                    },
                  ),
                  Expanded(
                    child: FutureBuilder(
                      future: analyticsService.getUses(count: 100),
                      builder: (context, snapshot) {
                        if (!snapshot.hasData) {
                          return const Center(
                            child: CircularProgressIndicator.adaptive(),
                          );
                        }

                        final uses = snapshot.data!;
                        return ListView.builder(
                          itemCount: uses.length + 1,
                          itemBuilder: (context, index) {
                            if (index == 0) {
                              return const InstructionsInlineTooltip(
                                instructionsEnum:
                                    InstructionsEnum.levelAnalytics,
                                padding: EdgeInsets.symmetric(vertical: 16.0),
                              );
                            }
                            index--;

                            final use = uses[index];
                            String lemmaCopy = use.lemma;
                            if (use.constructType == ConstructTypeEnum.morph) {
                              lemmaCopy = getGrammarCopy(
                                    category: use.category,
                                    lemma: use.lemma,
                                    context: context,
                                  ) ??
                                  use.lemma;
                            }
                            return Padding(
                              padding: const EdgeInsets.symmetric(
                                vertical: 12,
                                horizontal: 16,
                              ),
                              child: IntrinsicHeight(
                                child: Row(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Align(
                                      alignment: Alignment.centerLeft,
                                      child: Container(
                                        width: 40,
                                        alignment: Alignment.centerLeft,
                                        child: Icon(use.useType.icon),
                                      ),
                                    ),
                                    const SizedBox(width: 10),
                                    Expanded(
                                      child: Text(
                                        "\"$lemmaCopy\" - ${use.useType.description(context)}",
                                        style: const TextStyle(fontSize: 14),
                                      ),
                                    ),
                                    Container(
                                      alignment: Alignment.topRight,
                                      width: 60,
                                      child: Row(
                                        crossAxisAlignment:
                                            CrossAxisAlignment.start,
                                        mainAxisSize: MainAxisSize.min,
                                        children: [
                                          Text(
                                            "${use.xp > 0 ? '+' : ''}${use.xp}",
                                            style: TextStyle(
                                              fontWeight: FontWeight.w900,
                                              fontSize: 14,
                                              height: 1,
                                              color:
                                                  use.pointValueColor(context),
                                            ),
                                          ),
                                        ],
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                            );
                          },
                        );
                      },
                    ),
                  ),
                ],
              );
            },
          ),
        ),
      ),
    );
  }
}