import "package:flutter/material.dart";
import "package:hooks_riverpod/hooks_riverpod.dart";
import "package:nexus/controllers/key_controller.dart";
import "package:nexus/controllers/selected_space_controller.dart";
import "package:nexus/controllers/spaces_controller.dart";
import "package:nexus/widgets/avatar_or_hash.dart";
import "package:nexus/widgets/chat_page/join_dialog.dart";
import "package:nexus/widgets/chat_page/room_menu.dart";

class Sidebar extends HookConsumerWidget {
  final bool isDesktop;
  const Sidebar({required this.isDesktop, super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final selectedSpaceProvider = KeyController.provider(
      KeyController.spaceKey,
    );
    final selectedSpaceId = ref.watch(selectedSpaceProvider);
    final selectedSpaceIdNotifier = ref.watch(selectedSpaceProvider.notifier);

    final selectedRoomController = KeyController.provider(
      KeyController.roomKey,
    );
    final selectedRoomId = ref.watch(selectedRoomController);
    final selectedRoomIdNotifier = ref.watch(selectedRoomController.notifier);

    final spaces = ref.watch(SpacesController.provider);
    final indexOfSelected = spaces.indexWhere(
      (space) => space.id == selectedSpaceId,
    );
    final selectedIndex = indexOfSelected == -1 ? 0 : indexOfSelected;

    final selectedSpace = ref.watch(SelectedSpaceController.provider);

    final indexOfSelectedRoom = selectedSpace.children.indexWhere(
      (room) => room.metadata?.id == selectedRoomId,
    );
    final selectedRoomIndex = indexOfSelectedRoom == -1
        ? selectedSpace.children.isEmpty
              ? null
              : 0
        : indexOfSelectedRoom;

    return Drawer(
      shape: Border(),
      child: Row(
        children: [
          NavigationRail(
            scrollable: true,
            onDestinationSelected: (value) {
              selectedSpaceIdNotifier.set(spaces[value].id);
              selectedRoomIdNotifier.set(
                spaces[value].children.firstOrNull?.metadata?.id,
              );
            },
            destinations: spaces
                .map(
                  (space) => NavigationRailDestination(
                    icon: AvatarOrHash(
                      space.room?.metadata?.avatar,
                      fallback: space.icon == null ? null : Icon(space.icon),
                      space.title,
                      hasBadge: space.children.any(
                        (room) => room.metadata?.unreadMessages != 0,
                      ),
                      badgeNumber: space.children.fold(
                        0,
                        (previousValue, room) =>
                            previousValue +
                            (room.metadata?.unreadNotifications ?? 0),
                      ),
                    ),
                    label: Text(space.title),
                    padding: EdgeInsets.only(top: 4),
                  ),
                )
                .toList(),
            selectedIndex: selectedIndex,
            trailingAtBottom: true,
            trailing: Padding(
              padding: EdgeInsets.symmetric(vertical: 16),
              child: Column(
                spacing: 8,
                children: [
                  PopupMenuButton(
                    itemBuilder: (_) => [
                      PopupMenuItem(
                        onTap: () => showDialog(
                          context: context,
                          builder: (_) => JoinDialog(ref),
                        ),
                        child: ListTile(
                          title: Text("Join an existing room (or space)"),
                          leading: Icon(Icons.numbers),
                        ),
                      ),
                      PopupMenuItem(
                        onTap: null,
                        child: ListTile(
                          title: Text("Create a new room"),
                          leading: Icon(Icons.add),
                        ),
                      ),
                    ],
                    icon: Icon(Icons.add),
                  ),
                  IconButton(
                    tooltip: "Explore other rooms",
                    onPressed: null,
                    icon: Icon(Icons.explore),
                  ),
                  IconButton(
                    tooltip: "Open settings",
                    onPressed: null,
                    //  () => Navigator.of(
                    //   context,
                    // ).push(MaterialPageRoute(builder: (_) => SettingsPage())),
                    icon: Icon(Icons.settings),
                  ),
                ],
              ),
            ),
          ),
          Expanded(
            child: Scaffold(
              backgroundColor: Colors.transparent,
              appBar: AppBar(
                leading: AvatarOrHash(
                  selectedSpace.room?.metadata?.avatar,
                  fallback: selectedSpace.icon == null
                      ? null
                      : Icon(selectedSpace.icon),

                  selectedSpace.title,
                ),
                title: Text(
                  selectedSpace.title,
                  overflow: TextOverflow.ellipsis,
                ),
                backgroundColor: Colors.transparent,
                actions: [
                  if (selectedSpace.room != null)
                    RoomMenu(
                      selectedSpace.room!,
                      children: selectedSpace.children,
                    ),
                ],
              ),
              body: NavigationRail(
                scrollable: true,
                backgroundColor: Colors.transparent,
                extended: true,
                selectedIndex: selectedRoomIndex,
                destinations: selectedSpace.children
                    .map(
                      (room) => NavigationRailDestination(
                        label: Text(room.metadata?.name ?? "Unnamed Room"),
                        icon: AvatarOrHash(
                          room.metadata?.avatar,
                          hasBadge: room.metadata?.unreadMessages != 0,
                          badgeNumber: room.metadata?.unreadNotifications ?? 0,
                          room.metadata?.name ?? "Unnamed Room",
                          fallback: selectedSpaceId == "dms"
                              ? null
                              : Icon(Icons.numbers),
                          //  space.client.headers,
                        ),
                      ),
                    )
                    .toList(),
                onDestinationSelected: (value) {
                  selectedRoomIdNotifier.set(
                    selectedSpace.children[value].metadata?.id,
                  );
                  if (!isDesktop) Navigator.of(context).pop();
                },
              ),
            ),
          ),
        ],
      ),
    );
  }
}