import 'package:flutter/material.dart';

import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pages/chat/chat.dart';
import 'package:fluffychat/pages/chat/chat_emoji_picker.dart';
import 'package:fluffychat/pages/chat/reply_display.dart';
import 'package:fluffychat/pangea/activity_sessions/activity_session_chat/activity_role_tooltip.dart';
import 'package:fluffychat/pangea/chat/widgets/pangea_chat_input_row.dart';
import 'package:fluffychat/pangea/choreographer/it/it_bar.dart';
import 'package:fluffychat/pangea/instructions/instructions_enum.dart';
import 'package:fluffychat/pangea/instructions/instructions_inline_tooltip.dart';

class ChatInputBar extends StatelessWidget {
  final ChatController controller;
  final double padding;

  const ChatInputBar({
    required this.controller,
    required this.padding,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        ValueListenableBuilder(
          valueListenable: controller.choreographer.itController.open,
          builder: (context, open, __) {
            return open
                ? InstructionsInlineTooltip(
                    instructionsEnum: InstructionsEnum.clickBestOption,
                    animate: false,
                    padding: EdgeInsets.only(
                      left: 16.0,
                      right: 16.0,
                      top: FluffyThemes.isColumnMode(context) ? 16.0 : 8.0,
                    ),
                  )
                : ActivityRoleTooltip(
                    room: controller.room,
                    hide: controller.choreographer.itController.open,
                  );
          },
        ),
        Container(
          margin: EdgeInsets.all(
            FluffyThemes.isColumnMode(context) ? 16.0 : 8.0,
          ),
          constraints: const BoxConstraints(
            maxWidth: FluffyThemes.maxTimelineWidth,
          ),
          alignment: Alignment.center,
          child: Material(
            clipBehavior: Clip.hardEdge,
            color: theme.colorScheme.surfaceContainerHigh,
            borderRadius: const BorderRadius.all(
              Radius.circular(24),
            ),
            child: controller.room.isAbandonedDMRoom == true
                ? _AbandonedDMContent(controller: controller)
                : Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      ITBar(choreographer: controller.choreographer),
                      ReplyDisplay(controller),
                      PangeaChatInputRow(
                        controller: controller,
                      ),
                      ChatEmojiPicker(controller),
                    ],
                  ),
          ),
        ),
      ],
    );
  }
}

class _AbandonedDMContent extends StatelessWidget {
  final ChatController controller;

  const _AbandonedDMContent({
    required this.controller,
  });

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        TextButton.icon(
          style: TextButton.styleFrom(
            padding: const EdgeInsets.all(
              16,
            ),
            foregroundColor: Theme.of(context).colorScheme.error,
          ),
          icon: const Icon(
            Icons.archive_outlined,
          ),
          onPressed: controller.leaveChat,
          label: Text(
            L10n.of(context).leave,
          ),
        ),
        TextButton.icon(
          style: TextButton.styleFrom(
            padding: const EdgeInsets.all(
              16,
            ),
          ),
          icon: const Icon(
            Icons.forum_outlined,
          ),
          onPressed: controller.recreateChat,
          label: Text(
            L10n.of(context).reopenChat,
          ),
        ),
      ],
    );
  }
}