import 'package:easy_localization/easy_localization.dart';
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/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/generated/locale_keys.g.dart';
import 'package:mohem_flutter_app/widgets/bottom_sheet.dart';
import 'package:mohem_flutter_app/widgets/bottom_sheets/search_employee_bottom_sheet.dart';
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
import 'package:provider/provider.dart';

class ChatHomeScreen extends StatelessWidget {
  TextEditingController search = TextEditingController();

  @override
  Widget build(BuildContext context) {
    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(),
                  children: <Widget>[
                    Padding(
                      padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
                      child: TextField(
                        onChanged: (String val) {
                          m.filter(val);
                        },
                        decoration: InputDecoration(
                          border: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(5),
                            borderSide: const BorderSide(
                              color: Color(0xFFE5E5E5),
                            ),
                          ),
                          focusedBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(5),
                            borderSide: const BorderSide(
                              color: Color(0xFFE5E5E5),
                            ),
                          ),
                          enabledBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(5),
                            borderSide: const BorderSide(
                              color: Color(0xFFE5E5E5),
                            ),
                          ),
                          contentPadding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                          hintText: LocaleKeys.searchfromchat.tr(),
                          hintStyle: const TextStyle(color: MyColors.lightTextColor, fontStyle: FontStyle.italic),
                          filled: true,
                          fillColor: const Color(0xFFF7F7F7),
                        ),
                      ),
                    ),
                    if (m.searchedChats != null)
                      ListView.separated(
                        itemCount: m.searchedChats!.length,
                        padding: const EdgeInsets.only(bottom: 80),
                        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.searchedChats![index].userStatus == 1 ? MyColors.green2DColor : Colors.red,
                                        borderRadius: const BorderRadius.all(
                                          Radius.circular(10),
                                        ),
                                      ),
                                    ),
                                  )
                                ],
                              ),
                              title: (m.searchedChats![index].userName!.replaceFirst(".", " ").capitalizeFirstofEach ?? "").toText14(color: MyColors.darkTextColor),
                              // subtitle: (m.searchedChats![index].isTyping == true ? "Typing ..." : "").toText11(color: MyColors.normalTextColor),
                              trailing: SizedBox(
                                width: 60,
                                child: Row(
                                  crossAxisAlignment: CrossAxisAlignment.center,
                                  mainAxisAlignment: MainAxisAlignment.end,
                                  mainAxisSize: MainAxisSize.max,
                                  children: <Widget>[
                                    if (m.searchedChats![index].unreadMessageCount! > 0)
                                      Flexible(
                                        child: Container(
                                          padding: EdgeInsets.zero,
                                          alignment: Alignment.centerRight,
                                          width: 18,
                                          height: 18,
                                          decoration: const BoxDecoration(
                                            color: MyColors.redColor,
                                            borderRadius: BorderRadius.all(
                                              Radius.circular(20),
                                            ),
                                          ),
                                          child: (m.searchedChats![index].unreadMessageCount!.toString())
                                              .toText10(
                                                color: MyColors.white,
                                              )
                                              .center,
                                        ),
                                      ),
                                    Flexible(
                                      child: IconButton(
                                        alignment: Alignment.centerRight,
                                        padding: EdgeInsets.zero,
                                        icon: Icon(m.searchedChats![index].isFav! ? Icons.star_sharp : Icons.star_border),
                                        color: m.searchedChats![index].isFav! ? MyColors.yellowColor : MyColors.grey35Color,
                                        onPressed: () {
                                          if (m.searchedChats![index].isFav!) m.unFavoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.searchedChats![index].id!);
                                          if (!m.searchedChats![index].isFav!) m.favoriteUser(userID: AppState().chatDetails!.response!.id!, targetUserID: m.searchedChats![index].id!);
                                        },
                                      ),
                                    )
                                  ],
                                ),
                              ),
                              minVerticalPadding: 0,
                              onTap: () {
                                Navigator.pushNamed(
                                  context,
                                  AppRoutes.chatDetailed,
                                  arguments: {"targetUser": m.searchedChats![index]},
                                ).then((Object? value) {
                                  m.clearSelections();
                                });
                              },
                              onLongPress: () {},
                            ),
                          );
                        },
                        separatorBuilder: (BuildContext context, int index) => const Padding(
                          padding: EdgeInsets.only(right: 10, left: 70),
                          child: Divider(
                            color: Color(0xFFE5E5E5),
                          ),
                        ),
                      ),
                  ],
                );
        },
      ),
      floatingActionButton: FloatingActionButton(
        child: Container(
          width: 60,
          height: 60,
          decoration: const BoxDecoration(
            shape: BoxShape.circle,
            gradient: LinearGradient(
              transform: GradientRotation(.46),
              begin: Alignment.topRight,
              end: Alignment.bottomLeft,
              colors: [
                MyColors.gradiantEndColor,
                MyColors.gradiantStartColor,
              ],
            ),
          ),
          child: const Icon(
            Icons.add,
            size: 30,
            color: MyColors.white,
          ),
        ),
        onPressed: () async {
          showMyBottomSheet(
            context,
            callBackFunc: () {},
            child: SearchEmployeeBottomSheet(
              title: LocaleKeys.searchForEmployee.tr(),
              apiMode: LocaleKeys.delegate.tr(),
              fromChat: true,
              onSelectEmployee: (_selectedEmployee) {},
            ),
          );
        },
      ),
    );
  }
}