dating_touchme_app/lib/pages/message/chat_page.dart

import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:im_flutter_sdk/im_flutter_sdk.dart';

import '../../controller/message/call_controller.dart';
import '../../controller/message/chat_controller.dart';
import '../../controller/message/voice_player_manager.dart';
import '../../generated/assets.dart';
import '../../model/home/marriage_data.dart';
import '../../model/rtc/chat_audio_product_model.dart';
import '../../../widget/message/chat_input_bar.dart';
import '../../../widget/message/message_item.dart';
import '../../../widget/message/chat_gift_popup.dart';
import '../../../widget/message/call_type_selection_dialog.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'chat_settings_page.dart';
import 'video_call_page.dart';
import '../home/user_information_page.dart';
import '../../../widget/live/live_recharge_popup.dart';

class ChatPage extends StatefulWidget {
  final String userId; // 对应 MarriageData.userId
  final MarriageData? userData; // 可选：从外部传入的用户数据模型

  const ChatPage({
    required this.userId,
    this.userData,
    super.key,
  });

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

class _ChatPageState extends State<ChatPage> {
  /// 根据出生年份计算年龄
  String _calculateAgeFromBirthYear(String birthYear) {
    if (birthYear.isEmpty) {
      return '0';
    }
    
    try {
      final year = int.tryParse(birthYear);
      if (year == null) {
        return '0';
      }
      
      final currentYear = DateTime.now().year;
      final age = currentYear - year;
      return age > 0 ? age.toString() : '0';
    } catch (e) {
      return '0';
    }
  }
  final ScrollController _scrollController = ScrollController();
  bool _isLoadingMore = false;
  late ChatController _controller;
  
  // 礼物弹窗相关
  final activeGift = ValueNotifier<int?>(null);
  final giftNum = ValueNotifier<int>(1);

  @override
  void initState() {
    super.initState();
    // 初始化 controller，直接传入用户信息参数
    // 如果已存在相同 userId 的 controller，先删除再创建新的，确保参数正确
    final tag = 'chat_${widget.userId}';
    if (Get.isRegistered<ChatController>(tag: tag)) {
      Get.delete<ChatController>(tag: tag);
    }
    _controller = Get.put(
      ChatController(
        userId: widget.userId,
        userData: widget.userData,
      ),
      tag: tag,
    );

    // 监听滚动，当滚动到顶部时加载更多消息
    _scrollController.addListener(() {
      if (_scrollController.hasClients &&
          _scrollController.position.pixels <=
              _scrollController.position.minScrollExtent + 100 &&
          !_isLoadingMore &&
          _controller.messages.isNotEmpty &&
          _controller.hasMoreMessages()) {
        _loadMoreMessages();
      }
    });

    // 监听消息列表变化，自动滚动到底部（跳过用户信息卡片）
    _controller.messages.listen((_) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        if (_scrollController.hasClients && _controller.messages.isNotEmpty) {
          // 滚动到消息列表的底部（跳过顶部的用户信息卡片）
          _scrollController.animateTo(
            _scrollController.position.maxScrollExtent,
            duration: Duration(milliseconds: 300),
            curve: Curves.easeOut,
          );
        }
      });
    });
    
    // 页面可见后，延迟一小段时间标记所有消息为已读（确保页面已完全渲染）
    WidgetsBinding.instance.addPostFrameCallback((_) {
      Future.delayed(Duration(milliseconds: 300), () {
        _controller.markAllMessagesAsRead();
      });
    });
  }

  @override
  void dispose() {
    _scrollController.dispose();
    activeGift.dispose();
    giftNum.dispose();
    super.dispose();
  }

  // 显示礼物弹窗
  void _showGiftPopup() {
    // 隐藏键盘
    FocusScope.of(context).unfocus();
    final giftProducts = _controller.giftProducts.toList();
    if (giftProducts.isEmpty) {
      SmartDialog.showToast('礼物列表加载中，请稍候...');
      return;
    }

    SmartDialog.show(
      builder: (context) {
        return ChatGiftPopup(
          activeGift: activeGift,
          giftNum: giftNum,
          giftList: giftProducts,
          changeActive: (index) {
            activeGift.value = index;
          },
          onSendGift: (gift, quantity) async {
            await _controller.sendGift(gift: gift, quantity: quantity);
          },
        );
      },
      alignment: Alignment.bottomCenter,
      animationType: SmartAnimationType.centerFade_otherSlide,
      maskColor: Colors.black.withOpacity(0.5),
      maskWidget: GestureDetector(
        onTap: () => SmartDialog.dismiss(),
        child: Container(color: Colors.transparent),
      ),
    );
  }

  // 显示通话类型选择弹框
  void _showCallTypeSelectionDialog(
    ChatController controller, {
    List<ChatAudioProductModel>? products,
  }) {
    // 隐藏键盘
    FocusScope.of(context).unfocus();
    SmartDialog.show(
      builder: (context) {
        return CallTypeSelectionDialog(
          products: products,
          onVoiceCall: () async {
            // 发起语音通话并跳转到视频通话页面
            final success = await CallController.instance.initiateCall(
              targetUserId: widget.userId,
              callType: CallType.voice,
              chatController: controller,
            );
            // 只有发起通话成功时才跳转到视频通话页面
            if (success) {
              Get.to(() => VideoCallPage(
                targetUserId: widget.userId,
                userData: widget.userData ?? controller.userData,
                isInitiator: true,
              ));
            }
          },
          onVideoCall: () async {
            // 发起视频通话并跳转到视频通话页面
            final success = await CallController.instance.initiateCall(
              targetUserId: widget.userId,
              callType: CallType.video,
              chatController: controller,
            );
            // 只有发起通话成功时才跳转到视频通话页面
            if (success) {
            Get.to(() => VideoCallPage(
              targetUserId: widget.userId,
              userData: widget.userData ?? controller.userData,
              isInitiator: true,
            ));
            }
          },
        );
      },
      alignment: Alignment.bottomCenter,
      animationType: SmartAnimationType.centerFade_otherSlide,
      maskColor: Colors.black.withOpacity(0.5),
      maskWidget: GestureDetector(
        onTap: () => SmartDialog.dismiss(),
        child: Container(color: Colors.transparent),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return GetBuilder<ChatController>(
      init: _controller,
      builder: (controller) {
        return WillPopScope(
          onWillPop: () async {
            // 退出页面时停止播放并销毁播放器
            await VoicePlayerManager.instance.stop();
            // 关闭礼物弹框
            SmartDialog.dismiss();
            return true;
          },
          child: Scaffold(
            backgroundColor: Color(0xffF5F5F5),
            appBar: AppBar(
              title: Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text(
                    controller.userNickName ?? widget.userData?.nickName ?? '',
                    style: TextStyle(fontSize: 18.sp),
                  ),
                  // 使用 Obx 来响应在线状态的变化
                  Obx(() {
                    final isOnline = controller.isUserOnline.value;
                    if (isOnline) {
                      return Row(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          SizedBox(width: 8.w),
                          Container(
                            width: 46.w,
                            height: 26.h,
                            decoration: BoxDecoration(
                              color: Color.fromRGBO(234, 255, 219, 0.5),
                              borderRadius: BorderRadius.circular(178),
                            ),
                            child: Center(
                              child: Text(
                                '在线',
                                style: TextStyle(
                                  fontSize: 12.sp,
                                  color: Color.fromRGBO(38, 199, 124, 1),
                                ),
                              ),
                            ),
                          ),
                        ],
                      );
                    }
                    return SizedBox.shrink();
                  }),
                ],
              ),
              centerTitle: false,
              actions: [
                Container(
                  padding: EdgeInsets.only(right: 16.w),
                  child: Image.asset(Assets.imagesMore, width: 16.w),
                ).onTap(() {
                  // 跳转到聊天设置页面，传递用户信息
                  Get.to(() => ChatSettingsPage(
                    userId: widget.userId,
                    userData: widget.userData ?? _controller.userData,
                  ));
                }),
              ],
              leading: IconButton(
                icon: Icon(Icons.arrow_back_ios),
                onPressed: () {
                  Get.back();
                },
              ),
            ),
            body: Column(
              children: [
                // 消息列表区域
                Expanded(
                  child: Container(
                    color: Color(0xffF5F5F5),
                    child: GestureDetector(
                      onTap: () {
                        // 点击消息区域收起键盘
                        FocusManager.instance.primaryFocus?.unfocus();
                      },
                      behavior: HitTestBehavior.opaque,
                      child: ListView.builder(
                        controller: _scrollController,
                        reverse: false,
                        padding: EdgeInsets.only(
                          top: 16.w,
                          left: 16.w,
                          right: 16.w,
                          bottom: 16.w,
                        ),
                        itemCount: controller.messages.length + 1, // 添加用户信息卡片
                        // 🚀 性能优化：添加缓存范围，减少重建
                        cacheExtent: 500, // 缓存屏幕外500像素的内容
                        itemBuilder: (context, index) {
                          // 第一个是用户信息卡片
                          if (index == 0) {
                            return _buildUserInfoCard(controller, widget.userData);
                          }
                          
                          final message = controller.messages[index - 1];
                          Get.log('message: $message');
                          final isSentByMe =
                              message.direction == MessageDirection.SEND;

                          final previousMessage = index > 1
                              ? controller.messages[index - 2]
                              : null;

                          // 检查是否需要显示508错误提示（使用临时状态，不持久化）
                          final showRoseError = isSentByMe && 
                              message.status == MessageStatus.FAIL && 
                              controller.shouldShowRoseError(message.msgId);

                          // 检查是否需要显示敏感词错误提示（使用临时状态，不持久化）
                          final showSensitiveWordError = isSentByMe && 
                              message.status == MessageStatus.FAIL && 
                              controller.shouldShowSensitiveWordError(message.msgId);

                          // 🚀 性能优化：为每个消息项设置唯一的 key
                          return Column(
                            crossAxisAlignment: CrossAxisAlignment.stretch,
                            children: [
                              MessageItem(
                                key: ValueKey(message.msgId),
                                message: message,
                                isSentByMe: isSentByMe,
                                previousMessage: previousMessage,
                                chatController: controller, // 传递 controller 避免使用 Get.find
                              ),
                              // 显示错误提示（错误码508）
                              if (showRoseError) _buildRoseErrorHint(context),
                              // 显示敏感词错误提示（错误码E0001）
                              if (showSensitiveWordError) _buildSensitiveWordErrorHint(context),
                            ],
                          );
                        },
                      ),
                    ),
                  ),
                ),
                // 使用抽离的聊天输入栏组件
                ChatInputBar(
                  onSendMessage: (message) async {
                    await controller.sendMessage(message);
                  },
                  onImageSelected: (imagePaths) async {
                    // 为每个图片路径调用控制器的方法发送图片消息
                    for (var imagePath in imagePaths) {
                      await controller.sendImageMessage(imagePath);
                    }
                  },
                  onVoiceRecorded: (filePath, seconds) async {
                    // 处理语音录音完成，回传文件路径和秒数
                    await controller.sendVoiceMessage(filePath, seconds);
                  },
                  onGiftTap: () {
                    // 显示礼物弹窗
                    _showGiftPopup();
                  },
                  // 视频通话回调
                  onVideoCall: () async {
                    // 先调用获取聊天音频产品列表接口
                    final products = await CallController.instance.listChatAudioProduct(widget.userId);
                    // 显示通话类型选择弹框，传入产品数据
                    _showCallTypeSelectionDialog(controller, products: products);
                  },
                ),
              ],
            ),
          ),
        );
      },
    );
  }

  // 构建用户信息卡片
  Widget _buildUserInfoCard(ChatController controller, MarriageData? userData) {
    // 优先使用传入的 MarriageData，如果没有则使用环信用户信息
    final marriageData = userData ?? _getMarriageDataFromController(controller);
    
    // 如果用户信息还未加载，显示占位符
    if (marriageData == null) {
      return SizedBox.shrink();
    }
    return IntrinsicHeight(
      child: GestureDetector(
        onTap: () {
          // 点击卡片跳转到用户主页
          Get.to(() => UserInformationPage(
            miId: marriageData.miId,
            userId: marriageData.userId,
          ));
        },
        child: Container(
          margin: EdgeInsets.only(bottom: 16.w),
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(16.w),
            image: DecorationImage(
              image: AssetImage(Assets.imagesChatUserBg),
              fit: BoxFit.cover,
            ),
          ),
          child: Stack(
            children: [
              // 顶层背景图（chat_user_bg_bottom，覆盖整个卡片）
              Positioned.fill(
                child: ClipRRect(
                  borderRadius: BorderRadius.circular(16.w),
                  child: Image.asset(
                    Assets.imagesChatUserBgBottom,
                    fit: BoxFit.cover, // 覆盖整个区域，保持宽高比
                  ),
                ),
              ),
              // 内容（自适应高度）
              Padding(
                padding: EdgeInsets.all(16.w),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                        // 头部：名称、标签、箭头
                        Row(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Expanded(
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  // 名称和标签
                                  Wrap(
                                    spacing: 8.w,
                                    runSpacing: 4.w,
                                    crossAxisAlignment: WrapCrossAlignment.center,
                                    children: [
                                      Text(
                                        marriageData.nickName,
                                        style: TextStyle(
                                          fontSize: 16.sp,
                                          fontWeight: FontWeight.w600,
                                          color: Colors.black87,
                                        ),
                                      ),
                                      // 实名认证标签（和主页一样）
                                      if (marriageData.isRealNameCertified)
                                        Container(
                                          padding: EdgeInsets.symmetric(
                                            horizontal: 8.w,
                                            vertical: 4.h,
                                          ),
                                          decoration: BoxDecoration(
                                            color: Color(0xFFF3E9FF),
                                            borderRadius: BorderRadius.circular(12.w),
                                            border: Border.all(
                                              width: 1,
                                              color: Color.fromRGBO(117, 98, 249, 0.32),
                                            ),
                                          ),
                                          constraints: BoxConstraints(
                                            minWidth: 40.w,
                                          ),
                                          child: Row(
                                            mainAxisSize: MainAxisSize.min,
                                            children: [
                                              Image.asset(
                                                Assets.imagesVerifiedIcon,
                                                width: 14.w,
                                                height: 12.w,
                                              ),
                                              SizedBox(width: 4.w),
                                              Text(
                                                '实名',
                                                style: TextStyle(
                                                  fontSize: 9.sp,
                                                  color: Color.fromRGBO(160, 92, 255, 1),
                                                  fontWeight: FontWeight.w500,
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      // 在线状态标签（和主页一样）
                                      Container(
                                        padding: EdgeInsets.symmetric(
                                          horizontal: 8.w,
                                          vertical: 4.h,
                                        ),
                                        decoration: BoxDecoration(
                                          color: Color.fromRGBO(234, 255, 219, 1),
                                          borderRadius: BorderRadius.circular(12.w),
                                          border: Border.all(
                                            width: 1,
                                            color: Color.fromRGBO(117, 98, 249, 0.32),
                                          ),
                                        ),
                                        child: Text(
                                          '在线',
                                          style: TextStyle(
                                            fontSize: 9.sp,
                                            color: Color.fromRGBO(38, 199, 124, 1),
                                            fontWeight: FontWeight.w500,
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                  SizedBox(height: 8.h),
                                  // 用户信息：性别图标、年龄、位置（根据 MarriageData 显示）
                                  Row(
                                    children: [
                                      // 性别图标（根据实际数据调整，这里暂时默认显示女性图标）
                                      Image.asset(
                                        marriageData.genderCode == 0 ? Assets.imagesMale : Assets.imagesFemale,
                                        width: 14.w,
                                        height: 14.w,
                                      ),
                                      SizedBox(width: 4.w),
                                      Text(
                                        _calculateAgeFromBirthYear(marriageData.birthYear),
                                        style: TextStyle(
                                          fontSize: 12.sp,
                                          color: Colors.grey[700],
                                        ),
                                      ),
                                      if (marriageData.cityName.isNotEmpty) ...[
                                        SizedBox(width: 12.w),
                                        Text(
                                          marriageData.cityName,
                                          style: TextStyle(
                                            fontSize: 12.sp,
                                            color: Colors.grey[700],
                                          ),
                                        ),
                                      ],
                                    ],
                                  ),
                                ],
                              ),
                            ),
                            // 右侧箭头
                            Container(
                              width: 32.w,
                              height: 32.w,
                              decoration: BoxDecoration(
                                color: Colors.grey[200],
                                shape: BoxShape.circle,
                              ),
                              child: Icon(
                                Icons.arrow_forward_ios,
                                size: 16.w,
                                color: Colors.grey[700],
                              ),
                            ),
                          ],
                        ),
                        SizedBox(height: 8.h), // 减小间距
                        // 个人简介（单行）
                        if (marriageData.describeInfo.isNotEmpty)
                          Text(
                            marriageData.describeInfo,
                            style: TextStyle(
                              fontSize: 13.sp,
                              color: Colors.grey[800],
                              height: 1.4,
                            ),
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                          ),
                        if (marriageData.photoList.isNotEmpty) ...[
                          SizedBox(height: 8.h), // 图片上方间距
                          // 图片画廊（正方形）- 固定4张的布局
                          Row(
                            children: List.generate(4, (index) {
                              // 如果索引超出照片列表长度，返回空容器
                              if (index >= marriageData.photoList.length) {
                                return Expanded(
                                  child: AspectRatio(
                                    aspectRatio: 1, // 设置为正方形
                                    child: Container(
                                      margin: EdgeInsets.only(
                                        right: index < 3 ? 8.w : 0,
                                      ),
                                    ),
                                  ),
                                );
                              }
                              
                              final photo = marriageData.photoList[index];
                              final photoUrl = photo.photoUrl.trim().replaceAll('`', ''); // 移除URL中的反引号
                              return Expanded(
                                child: AspectRatio(
                                  aspectRatio: 1, // 设置为正方形
                                  child: Container(
                                    margin: EdgeInsets.only(
                                      right: index < 3 ? 8.w : 0,
                                    ),
                                    decoration: BoxDecoration(
                                      borderRadius: BorderRadius.circular(8.w),
                                      image: DecorationImage(
                                        image: NetworkImage(photoUrl),
                                        fit: BoxFit.cover,
                                        onError: (exception, stackTrace) {
                                          // 加载失败时显示占位图
                                          return;
                                        },
                                      ),
                                    ),
                                  ),
                                ),
                              );
                            }),
                          ),
                          SizedBox(height: 4.h), // 图片下方间距
                        ],
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  // 从 Controller 获取 MarriageData（如果没有传入）
  MarriageData? _getMarriageDataFromController(ChatController controller) {
    // 优先从 controller 获取已保存的 userData
    if (controller.userData != null) {
      return controller.userData;
    }
    
    // 如果 controller 也没有，返回 null，不显示卡片
    return null;
  }

  // 加载更多消息
  Future<void> _loadMoreMessages() async {
    if (_isLoadingMore) return;

    setState(() {
      _isLoadingMore = true;
    });

    try {
      await _controller.fetchMessages(loadMore: true);
    } finally {
      if (mounted) {
        setState(() {
          _isLoadingMore = false;
        });
      }
    }
  }

  // 构建玫瑰不足错误提示
  Widget _buildRoseErrorHint(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 8.h, bottom: 8.h),
      padding: EdgeInsets.symmetric(horizontal: 16.w),
      width: double.infinity,
      child: Center(
        child: RichText(
          textAlign: TextAlign.center,
          text: TextSpan(
            children: [
              TextSpan(
                text: '发送信息所需的玫瑰不足，充值获取玫瑰继续嗨聊 ',
                style: TextStyle(
                  fontSize: 11.sp,
                  color: Color.fromRGBO(199, 199, 199, 1),
                ),
              ),
              WidgetSpan(
                child: GestureDetector(
                  onTap: () {
                    // 隐藏键盘
                    FocusScope.of(context).unfocus();
                    SmartDialog.show(
                      alignment: Alignment.bottomCenter,
                      maskColor: Colors.black.withOpacity(0.5),
                      builder: (_) => const LiveRechargePopup(),
                    );
                  },
                  child: Text(
                    '立即充值',
                    style: TextStyle(
                      fontSize: 11.sp,
                      color: Color.fromRGBO(117, 98, 249, 1),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  // 构建敏感词错误提示
  Widget _buildSensitiveWordErrorHint(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 8.h, bottom: 8.h),
      padding: EdgeInsets.symmetric(horizontal: 16.w),
      width: double.infinity,
      child: Center(
        child: Text(
          '聊天内容包含敏感词',
          style: TextStyle(
            fontSize: 11.sp,
            color: Color.fromRGBO(199, 199, 199, 1),
          ),
          textAlign: TextAlign.center,
        ),
      ),
    );
  }
}