import "package:flutter/material.dart";
import "package:hooks_riverpod/hooks_riverpod.dart";
import "package:nexus/controllers/members_controller.dart";
import "package:nexus/models/room.dart";
import "package:nexus/widgets/avatar_or_hash.dart";

class MemberList extends ConsumerWidget {
  final Room room;
  const MemberList(this.room, {super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final members = ref.watch(MembersController.provider(room));
    return Drawer(
      shape: Border(),
      child: ListView(
        children: [
          AppBar(
            scrolledUnderElevation: 0,
            leading: Icon(Icons.people),
            title: Text("Members (${members.length})"),
            actionsPadding: EdgeInsets.only(right: 4),
            actions: [
              if (Scaffold.of(context).hasEndDrawer)
                IconButton(
                  onPressed: Scaffold.of(context).closeEndDrawer,
                  icon: Icon(Icons.close),
                  tooltip: "Close member list",
                ),
            ],
          ),
          ...members.map(
            (member) => ListTile(
              onTap: () => showDialog(
                context: context,
                builder: (context) =>
                    Dialog(child: Text("TODO: Open member popover")),
              ),
              leading: AvatarOrHash(
                Uri.tryParse(member.content["avatar_url"] ?? ""),
                member.content["displayname"].toString(),
              ),
              title: Text(
                member.content["displayname"].toString(),
                overflow: TextOverflow.ellipsis,
              ),
              subtitle: Text(
                member.stateKey ?? "Unknown User",
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ),
        ],
      ),
    );
  }
}