fluffychat/lib/pangea/activity_sessions/activity_user_summaries_widget.dart

import 'package:flutter/material.dart';

import 'package:collection/collection.dart';
import 'package:matrix/matrix.dart';

import 'package:fluffychat/config/app_config.dart';
import 'package:fluffychat/l10n/l10n.dart';
import 'package:fluffychat/pages/chat/chat.dart';
import 'package:fluffychat/pangea/activity_sessions/activity_participant_indicator.dart';
import 'package:fluffychat/pangea/activity_sessions/activity_room_extension.dart';
import 'package:fluffychat/pangea/activity_summary/activity_summary_response_model.dart';
import 'package:fluffychat/widgets/avatar.dart';

class ActivityUserSummaries extends StatelessWidget {
  final ChatController controller;

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

  Room get room => controller.room;

  @override
  Widget build(BuildContext context) {
    final summary = room.activitySummary?.summary;
    if (summary == null) return const SizedBox();

    return Padding(
      padding: const EdgeInsets.all(12.0),
      child: Column(
        spacing: 4.0,
        mainAxisSize: MainAxisSize.min,
        children: [
          Text(
            L10n.of(context).activityFinishedMessage,
          ),
          Text(
            summary.summary,
            textAlign: TextAlign.center,
          ),
          const Padding(
            padding: EdgeInsets.symmetric(
              vertical: 8.0,
            ),
          ),
          ButtonControlledCarouselView(
            summary: summary,
            controller: controller,
          ),
          // Row(
          //   mainAxisSize: MainAxisSize.min,
          //   children: userSummaries.map((p) {
          //     final user = room.getParticipants().firstWhereOrNull(
          //           (u) => u.id == p.participantId,
          //         );
          //     final userRole = assignedRoles.values.firstWhere(
          //       (role) => role.userId == p.participantId,
          //     );
          //     final userRoleInfo = availableRoles[userRole.id]!;
          //     return ActivityParticipantIndicator(
          //       availableRole: userRoleInfo,
          //       assignedRole: userRole,
          //       avatarUrl:
          //           userRoleInfo.avatarUrl ?? user?.avatarUrl?.toString(),
          //       borderRadius: BorderRadius.circular(4),
          //       selected: controller.highlightedRole?.id == userRole.id,
          //       onTap: () => controller.highlightRole(userRole),
          //     );
          //   }).toList(),
          // ),
        ],
      ),
    );
  }
}

class ButtonControlledCarouselView extends StatelessWidget {
  final ActivitySummaryResponseModel summary;
  final ChatController controller;
  const ButtonControlledCarouselView({
    super.key,
    required this.summary,
    required this.controller,
  });

  @override
  Widget build(BuildContext context) {
    final room = controller.room;

    final availableRoles = room.activityPlan!.roles;
    final assignedRoles = room.assignedRoles ?? {};

    final userSummaries = summary.participants
        .where(
          (p) => assignedRoles.values.any(
            (role) => role.userId == p.participantId,
          ),
        )
        .toList();

    return Column(
      children: [
        SizedBox(
          height: 200.0,
          child: ListView(
            shrinkWrap: true,
            controller: controller.carouselController,
            scrollDirection: Axis.horizontal,
            children: userSummaries.mapIndexed((i, p) {
              final user = room.getParticipants().firstWhereOrNull(
                    (u) => u.id == p.participantId,
                  );
              final userRole = assignedRoles.values.firstWhere(
                (role) => role.userId == p.participantId,
              );
              return Container(
                width: 350.0,
                margin: const EdgeInsets.only(right: 5.0),
                padding: const EdgeInsets.all(12.0),
                decoration: ShapeDecoration(
                  shape: RoundedRectangleBorder(
                    side: BorderSide(
                      width: 0.10,
                      color: Theme.of(context).colorScheme.outline,
                    ),
                    borderRadius: BorderRadius.circular(12),
                  ),
                ),
                child: Column(
                  spacing: 4.0,
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      spacing: 10.0,
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Avatar(
                          name: p.participantId.localpart,
                          mxContent: user?.avatarUrl,
                          size: 40,
                        ),
                        Flexible(
                          child: Text(
                            "${userRole.role ?? L10n.of(context).participant} | ${user?.calcDisplayname() ?? p.participantId.localpart}",
                            style: const TextStyle(
                              fontSize: 12.0,
                            ),
                            overflow: TextOverflow.ellipsis,
                          ),
                        ),
                      ],
                    ),
                    Flexible(
                      child: SingleChildScrollView(
                        child: Text(
                          p.feedback,
                          style: const TextStyle(fontSize: 12.0),
                        ),
                      ),
                    ),
                    Row(
                      spacing: 14.0,
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        Padding(
                          padding: const EdgeInsets.all(4.0),
                          child: Row(
                            spacing: 4.0,
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              const Icon(
                                Icons.school,
                                size: 12.0,
                                color: AppConfig.yellowDark,
                              ),
                              Text(
                                p.cefrLevel,
                                style: const TextStyle(
                                  color: AppConfig.yellowDark,
                                  fontSize: 12.0,
                                ),
                              ),
                            ],
                          ),
                        ),
                        if (p.superlatives.isNotEmpty)
                          Padding(
                            padding: const EdgeInsets.all(4.0),
                            child: Text(
                              p.superlatives.first,
                              style: const TextStyle(fontSize: 12.0),
                            ),
                          ),
                      ],
                    ),
                  ],
                ),
              );
            }).toList(),
          ),
        ),
        const SizedBox(height: 12),
        Row(
          mainAxisSize: MainAxisSize.min,
          children: userSummaries.mapIndexed((i, p) {
            final user = room.getParticipants().firstWhereOrNull(
                  (u) => u.id == p.participantId,
                );
            final userRole = assignedRoles.values.firstWhere(
              (role) => role.userId == p.participantId,
            );
            final userRoleInfo = availableRoles[userRole.id]!;
            return ActivityParticipantIndicator(
              name: userRoleInfo.name,
              userId: p.participantId,
              avatarUrl: userRoleInfo.avatarUrl ?? user?.avatarUrl?.toString(),
              borderRadius: BorderRadius.circular(4),
              selected: controller.highlightedRole?.id == userRole.id,
              onTap: () {
                controller.highlightRole(userRole);
                controller.carouselController.jumpTo(i * 250.0);
              },
            );
          }).toList(),
        ),
      ],
    );
  }
}