import 'package:flutter/material.dart';
import 'package:jiffy/jiffy.dart';
import 'package:loader_overlay/loader_overlay.dart';
import 'package:provider/provider.dart';

import '../../../api/marianumcloud/talk/chat/getChatResponse.dart';
import '../../../api/marianumcloud/talk/room/getRoomResponse.dart';
import '../../../theming/appTheme.dart';
import '../../../model/chatList/chatProps.dart';
import '../../../widget/loadingSpinner.dart';
import 'chatBubble.dart';
import 'chatTextfield.dart';

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

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

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

class _ChatViewState extends State<ChatView> {

  final ScrollController _listController = ScrollController();

  @override
  void initState() {
    super.initState();

    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      Provider.of<ChatProps>(context, listen: false).setQueryToken(widget.room.token);
    });
  }
  
  @override
  Widget build(BuildContext context) {
    return Consumer<ChatProps>(
      builder: (context, data, child) {
        List<Widget> messages = List<Widget>.empty(growable: true);

        if(!data.primaryLoading()) {

          DateTime lastDate = DateTime.now();
          data.getChatResponse.sortByTimestamp().forEach((element) {
            DateTime elementDate = DateTime.fromMillisecondsSinceEpoch(element.timestamp * 1000);
            if(elementDate.weekday != lastDate.weekday) {
              lastDate = elementDate;
              messages.add(ChatBubble(
                  context: context,
                  isSender: true,
                  bubbleData: GetChatResponseObject(
                    1,
                    "asd",
                    GetRoomResponseObjectMessageActorType.bridge,
                    "system",
                    "System",
                    element.timestamp,
                    elementDate.toIso8601String(),
                    GetRoomResponseObjectMessageType.system,
                    false,
                    "",
                    Jiffy.parseFromDateTime(elementDate).format(pattern: "dd.MM.yyyy"),
                    null
                  ),
                  chatData: widget.room
              ));
            }
            messages.add(ChatBubble(context: context, isSender: element.actorId == widget.selfId, bubbleData: element, chatData: widget.room));
          });
        }

        return Scaffold(
          backgroundColor: const Color(0xffefeae2),
          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: AppTheme.isDarkMode(context) ? const AssetImage("assets/background/chatDark.png") : const AssetImage("assets/background/chat.png"),
                scale: 1.5,
                opacity: 0.5,
                repeat: ImageRepeat.repeat,
                colorFilter: const ColorFilter.linearToSrgbGamma()
              )
            ),
            child: LoaderOverlay(
              child: data.primaryLoading() ? const LoadingSpinner() : Column(
                children: [
                  Expanded(
                    child: ListView(
                      reverse: true,
                      controller: _listController,
                      children: messages.reversed.toList(),
                    ),
                  ),
                  ChatTextfield(widget.room.token),
                ],
              ),
            )
          ),
        );
      },
    );
  }
}