/// 聊天首页模板
library;

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:loopin/IM/controller/chat_controller.dart';
import 'package:loopin/IM/global_badge.dart';
import 'package:loopin/IM/im_service.dart';
import 'package:loopin/components/network_or_asset_image.dart';
import 'package:loopin/components/scan_util.dart';
import 'package:loopin/models/conversation_type.dart';
import 'package:loopin/models/conversation_view_model.dart';
import 'package:loopin/utils/index.dart';
import 'package:loopin/utils/parse_message_summary.dart';
import 'package:shirne_dialog/shirne_dialog.dart';

import '../../behavior/custom_scroll_behavior.dart';
import '../../styles/index.dart';

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

  @override
  State<ChatPage> createState() => ChatPageState();
}

class ChatPageState extends State<ChatPage> {
  late final ChatController controller;

  @override
  void initState() {
    super.initState();
    controller = Get.find<ChatController>();
  }

  void deletConv(context, ConversationViewModel item) async {
    final res = await ImService.instance.deleteConversation(conversationID: item.conversation.conversationID);
    if (res.success) {
      Navigator.of(context).pop();
      controller.chatList.remove(item);
    }
  }

  // 长按坐标点
  double posDX = 0.0;
  double posDY = 0.0;

  // 下拉刷新
  Future<void> handleRefresh() async {
    await Future.delayed(Duration(seconds: 1));
    setState(() {});
  }

  // 长按菜单
  void showContextMenu(BuildContext context, ConversationViewModel item) {
    bool isLeft = posDX > MediaQuery.of(context).size.width / 2 ? false : true;
    bool isTop = posDY > MediaQuery.of(context).size.height / 2 ? false : true;

    showDialog(
      context: context,
      barrierColor: Colors.black12, // 遮罩透明
      builder: (context) {
        return Stack(
          children: [
            Positioned(
              top: isTop ? posDY : posDY - 135,
              left: isLeft ? posDX : posDX - 135,
              width: 135,
              child: Material(
                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15.0)),
                color: Colors.white,
                elevation: 2.0,
                clipBehavior: Clip.hardEdge,
                child: Column(
                  children: [
                    ListTile(
                      title: const Text(
                        '设为免打扰',
                        style: TextStyle(color: Colors.black87, fontSize: 14.0),
                      ),
                      dense: true,
                      onTap: () {},
                    ),
                    ListTile(
                      title: const Text(
                        '置顶消息',
                        style: TextStyle(color: Colors.black87, fontSize: 14.0),
                      ),
                      dense: true,
                      onTap: () {},
                    ),
                    ListTile(
                      title: const Text(
                        '不显示该消息',
                        style: TextStyle(color: Colors.black87, fontSize: 14.0),
                      ),
                      dense: true,
                      onTap: () {},
                    ),
                    ListTile(
                      title: const Text(
                        '删除',
                        style: TextStyle(color: Colors.black87, fontSize: 14.0),
                      ),
                      dense: true,
                      onTap: () {
                        deletConv(context, item);
                      },
                    )
                  ],
                ),
              ),
            )
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[50],
      appBar: AppBar(
        forceMaterialTransparency: true,
        title: Row(
          spacing: 8.0,
          children: [
            Text('消息'),
            Container(
                padding: EdgeInsets.symmetric(horizontal: 6.0, vertical: 4.0),
                decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20.0), boxShadow: [
                  BoxShadow(
                    color: Colors.black.withAlpha(20),
                    offset: Offset(0.0, 1.0),
                    blurRadius: 2.0,
                    spreadRadius: 0.0,
                  ),
                ]),
                child: InkWell(
                  onTap: () async {
                    if (Get.find<GlobalBadge>().totalUnread > 0) {
                      final res = await ImService.instance.clearConversationUnreadCount(conversationID: '');
                      if (res.success) {
                        MyDialog.toast('操作成功', icon: const Icon(Icons.check_circle), style: ToastStyle(backgroundColor: Colors.green.withAlpha(200)));
                      } else {
                        MyDialog.toast(res.desc, icon: Icon(Icons.warning), style: ToastStyle(backgroundColor: Colors.red.withAlpha(200)));
                      }
                    }
                  },
                  child: Row(
                    spacing: 3.0,
                    children: [
                      Icon(
                        Icons.cleaning_services_sharp,
                        size: 14.0,
                      ),
                      Text(
                        '清除未读',
                        style: TextStyle(fontSize: 12.0),
                      )
                    ],
                  ),
                )),
          ],
        ),
        actions: [
          /// 先不做搜索功能了后面再说
          // IconButton(
          //   icon: const Icon(Icons.search),
          //   onPressed: () {},
          // ),
          IconButton(
            icon: const Icon(Icons.add_circle_outline),
            onPressed: () async {
              final paddingTop = MediaQuery.of(Get.context!).padding.top;

              final selected = await showMenu(
                context: Get.context!,
                position: RelativeRect.fromLTRB(
                  double.infinity,
                  kToolbarHeight + paddingTop - 12,
                  8,
                  double.infinity,
                ),
                color: FStyle.primaryColor,
                elevation: 8,
                items: [
                  PopupMenuItem<String>(
                    value: 'group',
                    child: Row(
                      children: [
                        Icon(Icons.group, color: Colors.white, size: 18),
                        SizedBox(width: 8),
                        Text(
                          '发起群聊',
                          style: TextStyle(color: Colors.white),
                        ),
                      ],
                    ),
                  ),
                  PopupMenuItem<String>(
                    value: 'friend',
                    child: Row(
                      children: [
                        Icon(Icons.person_add, color: Colors.white, size: 18),
                        SizedBox(width: 8),
                        Text(
                          '添加朋友',
                          style: TextStyle(color: Colors.white),
                        ),
                      ],
                    ),
                  ),
                  PopupMenuItem<String>(
                    value: 'scan',
                    child: Row(
                      children: [
                        Icon(Icons.qr_code_scanner, color: Colors.white, size: 18),
                        SizedBox(width: 8),
                        Text(
                          '扫一扫',
                          style: TextStyle(color: Colors.white),
                        ),
                      ],
                    ),
                  ),
                ],
              );

              if (selected != null) {
                switch (selected) {
                  case 'group':
                    logger.w('点击了发起群聊');
                    Get.toNamed('/group');
                    break;
                  case 'friend':
                    logger.w('点击了添加朋友');
                    break;
                  case 'scan':
                    logger.w('点击了扫一扫');
                    ScanUtil.openScanner(onResult: (code) {
                      logger.w('扫码结果：$code');
                      Get.snackbar('扫码成功', code);
                      // 执行业务逻辑
                    });
                    break;
                }
              }
            },
          ),
        ],
      ),
      body: ScrollConfiguration(
        behavior: CustomScrollBehavior().copyWith(scrollbars: false),
        child: Column(
          children: [
            Container(
              margin: EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0),
              padding: EdgeInsets.all(10.0),
              decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(15.0), boxShadow: [
                BoxShadow(
                  color: Colors.black.withAlpha(10),
                  offset: Offset(0.0, 1.0),
                  blurRadius: 2.0,
                  spreadRadius: 0.0,
                ),
              ]),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  Column(
                    children: [
                      SvgPicture.asset(
                        'assets/images/svg/order.svg',
                        height: 36.0,
                        width: 36.0,
                      ),
                      Text('群聊'),
                    ],
                  ),
                  GestureDetector(
                    onTap: () {
                      //互关
                      Get.toNamed('/eachFlow');
                    },
                    child: Column(
                      children: [
                        SvgPicture.asset(
                          'assets/images/svg/kefu.svg',
                          height: 36.0,
                          width: 36.0,
                        ),
                        Text('互关'),
                      ],
                    ),
                  ),
                  GestureDetector(
                    onTap: () {
                      // 粉丝
                      Get.toNamed('/fans');
                    },
                    child: Column(
                      children: [
                        SvgPicture.asset(
                          'assets/images/svg/comment.svg',
                          height: 36.0,
                          width: 36.0,
                        ),
                        Text('粉丝'),
                      ],
                    ),
                  ),
                  GestureDetector(
                    onTap: () {
                      // 关注
                      Get.toNamed('/flow');
                    },
                    child: Column(
                      children: [
                        SvgPicture.asset(
                          'assets/images/svg/comment.svg',
                          height: 36.0,
                          width: 36.0,
                        ),
                        Text('关注'),
                      ],
                    ),
                  ),
                ],
              ),
            ),
            Expanded(
              child: Obx(
                () {
                  final chatList = controller.chatList;

                  return ListView.builder(
                    shrinkWrap: true,
                    physics: BouncingScrollPhysics(),
                    itemCount: chatList.length,
                    itemBuilder: (context, index) {
                      // logger.w(chatList[index].conversation.conversationGroupList);
                      // logger.w(chatList[index].isCustomAdmin);
                      final isNoFriend = chatList[index].conversation.conversationGroupList?.contains(ConversationType.noFriend.name) ?? false;
                      final isAdmin =
                          chatList[index].isCustomAdmin != null && (chatList[index].isCustomAdmin?.isNotEmpty ?? false) && chatList[index].isCustomAdmin != '0';

                      // logger.e(chatList[index].isCustomAdmin);
                      return Ink(
                        // color: chatList[index]['topMost'] == null ? Colors.white : Colors.grey[100], //置顶颜色
                        child: InkWell(
                          splashColor: Colors.grey[200],
                          child: Container(
                            padding: const EdgeInsets.symmetric(horizontal: 15.0, vertical: 10.0),
                            child: Row(
                              spacing: 10.0,
                              children: <Widget>[
                                // 头图
                                ClipOval(
                                  child: NetworkOrAssetImage(
                                    imageUrl: chatList[index].faceUrl,
                                    width: 50,
                                    height: 50,
                                  ),
                                ),

                                // 消息
                                Expanded(
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: <Widget>[
                                      Text(
                                        chatList[index].conversation.showName ?? '未知',
                                        style: TextStyle(
                                            fontSize: (isAdmin || isNoFriend) ? 20 : 16,
                                            fontWeight: (isAdmin || isNoFriend) ? FontWeight.bold : FontWeight.normal),
                                      ),
                                      const SizedBox(height: 2.0),
                                      Text(
                                        chatList[index].conversation.lastMessage != null ? parseMessageSummary(chatList[index].conversation.lastMessage!) : '',
                                        style: const TextStyle(color: Colors.grey, fontSize: 13.0),
                                        overflow: TextOverflow.ellipsis,
                                      ),
                                    ],
                                  ),
                                ),
                                // 右侧

                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.end,
                                  children: <Widget>[
                                    Visibility(
                                      visible: !(isAdmin || isNoFriend),
                                      child: Text(
                                        // 转成日期字符串显示
                                        // DateTime.fromMillisecondsSinceEpoch(
                                        //   (chatList[index].conversation.lastMessage!.timestamp ?? 0) * 1000,
                                        // ).toLocal().toString().substring(0, 16), // 简单截取年月日时分
                                        Utils.formatTime(chatList[index].conversation.lastMessage!.timestamp ?? DateTime.now().millisecondsSinceEpoch ~/ 1000),
                                        style: const TextStyle(color: Colors.grey, fontSize: 12.0),
                                      ),
                                    ),
                                    const SizedBox(height: 5.0),
                                    // 数字角标
                                    Visibility(
                                      visible: (chatList[index].conversation.unreadCount ?? 0) > 0,
                                      child: FStyle.badge(chatList[index].conversation.unreadCount ?? 0),
                                    ),
                                  ],
                                ),
                                Visibility(
                                  visible: (isAdmin || isNoFriend),
                                  child: const Icon(
                                    Icons.arrow_forward_ios,
                                    color: Colors.blueGrey,
                                    size: 14.0,
                                  ),
                                ),
                              ],
                            ),
                          ),
                          onTap: () {
                            if (conversationTypeFromString(chatList[index].isCustomAdmin) != null) {
                              // 跳转对应的通知消息页
                              logger.e(chatList[index].isCustomAdmin);
                              Get.toNamed('/${chatList[index].isCustomAdmin}', arguments: chatList[index].conversation.lastMessage);
                            } else if (chatList[index].conversation.conversationGroupList!.contains(ConversationType.noFriend.name)) {
                              // 跳转陌生人消息页面
                              logger.e(chatList[index].conversation.conversationGroupList);
                              Get.toNamed('/noFriend');
                            } else {
                              // 会话id查询会话详情
                              Get.toNamed('/chat', arguments: chatList[index].conversation);
                            }
                          },
                          onTapDown: (TapDownDetails details) {
                            posDX = details.globalPosition.dx;
                            posDY = details.globalPosition.dy;
                          },
                          onLongPress: () {
                            showContextMenu(context, chatList[index]);
                          },
                        ),
                      );
                    },
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}