import 'package:bubble/bubble.dart';
import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/dialogs/redact_message_dialog.dart';
import 'package:fluffychat/components/message_content.dart';
import 'package:flutter/material.dart';

import '../avatar.dart';
import '../matrix.dart';
import 'state_message.dart';

class Message extends StatelessWidget {
  final Event event;

  const Message(this.event);

  @override
  Widget build(BuildContext context) {
    if (event.typeKey != "m.room.message") return StateMessage(event);

    Client client = Matrix.of(context).client;
    final bool ownMessage = event.senderId == client.userID;
    Alignment alignment = ownMessage ? Alignment.topRight : Alignment.topLeft;
    Color color = Color(0xFFF8F8F8);
    BubbleNip nip = ownMessage ? BubbleNip.rightBottom : BubbleNip.leftBottom;
    final Color textColor = ownMessage ? Colors.white : Colors.black;
    MainAxisAlignment rowMainAxisAlignment =
        ownMessage ? MainAxisAlignment.end : MainAxisAlignment.start;

    if (ownMessage) {
      color = event.status == -1 ? Colors.redAccent : Color(0xFF5625BA);
    }
    List<PopupMenuEntry<String>> popupMenuList = [];
    if (event.canRedact && !event.redacted && event.status > 1)
      popupMenuList.add(
        const PopupMenuItem<String>(
          value: "remove",
          child: Text('Remove message'),
        ),
      );
    if (ownMessage && event.status == -1) {
      popupMenuList.add(
        const PopupMenuItem<String>(
          value: "resend",
          child: Text('Send again'),
        ),
      );
      popupMenuList.add(
        const PopupMenuItem<String>(
          value: "delete",
          child: Text('Delete message'),
        ),
      );
    }

    List<Widget> rowChildren = [
      Expanded(
        child: PopupMenuButton(
          onSelected: (String choice) async {
            switch (choice) {
              case "remove":
                showDialog(
                  context: context,
                  builder: (BuildContext context) => RedactMessageDialog(event),
                );
                break;
              case "resend":
                event.sendAgain();
                break;
              case "delete":
                event.remove();
                break;
            }
          },
          itemBuilder: (BuildContext context) => popupMenuList,
          child: Opacity(
            opacity: event.status == 0 ? 0.5 : 1,
            child: Bubble(
              elevation: 0,
              alignment: alignment,
              margin: BubbleEdges.symmetric(horizontal: 4),
              color: color,
              nip: nip,
              child: Column(
                mainAxisSize: MainAxisSize.min,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Row(
                    mainAxisSize: MainAxisSize.min,
                    children: <Widget>[
                      Text(
                        ownMessage ? "You" : event.sender.calcDisplayname(),
                        style: TextStyle(
                          color: textColor,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                      SizedBox(width: 4),
                      Text(
                        event.time.toEventTimeString(),
                        style: TextStyle(color: textColor, fontSize: 12),
                      ),
                    ],
                  ),
                  MessageContent(
                    event,
                    textColor: textColor,
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    ];
    if (ownMessage)
      rowChildren.add(Avatar(event.sender.avatarUrl));
    else
      rowChildren.insert(0, Avatar(event.sender.avatarUrl));
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.end,
        mainAxisAlignment: rowMainAxisAlignment,
        children: rowChildren,
      ),
    );
  }
}