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/Common/controller/CommonTextFormField.dart';


import 'package:regroup/Utils/Common/sized_box.dart';
import 'package:regroup/Utils/texts.dart';
import 'package:regroup/resources/routes/route_name.dart';

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

  @override
  State<SearchGroup> createState() => _SearchGroupState();
}

class _SearchGroupState extends State<SearchGroup> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: const Color(0xFF222935),
        extendBody: true,
        body: SafeArea(
          child: Stack(children: [
            Container(
              decoration: const BoxDecoration(
                  image: DecorationImage(
                      image: AssetImage("assets/images/png/Ellipse 1496.png"),
                      fit: BoxFit.fill)),
            ),
            Padding(
                padding: const EdgeInsets.symmetric(horizontal: 16),
                child: Column(children: [
                  sizedBoxHeight(20.h),
                  commonDivider(),
                  sizedBoxHeight(20.h),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      SizedBox(
                        width: 300.w,
                        child: CustomTextFormField(
                          leadingIcon: SizedBox(
                            height: 23,
                            width: 23,
                            child: Center(
                              child: Image.asset(
                                "assets/images/png/ion_search-outline.png",
                                height: 23,
                                width: 23,
                              ),
                            ),
                          ),
                          hintText: "Search groups",
                        ),
                      ),
                      text14400white("Cancel"),
                    ],
                  ),
                  sizedBoxHeight(25.h),
                  Row(
                    children: [
                      text18w700white("Recent"),
                      const Spacer(),
                      text16w400_FCFCFCblur("See all"),
                    ],
                  ),
                  sizedBoxHeight(30.h),
                  GestureDetector(
                    onTap: () {
                      Get.toNamed(RouteName.detailexplore);
                    },
                    child: rowTile(
                        imagePath: "assets/images/png/ion_search-outline.png",
                        title: "Athletes"),
                  ),
                  sizedBoxHeight(12.h),
                  commonDivider(),
                  sizedBoxHeight(16.h),
                  Row(
                    children: [
                      CircleAvatar(
                        radius: 15.r,
                        backgroundImage:
                            const AssetImage("assets/images/png/cimg3.png"),
                      ),
                      sizedBoxWidth(12.w),
                      text16400white("Kartikey gautam"),
                      const Spacer(),
                      const Icon(
                        Icons.clear,
                        color: Colors.white,
                      )
                    ],
                  ),
                  sizedBoxHeight(12.h),
                  commonDivider(),
                  sizedBoxHeight(16.h),
                  rowTile(
                      imagePath: "assets/images/png/Black.png",
                      title: "Athletes"),
                  sizedBoxHeight(12.h),
                  commonDivider(),
                  sizedBoxHeight(16.h),
                  rowTile(
                      imagePath: "assets/images/png/Vector (5)aa.png",
                      title: "Athletes"),
                  sizedBoxHeight(12.h),
                  commonDivider(),
                  sizedBoxHeight(16.h),
                  rowTile(
                      imagePath: "assets/images/png/calender.png",
                      title: "Athletes"),
                  sizedBoxHeight(12.h),
                  commonDivider(),
                  sizedBoxHeight(16.h),
                ]))
          ]),
        ));
  }

  Widget rowTile({required String imagePath, required String title}) {
    return Row(
      children: [
        commonGlassContainer(
            width: 30.w,
            height: 30.h,
            borderradius: 100,
            customWidget: Center(
              child: Image.asset(
                imagePath,
                height: 16.h,
                width: 16.w,
              ),
            ),
            border: 0.5),
        sizedBoxWidth(12.w),
        text16400white(title),
        const Spacer(),
        const Icon(
          Icons.clear,
          color: Colors.white,
        )
      ],
    );
  }
}