fluffychat/lib/pangea/analytics_details_popup/morph_meaning_widget.dart

import 'dart:developer';
import 'dart:math';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pangea/analytics_misc/text_loading_shimmer.dart';
import 'package:fluffychat/pangea/common/widgets/error_indicator.dart';
import 'package:fluffychat/pangea/morphs/get_grammar_copy.dart';
import 'package:fluffychat/pangea/morphs/morph_features_enum.dart';
import 'package:fluffychat/pangea/morphs/morph_meaning/morph_info_repo.dart';

class MorphMeaningWidget extends StatefulWidget {
  final MorphFeaturesEnum feature;
  final String tag;
  final TextStyle? style;

  const MorphMeaningWidget({
    super.key,
    required this.feature,
    required this.tag,
    this.style,
  });

  @override
  MorphMeaningWidgetState createState() => MorphMeaningWidgetState();
}

class MorphMeaningWidgetState extends State<MorphMeaningWidget> {
  bool _editMode = false;
  late TextEditingController _controller;
  static const int maxCharacters = 140;
  String? _cachedResponse;
  bool _isLoading = true;
  Object? _error;

  @override
  void didUpdateWidget(covariant MorphMeaningWidget oldWidget) {
    if (oldWidget.tag != widget.tag || oldWidget.feature != widget.feature) {
      _cachedResponse = null;
      _isLoading = true;
      _loadMorphMeaning();
    }
    super.didUpdateWidget(oldWidget);
  }

  @override
  void initState() {
    super.initState();
    _controller = TextEditingController();
    _loadMorphMeaning();
  }

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

  Future<void> _loadMorphMeaning() async {
    try {
      final response = await _morphMeaning();
      _setMeaningText(response);
    } catch (e) {
      debugger(when: kDebugMode);
      _error = e;
    } finally {
      if (mounted) setState(() => _isLoading = false);
    }
  }

  Future<String> _morphMeaning() async {
    if (_cachedResponse != null) {
      return _cachedResponse!;
    }

    final response = await MorphInfoRepo.get(
      feature: widget.feature,
      tag: widget.tag,
    );
    _cachedResponse = response;
    return response ?? L10n.of(context).meaningNotFound;
  }

  void _toggleEditMode(bool value) => setState(() => _editMode = value);

  Future<void> editMorphMeaning(String userEdit) async {
    // Truncate to max characters if needed
    final truncatedEdit = userEdit.length > maxCharacters
        ? userEdit.substring(0, maxCharacters)
        : userEdit;

    await MorphInfoRepo.setMorphDefinition(
      feature: widget.feature,
      tag: widget.tag,
      defintion: truncatedEdit,
    );

    // Update the cached response
    _cachedResponse = truncatedEdit;
    _toggleEditMode(false);
  }

  void _setMeaningText(String initialText) {
    _controller.text = initialText.substring(
      0,
      min(initialText.length, maxCharacters),
    );
  }

  @override
  Widget build(BuildContext context) {
    if (_isLoading) {
      return const TextLoadingShimmer();
    }

    if (_error != null) {
      return Center(
        child: ErrorIndicator(
          message: L10n.of(context).errorFetchingDefinition,
        ),
      );
    }

    if (_editMode) {
      return MorphEditView(
        morphFeature: widget.feature,
        morphTag: widget.tag,
        meaning: _cachedResponse ?? "",
        controller: _controller,
        toggleEditMode: _toggleEditMode,
        editMorphMeaning: editMorphMeaning,
      );
    }

    return Tooltip(
      triggerMode: TooltipTriggerMode.tap,
      message: L10n.of(context).doubleClickToEdit,
      child: GestureDetector(
        onLongPress: () => _toggleEditMode(true),
        onDoubleTap: () => _toggleEditMode(true),
        child: Text(
          textAlign: TextAlign.center,
          _cachedResponse ?? L10n.of(context).meaningNotFound,
          style: widget.style,
        ),
      ),
    );
  }
}

class MorphEditView extends StatelessWidget {
  final MorphFeaturesEnum morphFeature;
  final String morphTag;
  final String meaning;
  final TextEditingController controller;
  final void Function(bool) toggleEditMode;
  final void Function(String) editMorphMeaning;

  const MorphEditView({
    required this.morphFeature,
    required this.morphTag,
    required this.meaning,
    required this.controller,
    required this.toggleEditMode,
    required this.editMorphMeaning,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        Text(
          "${L10n.of(context).pangeaBotIsFallible} ${L10n.of(context).whatIsMeaning(
            getGrammarCopy(
                  category: morphFeature.name,
                  lemma: morphTag,
                  context: context,
                ) ??
                morphTag,
            '',
          )}",
          textAlign: TextAlign.center,
          style: const TextStyle(fontStyle: FontStyle.italic),
        ),
        const SizedBox(height: 10),
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 16.0),
          child: TextField(
            minLines: 1,
            maxLines: 3,
            maxLength: MorphMeaningWidgetState.maxCharacters,
            controller: controller,
          ),
        ),
        const SizedBox(height: 10),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () => toggleEditMode(false),
              style: ElevatedButton.styleFrom(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10.0),
                ),
                padding: const EdgeInsets.symmetric(horizontal: 10),
              ),
              child: Text(L10n.of(context).cancel),
            ),
            const SizedBox(width: 10),
            ElevatedButton(
              onPressed: () =>
                  controller.text != meaning && controller.text.isNotEmpty
                      ? editMorphMeaning(controller.text)
                      : null,
              style: ElevatedButton.styleFrom(
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10.0),
                ),
                padding: const EdgeInsets.symmetric(horizontal: 10),
              ),
              child: Text(L10n.of(context).saveChanges),
            ),
          ],
        ),
      ],
    );
  }
}