import 'package:adaptive_dialog/adaptive_dialog.dart';
import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/pages/chat_details/chat_details.dart';
import 'package:fluffychat/pages/chat_details/participant_list_item.dart';
import 'package:fluffychat/pangea/extensions/pangea_room_extension/pangea_room_extension.dart';
import 'package:fluffychat/pangea/pages/class_settings/class_name_header.dart';
import 'package:fluffychat/pangea/pages/class_settings/p_class_widgets/class_description_button.dart';
import 'package:fluffychat/pangea/pages/class_settings/p_class_widgets/class_details_toggle_add_students_tile.dart';
import 'package:fluffychat/pangea/pages/class_settings/p_class_widgets/class_invitation_buttons.dart';
import 'package:fluffychat/pangea/pages/class_settings/p_class_widgets/room_capacity_button.dart';
import 'package:fluffychat/pangea/utils/lock_room.dart';
import 'package:fluffychat/pangea/widgets/conversation_bot/conversation_bot_settings.dart';
import 'package:fluffychat/utils/fluffy_share.dart';
import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
import 'package:fluffychat/widgets/avatar.dart';
import 'package:fluffychat/widgets/chat_settings_popup_menu.dart';
import 'package:fluffychat/widgets/layouts/max_width_body.dart';
import 'package:fluffychat/widgets/matrix.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
import 'package:future_loading_dialog/future_loading_dialog.dart';
import 'package:go_router/go_router.dart';
import 'package:matrix/matrix.dart';

class ChatDetailsView extends StatelessWidget {
  final ChatDetailsController controller;

  const ChatDetailsView(this.controller, {super.key});

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    final room = Matrix.of(context).client.getRoomById(controller.roomId!);
    // #Pangea
    if (room == null || room.membership == Membership.leave) {
      // if (room == null) {
      // Pangea#
      return Scaffold(
        appBar: AppBar(
          title: Text(L10n.of(context)!.oopsSomethingWentWrong),
        ),
        body: Center(
          child: Text(L10n.of(context)!.youAreNoLongerParticipatingInThisChat),
        ),
      );
    }

    return StreamBuilder(
      stream: room.client.onRoomState.stream
          .where((update) => update.roomId == room.id),
      builder: (context, snapshot) {
        var members = room.getParticipants().toList()
          ..sort((b, a) => a.powerLevel.compareTo(b.powerLevel));
        members = members.take(10).toList();
        final actualMembersCount = (room.summary.mInvitedMemberCount ?? 0) +
            (room.summary.mJoinedMemberCount ?? 0);
        final canRequestMoreMembers = members.length < actualMembersCount;
        final iconColor = theme.textTheme.bodyLarge!.color;
        final displayname = room.getLocalizedDisplayname(
          MatrixLocals(L10n.of(context)!),
        );
        return Scaffold(
          appBar: AppBar(
            leading: controller.widget.embeddedCloseButton ??
                const Center(child: BackButton()),
            elevation: theme.appBarTheme.elevation,
            actions: <Widget>[
              // #Pangea
              // if (room.canonicalAlias.isNotEmpty)
              //   IconButton(
              //     tooltip: L10n.of(context)!.share,
              //     icon: Icon(Icons.adaptive.share_outlined),
              //     onPressed: () => FluffyShare.share(
              //       AppConfig.inviteLinkPrefix + room.canonicalAlias,
              //       context,
              //     ),
              //   ),
              // Pangea#
              if (controller.widget.embeddedCloseButton == null)
                ChatSettingsPopupMenu(room, false),
            ],
            // #Pangea
            title: ClassNameHeader(
              controller: controller,
              room: room,
            ),
            // title: Text(L10n.of(context)!.chatDetails),
            // Pangea#
            backgroundColor: theme.appBarTheme.backgroundColor,
          ),
          body: MaxWidthBody(
            // #Pangea
            // Chat description title has its own scrollbar so we disable the parent one
            // otherwise they scroll with each other
            child: ScrollConfiguration(
              behavior:
                  ScrollConfiguration.of(context).copyWith(scrollbars: false),
              // Pangea#
              child: ListView.builder(
                physics: const NeverScrollableScrollPhysics(),
                shrinkWrap: true,
                itemCount: members.length + 1 + (canRequestMoreMembers ? 1 : 0),
                itemBuilder: (BuildContext context, int i) => i == 0
                    ? Column(
                        crossAxisAlignment: CrossAxisAlignment.stretch,
                        children: <Widget>[
                          Row(
                            children: [
                              Padding(
                                padding: const EdgeInsets.all(32.0),
                                child: Stack(
                                  children: [
                                    Hero(
                                      tag: controller
                                                  .widget.embeddedCloseButton !=
                                              null
                                          ? 'embedded_content_banner'
                                          : 'content_banner',
                                      child: Avatar(
                                        mxContent: room.avatar,
                                        name: displayname,
                                        size: Avatar.defaultSize * 2.5,
                                      ),
                                    ),
                                    if (!room.isDirectChat &&
                                        room.canChangeStateEvent(
                                          EventTypes.RoomAvatar,
                                        ))
                                      Positioned(
                                        bottom: 0,
                                        right: 0,
                                        child: FloatingActionButton.small(
                                          onPressed: controller.setAvatarAction,
                                          heroTag: null,
                                          child: const Icon(
                                            Icons.camera_alt_outlined,
                                          ),
                                        ),
                                      ),
                                  ],
                                ),
                              ),
                              Expanded(
                                child: Column(
                                  mainAxisAlignment: MainAxisAlignment.center,
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    TextButton.icon(
                                      onPressed: () => room.isDirectChat
                                          ? null
                                          : room.canChangeStateEvent(
                                              EventTypes.RoomName,
                                            )
                                              ? controller
                                                  .setDisplaynameAction()
                                              : FluffyShare.share(
                                                  displayname,
                                                  context,
                                                  copyOnly: true,
                                                ),
                                      icon: Icon(
                                        room.isDirectChat
                                            ? Icons.chat_bubble_outline
                                            : room.canChangeStateEvent(
                                                EventTypes.RoomName,
                                              )
                                                ? Icons.edit_outlined
                                                : Icons.copy_outlined,
                                        size: 16,
                                      ),
                                      style: TextButton.styleFrom(
                                        foregroundColor:
                                            theme.colorScheme.onSurface,
                                      ),
                                      label: Text(
                                        room.isDirectChat
                                            ? L10n.of(context)!.directChat
                                            : displayname,
                                        maxLines: 1,
                                        overflow: TextOverflow.ellipsis,
                                        style: const TextStyle(fontSize: 18),
                                      ),
                                    ),
                                    TextButton.icon(
                                      onPressed: () => room.isDirectChat
                                          ? null
                                          : context.push(
                                              '/rooms/${controller.roomId}/details/members',
                                            ),
                                      icon: const Icon(
                                        Icons.group_outlined,
                                        size: 14,
                                      ),
                                      style: TextButton.styleFrom(
                                        foregroundColor:
                                            theme.colorScheme.secondary,
                                      ),
                                      label: Text(
                                        L10n.of(context)!.countParticipants(
                                          actualMembersCount,
                                        ),
                                        maxLines: 1,
                                        overflow: TextOverflow.ellipsis,
                                        //    style: const TextStyle(fontSize: 12),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                            ],
                          ),
                          Divider(color: theme.dividerColor),
                          // #Pangea
                          if (room.canSendEvent('m.room.topic'))
                            ClassDescriptionButton(
                              room: room,
                              controller: controller,
                            ),
                          RoomCapacityButton(
                            room: room,
                            controller: controller,
                          ),
                          // if (!room.canChangeStateEvent(EventTypes.RoomTopic))
                          //   ListTile(
                          //     title: Text(
                          //       L10n.of(context)!.chatDescription,
                          //       style: TextStyle(
                          //         color: theme.colorScheme.secondary,
                          //         fontWeight: FontWeight.bold,
                          //       ),
                          //     ),
                          //   )
                          // else
                          //   Padding(
                          //     padding: const EdgeInsets.all(16.0),
                          //     child: TextButton.icon(
                          //       onPressed: controller.setTopicAction,
                          //       label:
                          //           Text(L10n.of(context)!.setChatDescription),
                          //       icon: const Icon(Icons.edit_outlined),
                          //       style: TextButton.styleFrom(
                          //         backgroundColor:
                          //             theme.colorScheme.secondaryContainer,
                          //         foregroundColor:
                          //             theme.colorScheme.onSecondaryContainer,
                          //       ),
                          //     ),
                          //   ),
                          // Padding(
                          //   padding: const EdgeInsets.symmetric(
                          //     horizontal: 16.0,
                          //   ),
                          //   child: SelectableLinkify(
                          //     text: room.topic.isEmpty
                          //         ? L10n.of(context)!.noChatDescriptionYet
                          //         : room.topic,
                          //     options: const LinkifyOptions(humanize: false),
                          //     linkStyle: const TextStyle(
                          //       color: Colors.blueAccent,
                          //       decorationColor: Colors.blueAccent,
                          //     ),
                          //     style: TextStyle(
                          //       fontSize: 14,
                          //       fontStyle: room.topic.isEmpty
                          //           ? FontStyle.italic
                          //           : FontStyle.normal,
                          //       color: theme.textTheme.bodyMedium!.color,
                          //       decorationColor:
                          //           theme.textTheme.bodyMedium!.color,
                          //     ),
                          //     onOpen: (url) =>
                          //         UrlLauncher(context, url.url).launchUrl(),
                          //   ),
                          // ),
                          // const SizedBox(height: 16),
                          // Divider(color: theme.dividerColor),
                          // ListTile(
                          //   leading: CircleAvatar(
                          //     backgroundColor: theme.scaffoldBackgroundColor,
                          //     foregroundColor: iconColor,
                          //     child: const Icon(
                          //       Icons.insert_emoticon_outlined,
                          //     ),
                          //   ),
                          //   title:
                          //       Text(L10n.of(context)!.customEmojisAndStickers),
                          //   subtitle: Text(L10n.of(context)!.setCustomEmotes),
                          //   onTap: controller.goToEmoteSettings,
                          //   trailing: const Icon(Icons.chevron_right_outlined),
                          // ),
                          // if (!room.isDirectChat)
                          //   ListTile(
                          //     leading: CircleAvatar(
                          //       backgroundColor: theme.scaffoldBackgroundColor,
                          //       foregroundColor: iconColor,
                          //       child: const Icon(Icons.shield_outlined),
                          //     ),
                          //     title: Text(
                          //       L10n.of(context)!.accessAndVisibility,
                          //     ),
                          //     subtitle: Text(
                          //       L10n.of(context)!
                          //           .accessAndVisibilityDescription,
                          //     ),
                          //     onTap: () => context
                          //         .push('/rooms/${room.id}/details/access'),
                          //     trailing:
                          //         const Icon(Icons.chevron_right_outlined),
                          //   ),
                          // if (!room.isDirectChat)
                          if (!room.isDirectChat &&
                              !room.isSpace &&
                              room.isRoomAdmin)
                            // Pangea#
                            ListTile(
                              // #Pangea
                              // title: Text(L10n.of(context)!.chatPermissions),
                              title: Text(
                                L10n.of(context)!.editChatPermissions,
                                style: TextStyle(
                                  color: theme.colorScheme.secondary,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                              // Pangea#
                              subtitle: Text(
                                L10n.of(context)!.whoCanPerformWhichAction,
                              ),
                              leading: CircleAvatar(
                                backgroundColor: theme.scaffoldBackgroundColor,
                                foregroundColor: iconColor,
                                child: const Icon(
                                  Icons.edit_attributes_outlined,
                                ),
                              ),
                              trailing:
                                  const Icon(Icons.chevron_right_outlined),
                              onTap: () => context.push(
                                '/rooms/${room.id}/details/permissions',
                              ),
                            ),
                          Divider(color: theme.dividerColor),
                          // #Pangea
                          if (room.canInvite &&
                              !room.isDirectChat &&
                              (!room.isSpace || room.isRoomAdmin))
                            ListTile(
                              title: Text(
                                room.isSpace
                                    ? L10n.of(context)!.inviteUsersFromPangea
                                    : L10n.of(context)!.inviteStudentByUserName,
                                style: TextStyle(
                                  color:
                                      Theme.of(context).colorScheme.secondary,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                              leading: CircleAvatar(
                                backgroundColor:
                                    Theme.of(context).scaffoldBackgroundColor,
                                foregroundColor: Theme.of(context)
                                    .textTheme
                                    .bodyLarge!
                                    .color,
                                child: const Icon(
                                  Icons.add,
                                ),
                              ),
                              onTap: () =>
                                  context.go('/rooms/${room.id}/invite'),
                            ),
                          if (room.showClassEditOptions &&
                              room.isSpace &&
                              !room.isSubspace)
                            SpaceDetailsToggleAddStudentsTile(
                              controller: controller,
                            ),
                          if (controller.displayAddStudentOptions &&
                              room.showClassEditOptions)
                            ClassInvitationButtons(roomId: controller.roomId!),
                          const Divider(height: 1),
                          if (!room.isSpace &&
                              !room.isDirectChat &&
                              room.canInvite)
                            ConversationBotSettings(
                              key: controller.addConversationBotKey,
                              room: room,
                            ),
                          const Divider(height: 1),
                          ListTile(
                            title: Text(
                              L10n.of(context)!.leave,
                              style: TextStyle(
                                color: Theme.of(context).colorScheme.secondary,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                            leading: CircleAvatar(
                              backgroundColor:
                                  Theme.of(context).scaffoldBackgroundColor,
                              foregroundColor: iconColor,
                              child: const Icon(
                                Icons.arrow_forward,
                              ),
                            ),
                            onTap: () async {
                              var confirmed = OkCancelResult.ok;
                              var shouldGo = false;
                              // If user is only admin, room will be archived
                              final onlyAdmin = await room.isOnlyAdmin();
                              // archiveSpace has its own popup; only show if not space
                              if (!room.isSpace) {
                                confirmed = await showOkCancelAlertDialog(
                                  useRootNavigator: false,
                                  context: context,
                                  title: L10n.of(context)!.areYouSure,
                                  okLabel: L10n.of(context)!.ok,
                                  cancelLabel: L10n.of(context)!.cancel,
                                  message: onlyAdmin
                                      ? L10n.of(context)!.onlyAdminDescription
                                      : L10n.of(context)!.leaveRoomDescription,
                                );
                              }
                              if (confirmed == OkCancelResult.ok) {
                                if (room.isSpace) {
                                  shouldGo = onlyAdmin
                                      ? await room.archiveSpace(
                                          context,
                                          Matrix.of(context).client,
                                          onlyAdmin: true,
                                        )
                                      : await room.leaveSpace(
                                          context,
                                          Matrix.of(context).client,
                                        );
                                } else {
                                  final success = await showFutureLoadingDialog(
                                    context: context,
                                    future: () async {
                                      onlyAdmin
                                          ? await room.archive()
                                          : await room.leave();
                                    },
                                  );
                                  shouldGo = (success.error == null);
                                }
                                if (shouldGo) {
                                  context.go('/rooms');
                                }
                              }
                            },
                          ),
                          if (room.isRoomAdmin && !room.isDirectChat)
                            SwitchListTile.adaptive(
                              activeColor: AppConfig.activeToggleColor,
                              title: Text(
                                room.isSpace
                                    ? L10n.of(context)!.lockSpace
                                    : L10n.of(context)!.lockChat,
                                style: TextStyle(
                                  color:
                                      Theme.of(context).colorScheme.secondary,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                              secondary: CircleAvatar(
                                backgroundColor:
                                    Theme.of(context).scaffoldBackgroundColor,
                                foregroundColor: iconColor,
                                child: Icon(
                                  room.isLocked
                                      ? Icons.lock_outlined
                                      : Icons.no_encryption_outlined,
                                ),
                              ),
                              value: room.isLocked,
                              onChanged: (value) => showFutureLoadingDialog(
                                context: context,
                                future: () => value
                                    ? lockRoom(
                                        room,
                                        Matrix.of(context).client,
                                      )
                                    : unlockRoom(
                                        room,
                                        Matrix.of(context).client,
                                      ),
                              ),
                            ),
                          const Divider(height: 1),
                          // Pangea#
                          ListTile(
                            title: Text(
                              L10n.of(context)!.countParticipants(
                                actualMembersCount.toString(),
                              ),
                              style: TextStyle(
                                color: theme.colorScheme.secondary,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                          // #Pangea
                          // if (!room.isDirectChat && room.canInvite)
                          //   ListTile(
                          //     title: Text(L10n.of(context)!.inviteContact),
                          //     leading: CircleAvatar(
                          //       backgroundColor:
                          //           theme.colorScheme.primaryContainer,
                          //       foregroundColor:
                          //           theme.colorScheme.onPrimaryContainer,
                          //       radius: Avatar.defaultSize / 2,
                          //       child: const Icon(Icons.add_outlined),
                          //     ),
                          //     trailing:
                          //         const Icon(Icons.chevron_right_outlined),
                          //     onTap: () =>
                          //         context.go('/rooms/${room.id}/invite'),
                          //   ),
                          // Pangea#
                        ],
                      )
                    : i < members.length + 1
                        ? ParticipantListItem(members[i - 1])
                        : ListTile(
                            title: Text(
                              L10n.of(context)!.loadCountMoreParticipants(
                                (actualMembersCount - members.length)
                                    .toString(),
                              ),
                            ),
                            leading: CircleAvatar(
                              backgroundColor: theme.scaffoldBackgroundColor,
                              child: const Icon(
                                Icons.group_outlined,
                                color: Colors.grey,
                              ),
                            ),
                            onTap: () => context.push(
                              '/rooms/${controller.roomId!}/details/members',
                            ),
                            trailing: const Icon(Icons.chevron_right_outlined),
                          ),
              ),
            ),
          ),
        );
      },
    );
  }
}