sfm_app_final/lib/feature/inter_family/groups/groups_screen.dart

// ignore_for_file: use_build_context_synchronously

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

import '../../../product/constant/enums/app_route_enums.dart';
import 'groups_model.dart';
import '../../../bloc/inter_family_bloc.dart';
import '../inter_family_widget.dart';
import '../../../product/base/bloc/base_bloc.dart';
import '../../../product/constant/app/app_constants.dart';
import '../../../product/constant/icon/icon_constants.dart';
import '../../../product/extension/context_extension.dart';
import '../../../product/services/language_services.dart';

import 'groups_widget.dart';

class GroupsScreen extends StatefulWidget {
  const GroupsScreen({super.key, required this.role});

  final String role;

  @override
  State<GroupsScreen> createState() => _GroupsScreenState();
}

class _GroupsScreenState extends State<GroupsScreen> {
  late InterFamilyBloc interFamilyBloc;
  Timer? getAllGroupsTimer;

  @override
  void initState() {
    super.initState();
    interFamilyBloc = BlocProvider.of(context);
    const duration = Duration(seconds: 5);
    getAllGroupsTimer = Timer.periodic(
      duration,
      (Timer t) => interFamilyBloc.getAllGroup(widget.role),
    );
  }

  @override
  void dispose() {
    getAllGroupsTimer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    if (widget.role == ApplicationConstants.OWNER_GROUP ||
        widget.role == ApplicationConstants.PARTICIPANT_GROUP) {
      return StreamBuilder<List<Group>>(
        stream: interFamilyBloc.streamCurrentGroups,
        builder: (context, groupsSnapshot) {
          if(groupsSnapshot.data == null){
            interFamilyBloc.getAllGroup(widget.role);
            return const Center(child: CircularProgressIndicator(),);
          }else if(groupsSnapshot.data!.isEmpty){
            return Center(child: Text(appLocalization(context).dont_have_group),);
          }else {
            return Scaffold(
              body: groupsSnapshot.data?.isEmpty ?? true
                  ? const Center(
                child: CircularProgressIndicator(),
              )
                  : ListView.builder(
                itemCount: groupsSnapshot.data!.length,
                itemBuilder: (context, index) {
                  return ListTile(
                    onTap: () {
                      context.pushNamed(AppRoutes.GROUP_DETAIL.name,
                          pathParameters: {"groupId": groupsSnapshot.data![index].id!},
                          extra: widget.role);
                    },
                    leading: IconConstants.instance.getMaterialIcon(Icons.diversity_2),
                    title: Text(
                      groupsSnapshot.data![index].name ?? '',
                      style: const TextStyle(fontWeight: FontWeight.bold),
                    ),
                    subtitle: Text(groupsSnapshot.data![index].description ?? ""),
                    trailing: widget.role == ApplicationConstants.OWNER_GROUP
                        ? PopupMenuButton(
                      shape: const RoundedRectangleBorder(
                        borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(8.0),
                          bottomRight: Radius.circular(8.0),
                          topLeft: Radius.circular(8.0),
                          topRight: Radius.circular(8.0),
                        ),
                      ),
                      itemBuilder: (ctx) => [
                        _buildPopupMenuItem(groupsSnapshot.data![index], context,
                            appLocalization(context).share_group_title, Icons.share, 4),
                        _buildPopupMenuItem(
                            groupsSnapshot.data![index],
                            context,
                            appLocalization(context).change_group_infomation_title,
                            Icons.settings_backup_restore,
                            2),
                        _buildPopupMenuItem(
                            groupsSnapshot.data![index],
                            context,
                            appLocalization(context).delete_group_title,
                            Icons.delete_forever_rounded,
                            3),
                      ],
                      icon: const Icon(Icons.more_horiz),
                    )
                        : const SizedBox.shrink(),
                  );
                },
              ),
            );
          }
        },
      );
    } else {
      return const SizedBox.shrink();
    }
  }

  PopupMenuItem _buildPopupMenuItem(
      Group group, BuildContext context, String title, IconData iconData, int position) {
    return PopupMenuItem(
      onTap: () {
        if (title == appLocalization(context).share_group_title) {
          Future.delayed(context.lowDuration, () {
            shareGroup(context, group);
          });
        } else if (title == appLocalization(context).change_group_infomation_title) {
          Future.delayed(context.lowDuration, () {
            createOrJoinGroupDialog(
                context,
                interFamilyBloc,
                widget.role,
                appLocalization(context).change_group_infomation_content,
                appLocalization(context).group_name_title,
                group.name!,
                false,
                group.id!,
                appLocalization(context).description_group,
                group.description ?? "");
          });
        } else if (title == appLocalization(context).delete_group_title) {
          Future.delayed(context.lowDuration, () {
            showActionDialog(
                context,
                widget.role,
                interFamilyBloc,
                appLocalization(context).delete_group_title,
                appLocalization(context).delete_group_content,
                group);
          });
        } else {}
      },
      value: position,
      child: Row(
        // mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Icon(
            iconData,
            color: Colors.black,
          ),
          const SizedBox(width: 10),
          Text(title),
        ],
      ),
    );
  }
}