import 'package:badges/badges.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/pages/chat_list/navi_rail_item.dart';
import 'package:fluffychat/pangea/extensions/pangea_room_extension/pangea_room_extension.dart';
import 'package:fluffychat/pangea/utils/chat_list_handle_space_tap.dart';
import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/unread_rooms_badge.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:matrix/matrix.dart';

import '../../widgets/matrix.dart';
import 'chat_list_body.dart';
import 'start_chat_fab.dart';

class ChatListView extends StatelessWidget {
  final ChatListController controller;

  const ChatListView(this.controller, {super.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.messages),
            child: const Icon(Icons.forum_outlined),
          ),
          selectedIcon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.messages),
            child: const Icon(Icons.forum),
          ),
          //#Pangea
          // label: L10n.of(context)!.messages,
          label: L10n.of(context)!.directChats,
          //Pangea#
        ),
        NavigationDestination(
          icon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter: controller.getRoomFilterByActiveFilter(ActiveFilter.groups),
            child: const Icon(Icons.group_outlined),
          ),
          selectedIcon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter: controller.getRoomFilterByActiveFilter(ActiveFilter.groups),
            child: const Icon(Icons.group),
          ),
          label: L10n.of(context)!.groups,
        ),
      ] else
        NavigationDestination(
          icon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.allChats),
            child: const Icon(Icons.forum_outlined),
          ),
          selectedIcon: UnreadRoomsBadge(
            badgePosition: badgePosition,
            filter:
                controller.getRoomFilterByActiveFilter(ActiveFilter.allChats),
            child: const Icon(Icons.forum),
          ),
          // #Pangea
          // label: L10n.of(context)!.chats,
          label: L10n.of(context)!.allChats,
          // Pangea#
        ),
      if (controller.spaces.isNotEmpty
              // #Pangea
              &&
              !FluffyThemes.isColumnMode(context)
          // Pangea#
          )
        // #Pangea
        // const NavigationDestination(
        //   icon: Icon(Icons.workspaces_outlined),
        //   selectedIcon: Icon(Icons.workspaces),
        //   label: 'Spaces',
        // ),
        NavigationDestination(
          icon: const Icon(Icons.workspaces_outlined),
          selectedIcon: const Icon(Icons.workspaces),
          label: L10n.of(context)!.allSpaces,
        ),
      // Pangea#
    ];
  }

  @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 PopScope(
          canPop: controller.selectMode == SelectMode.normal &&
              !controller.isSearchMode &&
              controller.activeFilter ==
                  (AppConfig.separateChatTypes
                      ? ActiveFilter.messages
                      : ActiveFilter.allChats),
          onPopInvoked: (pop) async {
            if (pop) return;
            final selMode = controller.selectMode;
            if (controller.isSearchMode) {
              controller.cancelSearch();
              return;
            }
            if (selMode != SelectMode.normal) {
              controller.cancelAction();
              return;
            }
            if (controller.activeFilter !=
                (AppConfig.separateChatTypes
                    ? ActiveFilter.messages
                    : ActiveFilter.allChats)) {
              controller
                  .onDestinationSelected(AppConfig.separateChatTypes ? 1 : 0);
              return;
            }
          },
          child: Row(
            children: [
              if (FluffyThemes.isColumnMode(context) &&
                  controller.widget.displayNavigationRail) ...[
                Builder(
                  builder: (context) {
                    final allSpaces =
                        client.rooms.where((room) => room.isSpace);
                    // #Pangea
                    // final rootSpaces = allSpaces
                    //     .where(
                    //       (space) => !allSpaces.any(
                    //         (parentSpace) => parentSpace.spaceChildren
                    //             .any((child) => child.roomId == space.id),
                    //       ),
                    //     )
                    //     .toList();
                    final rootSpaces = allSpaces.toList();
                    // Pangea#
                    final destinations = getNavigationDestinations(context);

                    return SizedBox(
                      width: FluffyThemes.navRailWidth,
                      child: ListView.builder(
                        scrollDirection: Axis.vertical,
                        itemCount: rootSpaces.length + destinations.length,
                        itemBuilder: (context, i) {
                          if (i < destinations.length) {
                            return NaviRailItem(
                              // #Pangea
                              // isSelected: i == controller.selectedIndex,
                              isSelected: controller.isSelected(i),
                              // Pangea#
                              onTap: () => controller.onDestinationSelected(i),
                              icon: destinations[i].icon,
                              selectedIcon: destinations[i].selectedIcon,
                              toolTip: destinations[i].label,
                            );
                          }
                          i -= destinations.length;
                          final isSelected =
                              controller.activeFilter == ActiveFilter.spaces &&
                                  rootSpaces[i].id == controller.activeSpaceId;
                          //#Pangea
                          final Room? room = Matrix.of(context)
                              .client
                              .getRoomById(rootSpaces[i].id);
                          // Pangea#
                          return NaviRailItem(
                            toolTip: rootSpaces[i].getLocalizedDisplayname(
                              MatrixLocals(L10n.of(context)!),
                            ),
                            isSelected: isSelected,
                            // #Pangea
                            // onTap: () =>
                            //     controller.setActiveSpace(rootSpaces[i].id),
                            onTap: () => chatListHandleSpaceTap(
                              context,
                              controller,
                              rootSpaces[i],
                            ),
                            // Pangea#
                            icon: Avatar(
                              mxContent: rootSpaces[i].avatar,
                              name: rootSpaces[i].getLocalizedDisplayname(
                                MatrixLocals(L10n.of(context)!),
                              ),
                              size: 32,
                              fontSize: 12,
                              // #Pangea
                              littleIcon: room?.roomTypeIcon,
                              // Pangea#
                            ),
                          );
                        },
                      ),
                    );
                  },
                ),
                Container(
                  color: Theme.of(context).dividerColor,
                  width: 1,
                ),
              ],
              Expanded(
                child: GestureDetector(
                  onTap: FocusManager.instance.primaryFocus?.unfocus,
                  excludeFromSemantics: true,
                  behavior: HitTestBehavior.translucent,
                  child: Scaffold(
                    body: ChatListViewBody(controller),
                    bottomNavigationBar: controller.displayNavigationBar
                        ? NavigationBar(
                            elevation: 4,
                            labelBehavior:
                                NavigationDestinationLabelBehavior.alwaysHide,
                            height: 64,
                            shadowColor:
                                Theme.of(context).colorScheme.onBackground,
                            surfaceTintColor:
                                Theme.of(context).colorScheme.background,
                            selectedIndex: controller.selectedIndex,
                            onDestinationSelected:
                                controller.onDestinationSelected,
                            destinations: getNavigationDestinations(context),
                          )
                        : null,
                    // #Pangea
                    // floatingActionButton: KeyBoardShortcuts(
                    //   keysToPress: {
                    //     LogicalKeyboardKey.controlLeft,
                    //     LogicalKeyboardKey.keyN,
                    //   },
                    //   onKeysPressed: () => context.go('/rooms/newprivatechat'),
                    //   helpLabel: L10n.of(context)!.newChat,
                    //   child: selectMode == SelectMode.normal &&
                    //           !controller.isSearchMode
                    //       ? StartChatFloatingActionButton(
                    //           activeFilter: controller.activeFilter,
                    //           roomsIsEmpty: false,
                    //           scrolledToTop: controller.scrolledToTop,
                    //           createNewSpace: controller.createNewSpace,
                    //         )
                    //       : const SizedBox.shrink(),
                    // ),
                    floatingActionButton: selectMode == SelectMode.normal
                        ? StartChatFloatingActionButton(
                            activeFilter: controller.activeFilter,
                            roomsIsEmpty: false,
                            scrolledToTop: controller.scrolledToTop,
                            controller: controller,
                            createNewSpace: () {},
                          )
                        : null,
                    // Pangea#
                  ),
                ),
              ),
            ],
          ),
        );
      },
    );
  }
}