fluffychat/lib/pangea/widgets/practice_activity/multiple_choice_activity.dart

import 'dart:developer';

import 'package:collection/collection.dart';
import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/pangea/choreographer/widgets/choice_array.dart';
import 'package:fluffychat/pangea/controllers/put_analytics_controller.dart';
import 'package:fluffychat/pangea/enum/activity_type_enum.dart';
import 'package:fluffychat/pangea/models/pangea_token_model.dart';
import 'package:fluffychat/pangea/models/practice_activities.dart/practice_activity_model.dart';
import 'package:fluffychat/pangea/models/practice_activities.dart/practice_activity_record_model.dart';
import 'package:fluffychat/pangea/utils/error_handler.dart';
import 'package:fluffychat/pangea/widgets/chat/message_audio_card.dart';
import 'package:fluffychat/pangea/widgets/chat/tts_controller.dart';
import 'package:fluffychat/pangea/widgets/practice_activity/practice_activity_card.dart';
import 'package:fluffychat/pangea/widgets/practice_activity/word_audio_button.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:matrix/matrix.dart';

/// The multiple choice activity view
class MultipleChoiceActivity extends StatefulWidget {
  final PracticeActivityCardState practiceCardController;
  final PracticeActivityModel currentActivity;
  final Event event;
  final VoidCallback? onError;

  const MultipleChoiceActivity({
    super.key,
    required this.practiceCardController,
    required this.currentActivity,
    required this.event,
    this.onError,
  });

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

class MultipleChoiceActivityState extends State<MultipleChoiceActivity> {
  int? selectedChoiceIndex;

  PracticeActivityRecordModel? get currentRecordModel =>
      widget.practiceCardController.currentCompletionRecord;

  @override
  void initState() {
    speakTargetTokens();

    super.initState();
  }

  @override
  void didUpdateWidget(covariant MultipleChoiceActivity oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (widget.practiceCardController.currentCompletionRecord?.responses
            .isEmpty ??
        false) {
      speakTargetTokens();

      setState(() => selectedChoiceIndex = null);
    }
  }

  void speakTargetTokens() {
    if (widget.practiceCardController.currentActivity?.targetTokens != null) {
      widget.practiceCardController.tts.tryToSpeak(
        PangeaToken.reconstructText(
          widget.practiceCardController.currentActivity!.targetTokens!,
        ),
        context,
        null,
      );
    }
  }

  TtsController get tts => widget.practiceCardController.tts;

  void updateChoice(String value, int index) {
    final bool isCorrect =
        widget.currentActivity.content.isCorrect(value, index);

    // If the activity is not set to include TTS on click, and the choice is correct, speak the target tokens
    // We have to check if tokens
    if (!widget.currentActivity.activityType.includeTTSOnClick &&
        isCorrect &&
        mounted) {
      // should be set by now but just in case we make a mistake
      if (widget.practiceCardController.currentActivity?.targetTokens == null) {
        debugger(when: kDebugMode);
        ErrorHandler.logError(
          e: "Missing target tokens in multiple choice activity",
          data: {
            "currentActivity": widget.practiceCardController.currentActivity,
          },
        );
      } else {
        tts.tryToSpeak(
          PangeaToken.reconstructText(
            widget.practiceCardController.currentActivity!.targetTokens!,
          ),
          context,
          null,
        );
      }
    }

    if (currentRecordModel?.hasTextResponse(value) ?? false) {
      return;
    }

    currentRecordModel?.addResponse(
      text: value,
      score: isCorrect ? 1 : 0,
    );

    if (currentRecordModel == null ||
        currentRecordModel?.latestResponse == null ||
        widget.practiceCardController.currentActivity == null) {
      ErrorHandler.logError(
        e: "Missing necessary information to send analytics in multiple choice activity",
        data: {
          "currentRecordModel": currentRecordModel,
          "latestResponse": currentRecordModel?.latestResponse,
          "currentActivity": widget.practiceCardController.currentActivity,
        },
      );
      debugger(when: kDebugMode);
      return;
    }

    MatrixState.pangeaController.putAnalytics.setState(
      AnalyticsStream(
        // note - this maybe should be the activity event id
        eventId:
            widget.practiceCardController.widget.pangeaMessageEvent.eventId,
        roomId: widget.practiceCardController.widget.pangeaMessageEvent.room.id,
        constructs: currentRecordModel!.latestResponse!.toUses(
          widget.practiceCardController.currentActivity!,
          widget.practiceCardController.metadata,
        ),
        origin: AnalyticsUpdateOrigin.practiceActivity,
      ),
    );

    // If the selected choice is correct, send the record and get the next activity
    if (widget.currentActivity.content.isCorrect(value, index)) {
      MatrixState.pangeaController.getAnalytics.analyticsStream.stream.first
          .then((_) {
        widget.practiceCardController.onActivityFinish();
      });
    }

    if (mounted) {
      setState(
        () => selectedChoiceIndex = index,
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    final PracticeActivityModel practiceActivity = widget.currentActivity;

    final content = Column(
      mainAxisSize: MainAxisSize.min,
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text(
          practiceActivity.content.question,
          style: AppConfig.messageTextStyle(
            widget.event,
            Theme.of(context).colorScheme.primary,
          ),
        ),
        const SizedBox(height: 8),
        if (practiceActivity.activityType ==
            ActivityTypeEnum.wordFocusListening)
          WordAudioButton(
            text: practiceActivity.content.answer,
            ttsController: tts,
            eventID: widget.event.eventId,
          ),
        if (practiceActivity.activityType ==
            ActivityTypeEnum.hiddenWordListening)
          MessageAudioCard(
            messageEvent:
                widget.practiceCardController.widget.pangeaMessageEvent,
            overlayController:
                widget.practiceCardController.widget.overlayController,
            tts: tts,
            setIsPlayingAudio: widget.practiceCardController.widget
                .overlayController.setIsPlayingAudio,
            onError: widget.onError,
          ),
        ChoicesArray(
          isLoading: false,
          uniqueKeyForLayerLink: (index) => "multiple_choice_$index",
          originalSpan: "placeholder",
          onPressed: updateChoice,
          selectedChoiceIndex: selectedChoiceIndex,
          choices: practiceActivity.content.choices
              .mapIndexed(
                (index, value) => Choice(
                  text: value,
                  color: currentRecordModel?.hasTextResponse(value) ?? false
                      ? practiceActivity.content.choiceColor(index)
                      : null,
                  isGold: practiceActivity.content.isCorrect(value, index),
                ),
              )
              .toList(),
          isActive: true,
          id: currentRecordModel?.hashCode.toString(),
          tts: practiceActivity.activityType.includeTTSOnClick ? tts : null,
        ),
      ],
    );

    return Container(
      padding: const EdgeInsets.all(20),
      constraints: const BoxConstraints(
        maxHeight: AppConfig.toolbarMaxHeight,
        minWidth: AppConfig.toolbarMinWidth,
        minHeight: AppConfig.toolbarMinHeight,
      ),
      child:
          practiceActivity.activityType == ActivityTypeEnum.hiddenWordListening
              ? SingleChildScrollView(child: content)
              : content,
    );
  }
}