morph_analytics_view.dart

import 'package:flutter/material.dart';

import 'package:collection/collection.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_identifier.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_level_enum.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_type_enum.dart';
import 'package:fluffychat/pangea/analytics_misc/construct_use_model.dart';
import 'package:fluffychat/pangea/morphs/default_morph_mapping.dart';
import 'package:fluffychat/pangea/morphs/get_grammar_copy.dart';
import 'package:fluffychat/pangea/morphs/morph_icon.dart';
import 'package:fluffychat/pangea/user/client_extension.dart';
import 'package:fluffychat/widgets/matrix.dart';
import '../morphs/morph_repo.dart';

class MorphAnalyticsView extends StatelessWidget {
  final void Function(ConstructIdentifier) onConstructZoom;

  const MorphAnalyticsView({
    required this.onConstructZoom,
    super.key,
  });

  @override
  Widget build(BuildContext context) => Padding(
        padding: const EdgeInsets.symmetric(vertical: 20),
        child: FutureBuilder(
          future: MorphsRepo.get(),
          builder: (context, snapshot) {
            final morphs = snapshot.data ?? defaultMorphMapping;

            morphs.displayFeatures.sort(
              (a, b) => morphFeatureSortOrder
                  .indexOf(a.feature)
                  .compareTo(morphFeatureSortOrder.indexOf(b.feature)),
            );

            return snapshot.connectionState == ConnectionState.done
                ? ListView.builder(
                    key: const PageStorageKey<String>('morph-analytics'),
                    itemCount: morphs.displayFeatures.length,
                    itemBuilder: (context, index) => morphs
                            .displayFeatures[index].displayTags.isNotEmpty
                        ? MorphFeatureBox(
                            morphFeature: morphs.displayFeatures[index].feature,
                            allTags: snapshot.data
                                    ?.getDisplayTags(
                                      morphs.displayFeatures[index].feature,
                                    )
                                    .map((tag) => tag.toLowerCase())
                                    .toSet() ??
                                {},
                            onConstructZoom: onConstructZoom,
                          )
                        : const SizedBox.shrink(),
                  )
                : const Center(
                    child: CircularProgressIndicator(),
                  );
          },
        ),
      );
}

class MorphFeatureBox extends StatelessWidget {
  final String morphFeature;
  final Set<String> allTags;
  final void Function(ConstructIdentifier) onConstructZoom;

  const MorphFeatureBox({
    super.key,
    required this.morphFeature,
    required this.allTags,
    required this.onConstructZoom,
  });

  String _categoryCopy(
    String category,
    BuildContext context,
  ) {
    if (category.toLowerCase() == "other") {
      return L10n.of(context).other;
    }

    return ConstructTypeEnum.morph.getDisplayCopy(
          category,
          context,
        ) ??
        category;
  }

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return Container(
      padding: const EdgeInsets.all(16.0),
      margin: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(16.0),
        border: Border.all(
          color: Theme.of(context).brightness == Brightness.dark
              ? AppConfig.primaryColorLight
              : AppConfig.primaryColor,
          width: 2,
        ),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            spacing: 16.0,
            children: [
              SizedBox(
                height: 30.0,
                width: 30.0,
                child: MorphIcon(morphFeature: morphFeature, morphTag: null),
              ),
              Text(
                _categoryCopy(morphFeature, context),
                style: theme.textTheme.bodyLarge?.copyWith(
                  fontWeight: FontWeight.bold,
                ),
              ),
            ],
          ),
          const SizedBox(height: 16.0),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Flexible(
                child: Wrap(
                  alignment: WrapAlignment.center,
                  spacing: 16.0,
                  runSpacing: 16.0,
                  children: allTags
                      .map(
                        (morphTag) {
                          final id = ConstructIdentifier(
                            lemma: morphTag,
                            type: ConstructTypeEnum.morph,
                            category: morphFeature,
                          );

                          final analytics = MatrixState.pangeaController
                                  .getAnalytics.constructListModel
                                  .getConstructUses(id) ??
                              ConstructUses(
                                lemma: morphTag,
                                constructType: ConstructTypeEnum.morph,
                                category: morphFeature,
                                uses: [],
                              );

                          return MorphTagChip(
                            morphFeature: morphFeature,
                            morphTag: morphTag,
                            constructAnalytics: analytics,
                            onTap: analytics.points > 0
                                ? () => onConstructZoom(id)
                                : null,
                          );
                        },
                      )
                      .sortedBy<num>(
                        (chip) => chip.constructAnalytics.points,
                      )
                      .reversed
                      .toList(),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}

class MorphTagChip extends StatelessWidget {
  final String morphFeature;
  final String morphTag;
  final ConstructUses constructAnalytics;
  final VoidCallback? onTap;

  const MorphTagChip({
    super.key,
    required this.morphFeature,
    required this.morphTag,
    required this.constructAnalytics,
    this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return InkWell(
      borderRadius: BorderRadius.circular(32.0),
      onTap: onTap,
      child: Opacity(
        opacity: constructAnalytics.points > 0 ? 1.0 : 0.3,
        child: Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(32.0),
            gradient: constructAnalytics.points > 0
                ? LinearGradient(
                    begin: Alignment.centerLeft,
                    end: Alignment.centerRight,
                    colors: <Color>[
                      Colors.transparent,
                      constructAnalytics.lemmaCategory.color,
                    ],
                  )
                : null,
            color: constructAnalytics.points > 0 ? null : theme.disabledColor,
          ),
          padding: const EdgeInsets.symmetric(
            vertical: 4.0,
            horizontal: 8.0,
          ),
          child: Row(
            mainAxisSize: MainAxisSize.min,
            spacing: 8.0,
            children: [
              SizedBox(
                width: 28.0,
                height: 28.0,
                child: constructAnalytics.points > 0 ||
                        Matrix.of(context).client.isSupportAccount
                    ? MorphIcon(
                        morphFeature: morphFeature,
                        morphTag: morphTag,
                      )
                    : const Icon(
                        Icons.lock,
                        color: Colors.white,
                      ),
              ),
              Text(
                getGrammarCopy(
                      category: morphFeature,
                      lemma: morphTag,
                      context: context,
                    ) ??
                    morphTag,
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  color: theme.brightness == Brightness.dark
                      ? Colors.white
                      : Colors.black,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}