Regroup/lib/Main_Screens/GroupTab/View/RequestedGroups.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:regroup/Common/CommonGlassmorphism.dart';
import 'package:regroup/Common/CommonWidget.dart';
import 'package:regroup/Utils/Common/CommonAppbar.dart';
import 'package:regroup/Utils/Common/sized_box.dart';
import 'package:regroup/Utils/texts.dart';

class RequestedGroups extends StatefulWidget {
  const RequestedGroups({super.key});

  @override
  State<RequestedGroups> createState() => _RequestedGroupsState();
}

class _RequestedGroupsState extends State<RequestedGroups> {
  List groupData = [
    {
      "imagePath": "assets/images/png/img2.png",
      "text": "Active alliance network",
      "members": "7 members"
    },
    {
      "imagePath": "assets/images/png/img34.png",
      "text": "FitFam federation",
      "members": "7 members"
    },
    {
      "imagePath": "assets/images/png/img2.png",
      "text": "Active alliance network",
      "members": "7 members"
    },
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // key: _scaffoldKey1,
        backgroundColor: const Color(0xFF222935),
        extendBody: true,
        appBar: const CommonAppbar(
          titleTxt: "Requested groups",
        ),
        body: Stack(children: [
          Container(
            decoration: const BoxDecoration(
                image: DecorationImage(
                    image: AssetImage("assets/images/png/Ellipse 1496.png"),
                    fit: BoxFit.fill)),
          ),
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 16.w),
            child:
                Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
              sizedBoxHeight(20.h),
              ListView.builder(
                shrinkWrap: true,
                physics: const BouncingScrollPhysics(),
                itemCount: groupData.length,
                itemBuilder: (context, index) {
                  return groupCard(
                      ontap: () {},
                      imagepath: groupData[index]['imagePath'],
                      title: groupData[index]['text'],
                      members: groupData[index]['members']);
                },
              )
            ]),
          )
        ]));
  }

  Widget groupCard({
    required String imagepath,
    required String title,
    required void Function()? ontap,
    required String members,
  }) {
    return Padding(
      padding: EdgeInsets.only(bottom: 25.h),
      child: GestureDetector(
        onTap: ontap,
        child: commonGlassUI(
            width: double.infinity,
            height: 162.h,
            borderwidth: 0.9,
            borderRadius: BorderRadius.circular(10.r),
            customWidget: Padding(
              padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h),
              child: Column(
                children: [
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Container(
                        height: 65.h,
                        width: 65.h,
                        decoration: const BoxDecoration(
                          shape: BoxShape.circle,
                          // color: Colors.amber,
                        ),
                        child:
                            // Center(
                            //     child: Image.asset(imagepath, fit: BoxFit.cover)),

                            CircleAvatar(
                          backgroundImage: AssetImage(
                            imagepath,
                          ),
                        ),
                      ),
                      sizedBoxWidth(13.w),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          text18w700_FCFCFC(title),
                          sizedBoxHeight(10.h),
                          Row(
                            children: [
                              Image.asset(
                                "assets/images/png/community 1 (traced).png",
                                height: 20.h,
                                width: 20.w,
                              ),
                              sizedBoxWidth(3.w),
                              text14w400_FCFCFCblur("10 groups")
                            ],
                          ),
                        ],
                      ),
                      const Spacer(),
                      PopupMenuButton(
                          surfaceTintColor: const Color(0xFF222935),
                          constraints: BoxConstraints.tightFor(width: 200.w),
                          offset: const Offset(0, 30),
                          color: const Color(0xFF222935),
                          tooltip: "",
                          itemBuilder: (BuildContext context) =>
                              <PopupMenuEntry>[
                                PopupMenuItem(
                                  onTap: () {},
                                  child: Padding(
                                    padding:
                                        EdgeInsets.symmetric(horizontal: 8.w),
                                    child: Row(
                                      children: [
                                        text14w400_FCFCFC("Mute community"),
                                        Spacer(),
                                        Image.asset(
                                          "assets/images/png/Black (1).png",
                                          height: 18.h,
                                          width: 18.w,
                                        )
                                      ],
                                    ),
                                  ),
                                ),
                                PopupMenuDivider(),
                                PopupMenuItem(
                                  onTap: () {},
                                  child: Padding(
                                    padding:
                                        EdgeInsets.symmetric(horizontal: 8.w),
                                    child: Row(
                                      children: [
                                        text14w400_FCFCFC("Hide post"),
                                        Spacer(),
                                        Image.asset(
                                          "assets/images/png/mingcute_eye-close-line.png",
                                          height: 20.h,
                                          width: 20.w,
                                        )
                                      ],
                                    ),
                                  ),
                                ),
                                PopupMenuDivider(),
                                PopupMenuItem(
                                  onTap: () {},
                                  child: Padding(
                                    padding:
                                        EdgeInsets.symmetric(horizontal: 8.w),
                                    child: Row(
                                      children: [
                                        text14w400_FCFCFC("Pin"),
                                        Spacer(),
                                        Image.asset(
                                          "assets/images/png/f7_pin-fill (2).png",
                                          height: 25.h,
                                          width: 25.w,
                                        )
                                      ],
                                    ),
                                  ),
                                ),
                                PopupMenuDivider(),
                                PopupMenuItem(
                                  onTap: () {},
                                  child: Padding(
                                    padding:
                                        EdgeInsets.symmetric(horizontal: 8.w),
                                    child: Row(
                                      children: [
                                        text14w400_FCFCFC("Leave community"),
                                        Spacer(),
                                        Image.asset(
                                          "assets/images/png/logout 1 (traced).png",
                                          height: 18.h,
                                          width: 18.w,
                                        )
                                      ],
                                    ),
                                  ),
                                ),
                              ],
                          child: Image.asset(
                            "assets/images/png/Group 1000004071.png",
                            height: 18.h,
                            width: 20.w,
                          )),
                    ],
                  ),
                  sizedBoxHeight(16.h),
                  commonDivider(),
                  sizedBoxHeight(10.h),
                  Row(
                    children: [
                      stackContainers(
                        number: "+2",
                        containerImages: [
                          "assets/images/png/cimg3.png",
                          "assets/images/png/cimg2.png",
                          "assets/images/png/cimg3.png",
                          "assets/images/png/cimg2.png",
                        ],
                      ),
                      sizedBoxWidth(95.w),
                      text12w400_FCFCFC_blur(members),
                      const Spacer(),
                      Container(
                        width: 127.w,
                        height: 30.h,
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(30.r),
                            color: const Color(0xFFD90B2E)),
                        child:
                            Center(child: text14w400_FCFCFC("Cancel request")),
                      )
                    ],
                  )
                ],
              ),
            )),
      ),
    );
  }
}