import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

import '../../../api/marianumcloud/talk/chat/getChatResponse.dart';
import '../../../api/marianumcloud/talk/room/getRoomResponse.dart';
import '../../../extensions/dateTime.dart';
import '../../../state/app/modules/chat/bloc/chat_bloc.dart';
import '../../../state/app/modules/chat/bloc/chat_state.dart';
import '../../../theming/appTheme.dart';
import '../../../widget/clickableAppBar.dart';
import '../../../widget/loadingSpinner.dart';
import '../../../widget/userAvatar.dart';
import 'chatDetails/chatInfo.dart';
import 'components/chatBubble.dart';
import 'components/chatTextfield.dart';
import 'talkNavigator.dart';

class ChatView extends StatefulWidget {
  final GetRoomResponseObject room;
  final String selfId;
  final UserAvatar avatar;

  const ChatView({super.key, required this.room, required this.selfId, required this.avatar});

  @override
  State<ChatView> createState() => _ChatViewState();
}

class _ChatViewState extends State<ChatView> {
  final ScrollController _listController = ScrollController();

  void _refresh() {
    context.read<ChatBloc>().setToken(widget.room.token);
  }

  @override
  Widget build(BuildContext context) => BlocBuilder<ChatBloc, dynamic>(
      builder: (context, _) {
        final state = context.watch<ChatBloc>().state.data ?? const ChatState();
        final response = state.chatResponse;
        final isLoading = response == null;

        final messages = <Widget>[];

        if (response != null) {
          var lastDate = DateTime.now();
          for (final element in response.sortByTimestamp()) {
            final elementDate = DateTime.fromMillisecondsSinceEpoch(element.timestamp * 1000);

            if (element.systemMessage.contains('reaction')) continue;
            if (element.systemMessage.contains('poll_voted')) continue;
            final commonRead = int.parse(response.headers?['x-chat-last-common-read'] ?? '0');

            if (!elementDate.isSameDay(lastDate)) {
              lastDate = elementDate;
              messages.add(ChatBubble(
                context: context,
                isSender: false,
                bubbleData: GetChatResponseObject.getDateDummy(element.timestamp),
                chatData: widget.room,
                refetch: ({bool renew = false}) => _refresh(),
              ));
            }

            messages.add(ChatBubble(
              context: context,
              isSender: element.actorId == widget.selfId &&
                  element.messageType == GetRoomResponseObjectMessageType.comment,
              bubbleData: element,
              chatData: widget.room,
              refetch: ({bool renew = false}) => _refresh(),
              isRead: element.id <= commonRead,
              selfId: widget.selfId,
            ));
          }

          if (response.data.length >= 200) {
            messages.insert(0, ChatBubble(
              context: context,
              isSender: false,
              bubbleData: GetChatResponseObject.getTextDummy(
                'Zurzeit können in dieser App nur die letzten 200 vergangenen Nachrichten angezeigt werden. '
                'Um ältere Nachrichten abzurufen verwende die Webversion unter https://cloud.marianum-fulda.de',
              ),
              chatData: widget.room,
              refetch: ({bool renew = false}) => _refresh(),
            ));
          }
        }

        return Scaffold(
          backgroundColor: const Color(0xffefeae2),
          appBar: ClickableAppBar(
            onTap: () => TalkNavigator.pushSplitView(context, ChatInfo(widget.room)),
            appBar: AppBar(
              title: Row(
                children: [
                  widget.avatar,
                  const SizedBox(width: 10),
                  Expanded(
                    child: Text(widget.room.displayName, overflow: TextOverflow.ellipsis, maxLines: 1),
                  ),
                ],
              ),
            ),
          ),
          body: Container(
            decoration: BoxDecoration(
              image: DecorationImage(
                image: const AssetImage('assets/background/chat.png'),
                scale: 1.5,
                opacity: 1,
                repeat: ImageRepeat.repeat,
                invertColors: AppTheme.isDarkMode(context),
              ),
            ),
            child: isLoading
                ? const LoadingSpinner()
                : Column(
                    children: [
                      Expanded(
                        child: ListView(
                          reverse: true,
                          controller: _listController,
                          children: messages.reversed.toList(),
                        ),
                      ),
                      Container(
                        color: Theme.of(context).colorScheme.surface,
                        child: TalkNavigator.isSecondaryVisible(context)
                            ? ChatTextfield(widget.room.token, selfId: widget.selfId)
                            : SafeArea(child: ChatTextfield(widget.room.token, selfId: widget.selfId)),
                      ),
                    ],
                  ),
          ),
        );
      },
    );
}