import "package:flutter/material.dart";
import "package:flutter_chat_core/flutter_chat_core.dart";
import "package:flutter_riverpod/flutter_riverpod.dart";
import "package:nexus/controllers/event_controller.dart";
import "package:nexus/controllers/message_controller.dart";
import "package:nexus/controllers/selected_room_controller.dart";
import "package:nexus/helpers/extensions/better_when.dart";
import "package:nexus/models/configs/message_config.dart";
import "package:nexus/models/requests/get_event_request.dart";
import "package:nexus/widgets/chat_page/html/quoted.dart";
import "package:nexus/widgets/chat_page/lazy_loading/message_avatar.dart";
import "package:nexus/widgets/chat_page/lazy_loading/message_displayname.dart";

typedef OnTapReply = void Function(Message message)?;

class ReplyWidget extends ConsumerWidget {
  final Message message;
  final bool alwaysShow;
  final MessageGroupStatus? groupStatus;
  final OnTapReply onTapReply;
  const ReplyWidget(
    this.message, {
    required this.groupStatus,
    this.onTapReply,
    this.alwaysShow = false,
    super.key,
  });

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final room = ref.watch(SelectedRoomController.provider);
    return message.replyToMessageId == null || room == null
        ? SizedBox.shrink()
        : Padding(
            padding: EdgeInsets.only(bottom: 12),
            child: Quoted(
              ref
                  .watch(
                    EventController.provider(
                      GetEventRequest(
                        room: room,
                        eventId: message.replyToMessageId!,
                      ),
                    ),
                  )
                  .betterWhen(
                    loading: () => Text("Fetching event..."),
                    data: (event) => event == null
                        ? SizedBox.shrink()
                        : ref
                              .watch(
                                MessageController.provider(
                                  MessageConfig(room: room, event: event),
                                ),
                              )
                              .betterWhen(
                                loading: () => Text("Parsing message..."),
                                data: (replyMessage) {
                                  if (replyMessage == null) {
                                    return SizedBox.shrink();
                                  }

                                  return InkWell(
                                    onTap: () => onTapReply?.call(replyMessage),
                                    child: Row(
                                      mainAxisSize: MainAxisSize.min,
                                      spacing: 8,
                                      children: [
                                        MessageAvatar(replyMessage),
                                        Flexible(
                                          child: MessageDisplayname(
                                            replyMessage,
                                            clickable: false,
                                            style: Theme.of(context)
                                                .textTheme
                                                .labelMedium
                                                ?.copyWith(
                                                  fontWeight: FontWeight.bold,
                                                ),
                                          ),
                                        ),
                                        Flexible(
                                          child: Text(
                                            replyMessage.metadata!["body"],
                                            overflow: TextOverflow.ellipsis,
                                            style: Theme.of(
                                              context,
                                            ).textTheme.labelMedium,
                                            maxLines: 1,
                                          ),
                                        ),
                                      ],
                                    ),
                                  );
                                },
                              ),
                  ),
            ),
          );
  }
}