import 'package:flutter/material.dart';

import 'package:matrix/matrix.dart';

import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/pages/chat/chat.dart';
import 'package:fluffychat/pages/chat/events/pangea_message_reactions.dart';
import 'package:fluffychat/pangea/toolbar/layout/measure_render_box.dart';
import 'package:fluffychat/pangea/toolbar/layout/overlay_message.dart';
import 'package:fluffychat/pangea/toolbar/layout/reading_assistance_mode_enum.dart';
import 'package:fluffychat/pangea/toolbar/message_selection_overlay.dart';

class OverlayCenterContent extends StatelessWidget {
  final Event event;
  final Event? nextEvent;
  final Event? prevEvent;

  final MessageOverlayController overlayController;
  final ChatController chatController;

  final Animation<Size>? sizeAnimation;
  final void Function(RenderBox)? onChangeMessageSize;

  final double? messageHeight;
  final double? messageWidth;

  final bool hasReactions;
  final double? reactionsWidth;

  final bool isTransitionAnimation;
  final ReadingAssistanceMode? readingAssistanceMode;

  final String overlayKey;

  const OverlayCenterContent({
    required this.event,
    required this.overlayKey,
    this.messageHeight,
    this.messageWidth,
    required this.overlayController,
    required this.chatController,
    required this.nextEvent,
    required this.prevEvent,
    required this.hasReactions,
    this.reactionsWidth,
    this.onChangeMessageSize,
    this.sizeAnimation,
    this.isTransitionAnimation = false,
    this.readingAssistanceMode,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    final ownMessage = event.senderId == event.room.client.userID;
    return IgnorePointer(
      ignoring: !isTransitionAnimation &&
          readingAssistanceMode != ReadingAssistanceMode.practiceMode,
      child: Container(
        constraints: const BoxConstraints(
          maxWidth: FluffyThemes.maxTimelineWidth,
        ),
        child: Material(
          type: MaterialType.transparency,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: event.senderId == event.room.client.userID
                ? CrossAxisAlignment.end
                : CrossAxisAlignment.start,
            children: [
              MeasureRenderBox(
                onChange: onChangeMessageSize,
                child: OverlayMessage(
                  overlayKey: overlayKey,
                  event,
                  controller: chatController,
                  overlayController: overlayController,
                  nextEvent: nextEvent,
                  previousEvent: prevEvent,
                  timeline: chatController.timeline!,
                  sizeAnimation: sizeAnimation,
                  // there's a split seconds between when the transition animation starts and
                  // when the sizeAnimation is set when the original dimensions need to be enforced
                  messageWidth: messageWidth,
                  messageHeight: messageHeight,
                  isTransitionAnimation: isTransitionAnimation,
                  readingAssistanceMode: readingAssistanceMode,
                  canRefresh:
                      (event.eventId == chatController.refreshEventID) &&
                          (readingAssistanceMode !=
                              ReadingAssistanceMode.practiceMode),
                ),
              ),
              Padding(
                padding: EdgeInsets.only(
                  top: 4.0,
                  left: ownMessage ? 0.0 : 4.0,
                ),
                child: PangeaMessageReactions(
                  event,
                  chatController.timeline!,
                  chatController,
                  maxWidth: reactionsWidth,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}