mohemm-flutter-app/lib/ui/chat/chat_detailed_screen.dart

import 'dart:async';
import 'dart:convert';

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:mohem_flutter_app/app_state/app_state.dart';
import 'package:mohem_flutter_app/classes/colors.dart';
import 'package:mohem_flutter_app/extensions/int_extensions.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/main.dart';
import 'package:mohem_flutter_app/models/chat/call.dart';
import 'package:mohem_flutter_app/models/chat/get_single_user_chat_list_model.dart';
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
import 'package:mohem_flutter_app/ui/chat/call/chat_outgoing_call_screen.dart';
import 'package:mohem_flutter_app/ui/chat/chat_bubble.dart';
import 'package:mohem_flutter_app/widgets/app_bar_widget.dart';
import 'package:mohem_flutter_app/widgets/shimmer/dashboard_shimmer_widget.dart';
import 'package:provider/provider.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:signalr_netcore/signalr_client.dart';
import 'package:swipe_to/swipe_to.dart';

class ChatDetailScreen extends StatefulWidget {
  // ignore: prefer_const_constructors_in_immutables
  ChatDetailScreen({Key? key}) : super(key: key);

  @override
  State<ChatDetailScreen> createState() => _ChatDetailScreenState();
}

class _ChatDetailScreenState extends State<ChatDetailScreen> {
  final RefreshController _rc = RefreshController(initialRefresh: false);
  dynamic userDetails;
  late ChatProviderModel data;

  void getMoreChat() async {
    if (userDetails != null) {
      data.paginationVal = data.paginationVal + 10;
      if (userDetails != null) {
        data.getSingleUserChatHistory(
          senderUID: AppState().chatDetails!.response!.id!.toInt(),
          receiverUID: userDetails["targetUser"].id,
          loadMore: true,
          isNewChat: false,
        );
      }
    }
    await Future.delayed(
      const Duration(milliseconds: 1000),
    );
    _rc.loadComplete();
  }

  @override
  Widget build(BuildContext context) {
    userDetails = ModalRoute.of(context)!.settings.arguments;
    data = Provider.of<ChatProviderModel>(context, listen: false);
    if (userDetails != null) {
      data.getSingleUserChatHistory(
        senderUID: AppState().chatDetails!.response!.id!.toInt(),
        receiverUID: userDetails["targetUser"].id,
        loadMore: false,
        isNewChat: userDetails["isNewChat"],
      );
    }

    return Scaffold(
      backgroundColor: MyColors.backgroundColor,
      appBar: AppBarWidget(
        context,
        title: userDetails["targetUser"].userName.toString().replaceAll(".", " ").capitalizeFirstofEach,
        showHomeButton: false,
        image: userDetails["targetUser"].image == null || userDetails["targetUser"].image.isEmpty ? null : userDetails["targetUser"].image,
        actions: [
          SvgPicture.asset("assets/icons/chat/call.svg", width: 21, height: 23).onPress(() {
            // makeCall(callType: "AUDIO", con: hubConnection);
          }),
          24.width,
          SvgPicture.asset("assets/icons/chat/video_call.svg", width: 21, height: 18).onPress(() {
            // makeCall(callType: "VIDEO", con: hubConnection);
          }),
          21.width,
        ],
      ),
      body: Consumer<ChatProviderModel>(
        builder: (BuildContext context, ChatProviderModel m, Widget? child) {
          return (m.isLoading
              ? ChatHomeShimmer(
                  isDetailedScreen: true,
                )
              : Column(
                  children: <Widget>[
                    SmartRefresher(
                      enablePullDown: false,
                      enablePullUp: true,
                      onLoading: () {
                        getMoreChat();
                      },
                      header: const MaterialClassicHeader(
                        color: MyColors.gradiantEndColor,
                      ),
                      controller: _rc,
                      reverse: true,
                      child: ListView.separated(
                        controller: m.scrollController,
                        shrinkWrap: true,
                        physics: const BouncingScrollPhysics(),
                        reverse: true,
                        itemCount: m.userChatHistory.length,
                        padding: const EdgeInsets.all(21),
                        separatorBuilder: (cxt, index) => 8.height,
                        itemBuilder: (BuildContext context, int i) {
                          return SwipeTo(
                            iconColor: MyColors.lightGreenColor,
                            child: ChatBubble(
                              dateTime: m.dateFormte(m.userChatHistory[i].createdDate!),
                              cItem: m.userChatHistory[i],
                            ),
                            onRightSwipe: () {
                              m.chatReply(
                                m.userChatHistory[i],
                              );
                            },
                          ).onPress(() {
                            logger.d(jsonEncode(m.userChatHistory[i]));
                          });
                        },
                      ),
                    ).expanded,
                    if (m.isMsgReply)
                      SizedBox(
                        height: 82,
                        child: Row(
                          children: <Widget>[
                            Container(height: 82, color: MyColors.textMixColor, width: 6),
                            Container(
                              color: MyColors.darkTextColor.withOpacity(0.10),
                              padding: const EdgeInsets.only(top: 11, left: 14, bottom: 14, right: 21),
                              child: Row(
                                children: [
                                  Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      (AppState().chatDetails!.response!.userName == m.repliedMsg.first.currentUserName.toString()
                                              ? "You"
                                              : m.repliedMsg.first.currentUserName.toString().replaceAll(".", " "))
                                          .toText14(color: MyColors.lightGreenColor),
                                      (m.repliedMsg.isNotEmpty ? m.repliedMsg.first.contant! : "").toText12(color: MyColors.grey71Color, maxLine: 2)
                                    ],
                                  ).expanded,
                                  12.width,
                                  if (m.isMsgReply && m.repliedMsg.isNotEmpty) showReplyImage(m.repliedMsg),
                                  12.width,
                                  const Icon(Icons.cancel, size: 23, color: MyColors.grey7BColor).onPress(m.closeMe),
                                ],
                              ),
                            ).expanded,
                          ],
                        ),
                      ),
                    if (m.isFileSelected && m.sFileType == ".png" || m.sFileType == ".jpeg" || m.sFileType == ".jpg")
                      SizedBox(height: 200, width: double.infinity, child: Image.file(m.selectedFile, fit: BoxFit.cover)).paddingOnly(left: 21, right: 21, top: 21),
                    const Divider(
                      height: 1,
                      color: MyColors.lightGreyEFColor,
                    ),
                    TextField(
                      controller: m.message,
                      decoration: InputDecoration(
                        hintText: m.isFileSelected ? m.selectedFile.path.split("/").last : LocaleKeys.typeheretoreply.tr(),
                        hintStyle: TextStyle(color: m.isFileSelected ? MyColors.darkTextColor : MyColors.grey98Color, fontSize: 14),
                        border: InputBorder.none,
                        focusedBorder: InputBorder.none,
                        enabledBorder: InputBorder.none,
                        errorBorder: InputBorder.none,
                        disabledBorder: InputBorder.none,
                        filled: true,
                        fillColor: MyColors.white,
                        contentPadding: const EdgeInsets.only(
                          left: 21,
                          top: 20,
                          bottom: 20,
                        ),
                        prefixIconConstraints: const BoxConstraints(),
                        prefixIcon: m.sFileType.isNotEmpty
                            ? SvgPicture.asset(m.getType(m.sFileType), height: 30, width: 22, alignment: Alignment.center, fit: BoxFit.cover).paddingOnly(left: 21, right: 15)
                            : null,
                        suffixIcon: SizedBox(
                          width: 100,
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.end,
                            crossAxisAlignment: CrossAxisAlignment.center, // added line
                            children: <Widget>[
                              if (m.sFileType.isNotEmpty)
                                Row(
                                  children: <Widget>[
                                    const Icon(Icons.cancel, size: 15, color: MyColors.redA3Color).paddingOnly(right: 5),
                                    ("Clear").toText11(color: MyColors.redA3Color, isUnderLine: true).paddingOnly(left: 0),
                                  ],
                                ).onPress(() => m.removeAttachment()).paddingOnly(right: 25),
                              if (m.sFileType.isEmpty)
                                RotationTransition(
                                  turns: const AlwaysStoppedAnimation(45 / 360),
                                  child: const Icon(Icons.attach_file_rounded, size: 26, color: MyColors.grey3AColor).onPress(
                                    () => m.selectImageToUpload(context),
                                  ),
                                ).paddingOnly(right: 25),
                              SvgPicture.asset("assets/icons/chat/chat_send_icon.svg", height: 26, width: 26).onPress(
                                () => m.sendChatMessage(userDetails["targetUser"].id, userDetails["targetUser"].userName, context),
                              ),
                            ],
                          ),
                        ).paddingOnly(right: 21),
                      ),
                    ),
                  ],
                ));
        },
      ),
    );
  }

  Widget showReplyImage(List<SingleUserChatModel> data) {
    if (data.first.isImageLoaded! && data.first.image != null) {
      return Container(
        width: 43,
        height: 43,
        decoration: BoxDecoration(
            border: Border.all(color: MyColors.darkGrey3BColor, width: 1), borderRadius: BorderRadius.circular(10.0), image: DecorationImage(image: MemoryImage(data.first.image!), fit: BoxFit.cover)),
      );
    } else {
      return const SizedBox();
    }
  }

  void makeCall({required String callType, required HubConnection con}) async {
    print("================== Make call Triggered ============================");
    Map<String, dynamic> json = {
      "callerID": AppState().chatDetails!.response!.id!.toString(),
      "callReceiverID": userDetails["targetUser"].id.toString(),
      "notification_foreground": "true",
      "message": "Aamir is calling",
      "title": "Video Call",
      "type": callType == "VIDEO" ? "Video" : "Audio",
      "identity": AppState().chatDetails!.response!.userName,
      "name": AppState().chatDetails!.response!.title,
      "is_call": "true",
      "is_webrtc": "true",
      "contant": "Start video Call ${AppState().chatDetails!.response!.userName}",
      "contantNo": "775d1f11-62d9-6fcc-91f6-21f8c14559fb",
      "chatEventId": "3",
      "fileTypeId": null,
      "currentUserId": AppState().chatDetails!.response!.id!.toString(),
      "chatSource": "1",
      "userChatHistoryLineRequestList": [
        {
          "isSeen": false,
          "isDelivered": false,
          "targetUserId": userDetails["targetUser"].id,
          "targetUserStatus": 4,
        }
      ],
      // "server": "https://192.168.8.163:8086",
      "server": "https://livecareturn.hmg.com:8086",
    };
    CallDataModel callData = CallDataModel.fromJson(json);
    await Navigator.push(
      context,
      MaterialPageRoute(
        builder: (BuildContext context) => OutGoingCall(
          isVideoCall: callType == "VIDEO" ? true : false,
          OutGoingCallData: callData,
        ),
      ),
    );
  }
}