import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.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/blureffect.dart';
import 'package:regroup/Utils/Common/sized_box.dart';
import 'package:regroup/Utils/texts.dart';
import 'package:regroup/resources/routes/route_name.dart';

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

  @override
  State<SubGroups> createState() => _SubGroupsState();
}

class _SubGroupsState extends State<SubGroups> {
  List subgroupData = [
    {
      "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: Color(0xFF222935),
        extendBody: true,
        resizeToAvoidBottomInset: false,
        appBar: CommonAppbar(
          titleTxt: "Subgroups",
          customActionWidget: InkWell(
            onTap: () {
              // Get.toNamed(RouteName.addEvent);
            },
            child: Container(
              height: 35.h,
              width: 35.w,
              decoration: BoxDecoration(
                color: Color(0xFFD90B2E),
                shape: BoxShape.circle,
                boxShadow: [
                  BoxShadow(
                    color: Color(0x40000000),
                    offset: Offset(0, 6),
                    blurRadius: 8,
                    spreadRadius: 0,
                  ),
                ],
              ),
              child: Icon(Icons.add, color: Colors.white, weight: 2),
            ),
          ),
        ),
        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(30.h),
                        Expanded(
                          child: ListView.builder(
                            shrinkWrap: true,
                            physics: BouncingScrollPhysics(),
                            itemCount: subgroupData.length,
                            itemBuilder: (context, index) {
                              return subgroupCard(
                                  ontap: () {
                                    Get.toNamed(RouteName.groupdetail);
                                  },
                                  imagepath: subgroupData[index]['imagePath'],
                                  title: subgroupData[index]['text'],
                                  members: subgroupData[index]['members']);
                            },
                          ),
                        )
                      ]))
        ]));
  }

  Widget subgroupCard({
    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: commonGlassContainer(
            border: 0.9,
            width: double.infinity,
            height: 162.h,
            borderradius: 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: 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")
                            ],
                          ),
                        ],
                      ),
                      Spacer(),
                      PopupMenuButton(
                          surfaceTintColor: Color(0xFF222935),
                          constraints: BoxConstraints.tightFor(width: 200.w),
                          offset: Offset(0, 30),
                          color: 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),
                    ],
                  )
                ],
              ),
            )),
      ),
    );
  }
}