import 'dart:async';
import 'dart:math' as math;

import 'package:fluffychat/pangea/enum/assistance_state_enum.dart';
import 'package:fluffychat/pangea/pages/settings_learning/settings_learning.dart';
import 'package:fluffychat/pangea/utils/overlay.dart';
import 'package:fluffychat/pangea/widgets/igc/paywall_card.dart';
import 'package:flutter/material.dart';

import '../../../pages/chat/chat.dart';

class StartIGCButton extends StatefulWidget {
  const StartIGCButton({
    super.key,
    required this.controller,
  });

  final ChatController controller;

  @override
  State<StartIGCButton> createState() => StartIGCButtonState();
}

class StartIGCButtonState extends State<StartIGCButton>
    with SingleTickerProviderStateMixin {
  AssistanceState get assistanceState =>
      widget.controller.choreographer.assistanceState;
  AnimationController? _controller;
  StreamSubscription? _choreoListener;
  AssistanceState? _prevState;

  @override
  void initState() {
    _controller = AnimationController(
      vsync: this,
      duration: const Duration(seconds: 2),
    );
    _choreoListener = widget.controller.choreographer.stateListener.stream
        .listen(_updateSpinnerState);
    super.initState();
  }

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

  void _updateSpinnerState(_) {
    if (_prevState != AssistanceState.fetching &&
        assistanceState == AssistanceState.fetching) {
      _controller?.repeat();
    } else if (_prevState == AssistanceState.fetching &&
        assistanceState != AssistanceState.fetching) {
      _controller?.reset();
    }
    if (mounted) {
      setState(() => _prevState = assistanceState);
    }
  }

  void _showFirstMatch() {
    final igcData = widget.controller.choreographer.igc.igcTextData;
    if (igcData != null && igcData.matches.isNotEmpty) {
      widget.controller.choreographer.igc.showFirstMatch(context);
    }
  }

  Future<void> _onTap() async {
    switch (assistanceState) {
      case AssistanceState.noSub:
        OverlayUtil.showPositionedCard(
          context: context,
          cardToShow: PaywallCard(
            chatController: widget.controller,
          ),
          maxHeight: 325,
          maxWidth: 325,
          transformTargetId:
              widget.controller.choreographer.inputTransformTargetKey,
        );
        return;
      case AssistanceState.noMessage:
        showDialog(
          context: context,
          builder: (c) => const SettingsLearning(),
        );
        return;
      case AssistanceState.notFetched:
        await widget.controller.choreographer.getLanguageHelp(
          onlyTokensAndLanguageDetection: false,
          manual: true,
        );
        _showFirstMatch();
        return;
      case AssistanceState.fetched:
        _showFirstMatch();
        return;
      case AssistanceState.complete:
      case AssistanceState.fetching:
        return;
    }
  }

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      child: InkWell(
        onTap: _onTap,
        customBorder: const CircleBorder(),
        onLongPress: () => showDialog(
          context: context,
          builder: (c) => const SettingsLearning(),
        ),
        child: Stack(
          alignment: Alignment.center,
          children: [
            _controller != null
                ? RotationTransition(
                    turns: Tween(begin: 0.0, end: math.pi * 2)
                        .animate(_controller!),
                    child: Icon(
                      size: 36,
                      Icons.autorenew_rounded,
                      color: assistanceState.stateColor(context),
                    ),
                  )
                : Icon(
                    size: 36,
                    Icons.autorenew_rounded,
                    color: assistanceState.stateColor(context),
                  ),
            Container(
              width: 20,
              height: 20,
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Theme.of(context).colorScheme.surfaceContainerHighest,
              ),
            ),
            Icon(
              size: 16,
              Icons.check,
              color: assistanceState.stateColor(context),
            ),
          ],
        ),
      ),
    );
  }
}