mirrored_repositories/offerApp_Ecommerce/lib/screens/admin
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:offerapp/common/colors.dart';
import 'package:offerapp/screens/admin/storemanagement/storeDetailsPage.dart';
import 'package:offerapp/widgets/apptext.dart';

class ViewAllUsers extends StatefulWidget {
  const ViewAllUsers({Key? key}) : super(key: key);

  @override
  State<ViewAllUsers> createState() => _ViewAllUsersState();
}

class _ViewAllUsersState extends State<ViewAllUsers> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(

        backgroundColor: primaryColor,
        elevation: 0.0,
        title: Text("All Users"),
      ),
      body: Container(
        height: double.infinity,
        width: double.infinity,
        padding: EdgeInsets.all(20),
        child: SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              AppText(data:"All Users",txtColor: Colors.black87,textSize: 18,),
              SizedBox(height: 20,),
              Container(
                  height: MediaQuery.of(context).size.height*0.75,
                  child:StreamBuilder<QuerySnapshot>(

                    stream: FirebaseFirestore.instance.collection('users').snapshots(),

                    builder: (_,snapshot){


                      if(snapshot.hasData){

                        List<QueryDocumentSnapshot> stores = snapshot.data!.docs;


                        return  ListView.builder(
                            itemCount: snapshot.data!.docs.length,
                            itemBuilder: (_, index) {
                              return InkWell(
                                onTap: (){
                                  // Navigator.push(
                                  //   context,
                                  //   PageRouteBuilder(
                                  //       pageBuilder: (_, __, ___) => StoreDetailsPageAdmin(
                                  //         storeid:stores[index]['name'],
                                  //       ),
                                  //       transitionDuration: Duration(milliseconds: 400),
                                  //       transitionsBuilder:
                                  //           (context, animation, anotherAnimation, child) {
                                  //         animation = CurvedAnimation(
                                  //             curve: Curves.easeIn, parent: animation);
                                  //         return Align(
                                  //             child: SlideTransition(
                                  //               position: Tween(
                                  //                   begin: Offset(1.0, 0.0),
                                  //                   end: Offset(0.0, 0.0))
                                  //                   .animate(animation),
                                  //               child: child,
                                  //             ));
                                  //       }),
                                  // );
                                },
                                child: Card(
                                  elevation: 5.0,
                                  child: Container(
                                   decoration: BoxDecoration(
                                     gradient: LinearGradient(
                                       colors: [Color(0xffE85C90),
                                       Color(0xff07C8F9)
                                       ]
                                     )
                                   ),
                                      height: 100,
                                      width: MediaQuery.of(context).size.width,
                                      child: Stack(
                                        children: [
                                          Container(
                                            padding: EdgeInsets.all(20),
                                            //color: Colors.teal,
                                            width: 120,
                                            height: 180,
                                            child: CircleAvatar(
                                              backgroundColor: Color(0xffDC498D),
                                              child: Center(
                                                child: Text((index+1).toString()),
                                              ),
                                            ),
                                          ),
                                          Align(
                                            alignment: Alignment(0.8, 0.0),
                                            child: Container(
                                                padding: EdgeInsets.all(10),
                                                //color: Colors.grey,
                                                width:
                                                MediaQuery.of(context).size.width - 160,
                                                height: 100,

                                                child:
                                                Column(
                                                  mainAxisAlignment: MainAxisAlignment.center,
                                                  crossAxisAlignment: CrossAxisAlignment.start,
                                                  children: [
                                                    AppText(data: stores[index]['name'],txtColor: Colors.black87,)
                                                    ,AppText(data: stores[index]['email'],txtColor: Colors.black45,textSize: 12,)
                                                    ,AppText(data: stores[index]['phone'],txtColor: Colors.black45,textSize: 12,)
                                                    ,

                                                    // Container(
                                                    //     height: 40,
                                                    //     width: MediaQuery.of(context).size.width - 160,
                                                    //     child: Row(
                                                    //       mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                                    //       children: [
                                                    //         stores[index]['status']==1?      AppText(data: "Verified",textSize: 16,fw: FontWeight.w700,txtColor: Colors.green,):AppText(data: "Not Verified",textSize: 16,fw: FontWeight.w700,txtColor: Colors.red,),
                                                    //         stores[index]['status']==1?    IconButton(onPressed: (){}, icon: Icon(Icons.offline_pin,color: Colors.green,)):IconButton(onPressed: (){}, icon: Icon(Icons.dangerous,color: Colors.red,))
                                                    //       ],
                                                    //     )),


                                                  ],
                                                )
                                            ),
                                          ),
                                          // Positioned(
                                          //   top: 50,
                                          //   left: 0,
                                          //   bottom: 50,
                                          //   child: Container(
                                          //     height: 20,
                                          //     width: 30,
                                          //     decoration: BoxDecoration(
                                          //       color: primaryColor.withOpacity(0.5),
                                          //       shape: BoxShape.rectangle
                                          //     ),
                                          //     child: Center(child: Text((index+1).toString())),
                                          //   ),
                                          // )
                                        ],
                                      )),
                                ),
                              );
                            });
                      }

                      return Center(
                        child: CircularProgressIndicator(),
                      );
                    },

                  )
              )

            ],
          ),
        ),
      ),
    );
  }
}
