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

import 'package:badges/badges.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:keyboard_shortcuts/keyboard_shortcuts.dart';
import 'package:matrix/matrix.dart';
import 'package:vrouter/vrouter.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/config/themes.dart';
import 'package:fluffychat/pages/chat_list/chat_list.dart';
import 'package:fluffychat/utils/stream_extension.dart';
import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/unread_rooms_badge.dart';
import '../../widgets/matrix.dart';
import 'chat_list_body.dart';
import 'chat_list_header.dart';
import 'start_chat_fab.dart';

class ChatListView extends StatelessWidget {
  final ChatListController controller;

  const ChatListView(this.controller, {Key? key}) : super(key: key);

  List<NavigationDestination> getNavigationDestinations(BuildContext context) {
    final badgePosition = BadgePosition.topEnd(top: -12, end: -8);
    return [
      if (AppConfig.separateChatTypes) ...[
        NavigationDestination(
          icon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter: controller.getRoomFilterByActiveFilter(ActiveFilter.groups),
            child: const Icon(Icons.groups_outlined),
          ),
          selectedIcon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter: controller.getRoomFilterByActiveFilter(ActiveFilter.groups),
            child: const Icon(Icons.groups),
          ),
          label: L10n.of(context)!.groups,
        ),
        NavigationDestination(
          icon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.messages),
            child: const Icon(Icons.chat_outlined),
          ),
          selectedIcon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.messages),
            child: const Icon(Icons.chat),
          ),
          label: L10n.of(context)!.messages,
        ),
      ] else
        NavigationDestination(
          icon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.allChats),
            child: const Icon(Icons.chat_outlined),
          ),
          selectedIcon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.allChats),
            child: const Icon(Icons.chat),
          ),
          label: L10n.of(context)!.chats,
        ),
      if (controller.spaces.isNotEmpty)
        const NavigationDestination(
          icon: Icon(Icons.workspaces_outlined),
          selectedIcon: Icon(Icons.workspaces),
          label: 'Spaces',
        ),
    ];
  }

  @override
  Widget build(BuildContext context) {
    final client = Matrix.of(context).client;
    return StreamBuilder<Object?>(
      stream: Matrix.of(context).onShareContentChanged.stream,
      builder: (_, __) {
        final selectMode = controller.selectMode;
        return VWidgetGuard(
          onSystemPop: (redirector) async {
            final selMode = controller.selectMode;
            if (selMode != SelectMode.normal) {
              controller.cancelAction();
              redirector.stopRedirection();
              return;
            }
            if (controller.activeFilter !=
                (AppConfig.separateChatTypes
                    ? ActiveFilter.messages
                    : ActiveFilter.allChats)) {
              controller
                  .onDestinationSelected(AppConfig.separateChatTypes ? 1 : 0);
              redirector.stopRedirection();
              return;
            }
          },
          child: StreamBuilder<Object>(
              key: ValueKey(client.userID.toString() +
                  controller.activeFilter.toString() +
                  controller.activeSpaceId.toString()),
              stream: client.onSync.stream
                  .where((s) => s.hasRoomUpdate)
                  .rateLimit(const Duration(seconds: 1)),
              builder: (context, snapshot) {
                return Row(
                  children: [
                    if (FluffyThemes.isColumnMode(context) &&
                        FluffyThemes.getDisplayNavigationRail(context)) ...[
                      Builder(builder: (context) {
                        final allSpaces =
                            client.rooms.where((room) => room.isSpace);
                        final rootSpaces = allSpaces
                            .where(
                              (space) => !allSpaces.any(
                                (parentSpace) => parentSpace.spaceChildren
                                    .any((child) => child.roomId == space.id),
                              ),
                            )
                            .toList();
                        final destinations = getNavigationDestinations(context);

                        return SizedBox(
                          width: 64,
                          child: ListView.builder(
                            scrollDirection: Axis.vertical,
                            itemCount: rootSpaces.length + destinations.length,
                            itemBuilder: (context, i) {
                              if (i < destinations.length) {
                                final isSelected =
                                    i == controller.selectedIndex;
                                return Container(
                                  height: 64,
                                  width: 64,
                                  decoration: BoxDecoration(
                                    border: Border(
                                      bottom: i == (destinations.length - 1)
                                          ? BorderSide(
                                              width: 1,
                                              color: Theme.of(context)
                                                  .dividerColor,
                                            )
                                          : BorderSide.none,
                                      left: BorderSide(
                                        color: isSelected
                                            ? Theme.of(context)
                                                .colorScheme
                                                .primary
                                            : Colors.transparent,
                                        width: 4,
                                      ),
                                      right: const BorderSide(
                                        color: Colors.transparent,
                                        width: 4,
                                      ),
                                    ),
                                  ),
                                  alignment: Alignment.center,
                                  child: IconButton(
                                    color: isSelected
                                        ? Theme.of(context)
                                            .colorScheme
                                            .secondary
                                        : null,
                                    icon: CircleAvatar(
                                        backgroundColor: isSelected
                                            ? Theme.of(context)
                                                .colorScheme
                                                .secondary
                                            : Theme.of(context)
                                                .colorScheme
                                                .background,
                                        foregroundColor: isSelected
                                            ? Theme.of(context)
                                                .colorScheme
                                                .onSecondary
                                            : Theme.of(context)
                                                .colorScheme
                                                .onBackground,
                                        child: i == controller.selectedIndex
                                            ? destinations[i].selectedIcon ??
                                                destinations[i].icon
                                            : destinations[i].icon),
                                    tooltip: destinations[i].label,
                                    onPressed: () =>
                                        controller.onDestinationSelected(i),
                                  ),
                                );
                              }
                              i -= destinations.length;
                              final isSelected = controller.activeFilter ==
                                      ActiveFilter.spaces &&
                                  rootSpaces[i].id == controller.activeSpaceId;
                              return Container(
                                height: 64,
                                width: 64,
                                decoration: BoxDecoration(
                                  border: Border(
                                    left: BorderSide(
                                      color: isSelected
                                          ? Theme.of(context)
                                              .colorScheme
                                              .secondary
                                          : Colors.transparent,
                                      width: 4,
                                    ),
                                    right: const BorderSide(
                                      color: Colors.transparent,
                                      width: 4,
                                    ),
                                  ),
                                ),
                                alignment: Alignment.center,
                                child: IconButton(
                                  tooltip: rootSpaces[i].displayname,
                                  icon: Avatar(
                                    mxContent: rootSpaces[i].avatar,
                                    name: rootSpaces[i].displayname,
                                    size: 32,
                                    fontSize: 12,
                                  ),
                                  onPressed: () => controller
                                      .setActiveSpace(rootSpaces[i].id),
                                ),
                              );
                            },
                          ),
                        );
                      }),
                      Container(
                        color: Theme.of(context).dividerColor,
                        width: 1,
                      ),
                    ],
                    Expanded(
                      child: Scaffold(
                        appBar: ChatListHeader(controller: controller),
                        body: ChatListViewBody(controller),
                        bottomNavigationBar: controller.displayNavigationBar
                            ? NavigationBar(
                                height: 64,
                                selectedIndex: controller.selectedIndex,
                                onDestinationSelected:
                                    controller.onDestinationSelected,
                                destinations:
                                    getNavigationDestinations(context),
                              )
                            : null,
                        floatingActionButton: controller
                                    .filteredRooms.isNotEmpty &&
                                selectMode == SelectMode.normal
                            ? KeyBoardShortcuts(
                                keysToPress: {
                                  LogicalKeyboardKey.controlLeft,
                                  LogicalKeyboardKey.keyN
                                },
                                onKeysPressed: () =>
                                    VRouter.of(context).to('/newprivatechat'),
                                helpLabel: L10n.of(context)!.newChat,
                                child: StartChatFloatingActionButton(
                                    controller: controller),
                              )
                            : null,
                      ),
                    ),
                  ],
                );
              }),
        );
      },
    );
  }
}

enum ChatListPopupMenuItemActions {
  createGroup,
  createSpace,
  discover,
  setStatus,
  inviteContact,
  settings,
}