import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:mohem_flutter_app/api/chat/chat_provider_model.dart';
import 'package:mohem_flutter_app/app_state/app_state.dart';
import 'package:mohem_flutter_app/classes/colors.dart';
import 'package:mohem_flutter_app/classes/utils.dart';
import 'package:mohem_flutter_app/config/routes.dart';
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
import 'package:provider/provider.dart';

class ChatFavoriteUsersScreen extends StatelessWidget {
  const ChatFavoriteUsersScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      backgroundColor: MyColors.white,
      body: Consumer<ChatProviderModel>(builder: (BuildContext context, ChatProviderModel m, Widget? child) {
        return m.isLoading
            ? ChatHomeShimmer()
            : ListView(
                shrinkWrap: true,
                physics: const AlwaysScrollableScrollPhysics(),
                padding: const EdgeInsets.only(top: 20),
                children: [
                  if (m.favUsersList != null && m.favUsersList.isNotEmpty)
                    ListView.separated(
                      itemCount: m.favUsersList!.length,
                      padding: EdgeInsets.zero,
                      shrinkWrap: true,
                      physics: const NeverScrollableScrollPhysics(),
                      itemBuilder: (BuildContext context, int index) {
                        return SizedBox(
                          height: 55,
                          child: ListTile(
                            leading: Stack(
                              children: [
                                SvgPicture.asset(
                                  "assets/images/user.svg",
                                  height: 48,
                                  width: 48,
                                ),
                                Positioned(
                                  right: 5,
                                  bottom: 1,
                                  child: Container(
                                    width: 10,
                                    height: 10,
                                    decoration: BoxDecoration(
                                      color: m.favUsersList![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
                                      borderRadius: const BorderRadius.all(
                                        Radius.circular(10),
                                      ),
                                    ),
                                  ),
                                )
                              ],
                            ),
                            title: (m.favUsersList![index].userName ?? "").toText14(color: MyColors.darkTextColor),
                            // subtitle: (m.searchedChats![index].isTyping == true ? "Typing ..." : "").toText11(color: MyColors.normalTextColor),
                            trailing: IconButton(
                              alignment: Alignment.centerRight,
                              padding: EdgeInsets.zero,
                              icon: Icon(m.favUsersList![index].isFav! ? Icons.star : Icons.star_border),
                              color: m.favUsersList![index].isFav! ? MyColors.yellowColor : MyColors.grey35Color,
                              onPressed: () {
                                if (m.favUsersList![index].isFav!) m.unFavoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.favUsersList![index].id!);
                              },
                            ),
                            minVerticalPadding: 0,
                            onTap: () {
                              Navigator.pushNamed(
                                context,
                                AppRoutes.chatDetailed,
                                arguments: {"targetUser": m.favUsersList![index]},
                              ).then((value) {
                                m.clearSelections();
                              });
                            },
                            onLongPress: () {},
                          ),
                        );
                      },
                      separatorBuilder: (BuildContext context, int index) => const Padding(
                        padding: EdgeInsets.only(right: 10, left: 70),
                        child: Divider(
                          color: Color(0xFFE5E5E5),
                        ),
                      ),
                    )
                  else
                    Utils.getNoDataWidget(context).expanded
                ],
              );
      }),
    );
  }
}