import * as React from "bloatless-react";

import CalendarPageViewModel, {
  CALENDAR_EVENT_BOARD_ID,
} from "../Pages/calendarPageViewModel";
import ChatModel, { ChatMessage } from "../../Model/Chat/chatModel";
import StorageModel, {
  StorageModelSubPath,
  filePaths,
} from "../../Model/Global/storageModel";

import ChatListViewModel from "./chatListViewModel";
import { Color } from "../../colors";
import CoreViewModel from "../Global/coreViewModel";
import { Entry } from "../../View/Components/option";
import MessagePageViewModel from "../Pages/messagePageViewModel";
import SettingsPageViewModel from "../Pages/settingsPageViewModel";
import SettingsViewModel from "../Global/settingsViewModel";
import TaskPageViewModel from "../Pages/taskPageViewModel";
import { translations } from "../../View/translations";

export default class ChatViewModel {
  chatModel: ChatModel;
  storageModel: StorageModel;
  settingsViewModel: SettingsViewModel;
  chatListViewModel: ChatListViewModel;

  calendarViewModel: CalendarPageViewModel;
  taskPageViewModel: TaskPageViewModel;
  messagePageViewModel: MessagePageViewModel;
  settingsPageViewModel: SettingsPageViewModel;

  // state
  displayedColor: React.State<Color> = new React.State<any>(Color.Standard);
  selectedPage: React.State<ChatPageType> = new React.State<any>(
    ChatPageType.Messages
  );

  index: React.State<number> = new React.State(0);
  hasUnreadMessages: React.State<boolean> = new React.State(false);

  taskBoardSuggestions: React.MapState<Entry> = new React.MapState();

  // view
  open = (): void => {
    this.chatListViewModel.openChat(this);
    this.markRead();
  };

  close = (): void => {
    this.chatListViewModel.closeChat();
  };

  closeSubPages = (): void => {};

  setColor = (color: Color): void => {
    this.setDisplayedColor(color);
    this.chatModel.setColor(color);
  };

  setDisplayedColor = (color: Color): void => {
    this.displayedColor.value = color;
  };

  resetColor = (): void => {
    this.displayedColor.value = this.settingsPageViewModel.color.value;
  };

  updateIndex = (): void => {
    const index: number =
      this.chatListViewModel.chatIndexManager.getIndex(this);
    this.index.value = index;
  };

  markRead = (): void => {
    this.hasUnreadMessages.value = false;
    this.chatModel.markRead();
  };

  // load
  loadPageSelection = (): void => {
    const path: string[] = StorageModel.getPath(
      StorageModelSubPath.Chat,
      filePaths.chat.lastUsedPage(this.chatModel.id)
    );
    const lastUsedPage: string | null = this.storageModel.read(path);
    if (lastUsedPage != null) {
      this.selectedPage.value = lastUsedPage as any;
    }

    this.selectedPage.subscribeSilent((newPage) => {
      this.storageModel.write(path, newPage);
      this.resetColor();
    });
  };

  loadInfo = (): void => {
    this.hasUnreadMessages.value = this.chatModel.info.hasUnreadMessages;

    this.taskBoardSuggestions.set(CALENDAR_EVENT_BOARD_ID, [
      CALENDAR_EVENT_BOARD_ID,
      translations.chatPage.calendar.eventsBoard,
    ]);
  };

  // init
  constructor(
    public coreViewModel: CoreViewModel,
    storageModel: StorageModel,
    chatModel: ChatModel,
    settingsViewModel: SettingsViewModel,
    chatListViewModel: ChatListViewModel
  ) {
    // models
    this.storageModel = storageModel;
    this.chatModel = chatModel;
    this.settingsViewModel = settingsViewModel;
    this.chatListViewModel = chatListViewModel;

    // page viewModels
    this.calendarViewModel = new CalendarPageViewModel(
      coreViewModel,
      this,
      this.storageModel,
      this.chatModel.fileModel.boardsAndTasksModel.calendarModel,
      this.chatModel.fileModel.boardsAndTasksModel
    );
    this.taskPageViewModel = new TaskPageViewModel(
      this.coreViewModel,
      this,
      this.storageModel,
      this.chatModel.fileModel.boardsAndTasksModel
    );
    this.messagePageViewModel = new MessagePageViewModel(
      this.coreViewModel,
      this
    );
    this.settingsPageViewModel = new SettingsPageViewModel(
      this.coreViewModel,
      this
    );

    // handlers
    chatModel.chatMessageHandlerManager.addHandler(
      (chatMessage: ChatMessage) => {
        this.messagePageViewModel.showChatMessage(chatMessage);
        this.markRead();
      }
    );

    // load
    this.loadPageSelection();
    this.resetColor();
    this.loadInfo();
  }
}

// types
export enum ChatPageType {
  Settings = "settings",
  Messages = "messages",
  Tasks = "tasks",
  Calendar = "calendar",
}