import 'dart:async';

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../controllers/translation_controller.dart';
import '../views/translation_history_view.dart';
import '../bindings/translation_history_binding.dart';
import '../../../core/theme/app_colors.dart';
import '../../../routes/app_routes.dart';
// import 'package:intl/intl.dart';

class TranslationView extends GetView<TranslationController> {
  const TranslationView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return Scaffold(
      backgroundColor: isDarkMode ? AppColors.darkBackground : Colors.grey[50],
      appBar: _buildAppBar(isDarkMode),
      body: _buildBody(isDarkMode),
    );
  }

  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
    // 在同一个类中添加辅助方法
    PopupMenuItem<String> _buildPopupMenuItem(String value, String text,
        {bool enabled = true // 默认启用
        }) {
      return PopupMenuItem(
        value: value,
        enabled: enabled, // 设置启用状态
        child: Text(
          text,
          style: TextStyle(
            color: enabled
                ? null // 使用默认颜色
                : Colors.grey, // 禁用时显示灰色
          ),
        ),
      );
    }

    return AppBar(
      backgroundColor: isDarkMode ? AppColors.cardBackground : Colors.white,
      elevation: 1,
      leading: IconButton(
        icon: Icon(
          Icons.arrow_back_ios,
          color: isDarkMode ? Colors.white : Colors.black,
          size: 20.sp,
        ),
        onPressed: () {
          // Stop recognition and TTS before navigating back
          controller.stopAll();
          Get.back();
        },
      ),
      title: Obx(() => PopupMenuButton<String>(
            onSelected: (value) {
              controller.changeTranslationMode(value);
            },
            color: isDarkMode ? AppColors.cardBackground : Colors.white,
            itemBuilder: (BuildContext context) => [
              _buildPopupMenuItem('simultaneous', 'simultaneousTranslation'.tr),
              _buildPopupMenuItem('faceToFace', 'faceToFaceTranslation'.tr),
              _buildPopupMenuItem(
                'audioVideo',
                'audioVideoTranslation'.tr,
                enabled: controller.bleManager.isConnected, // 根据连接状态启用/禁用
              ),
              _buildPopupMenuItem(
                'call',
                'callTranslation'.tr,
                enabled: controller.bleManager.isConnected, // 根据连接状态启用/禁用
              ),
            ],
            child: Row(
              mainAxisSize: MainAxisSize.min, // 关键修改：让宽度自适应内容
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Flexible(
                  // 防止文本溢出
                  child: FittedBox(
                    // 保持文本缩放比例
                    fit: BoxFit.scaleDown,
                    child: Text(
                      controller.currentModeTitle.value.tr,
                      style: TextStyle(
                        fontSize: 18.sp,
                        fontWeight: FontWeight.w600, // 保持字体加粗
                        color: isDarkMode ? Colors.white : Colors.black,
                      ),
                      overflow: TextOverflow.ellipsis, // 长文本显示省略号
                      maxLines: 1,
                    ),
                  ),
                ),
                SizedBox(width: 4), // 添加间距
                Icon(
                  Icons.arrow_drop_down,
                  color: isDarkMode ? Colors.white : Colors.black,
                  size: 20.sp,
                ),
              ],
            ),
          )),
      centerTitle: true,
      actions: [
        Obx(() {
          if (controller.isRecording.value) {
            // 录音中：显示红色计时器样式，点击可停止录音
            return Padding(
              padding: EdgeInsets.only(right: 16.w),
              child: GestureDetector(
                onTap: controller.toggleisRecord, // 点击结束录音
                child: Container(
                  padding: EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
                  decoration: BoxDecoration(
                    color: Colors.red,
                    borderRadius: BorderRadius.circular(20.r),
                  ),
                  child: Row(
                    children: [
                      Icon(
                        Icons.fiber_manual_record,
                        color: Colors.white,
                        size: 18.sp,
                      ),
                      SizedBox(width: 4.w),
                      Text(
                        controller.recordDurationText.value,
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 14.sp,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            );
          } else {
            // 未录音：显示红色录音按钮 + 文件夹按钮
            return Row(
              children: [
                IconButton(
                  icon: Icon(
                    Icons.radio_button_checked,
                    color: Colors.red,
                    size: 24.sp,
                  ),
                  onPressed: controller.toggleisRecord,
                  tooltip: 'enableRecording'.tr, // 是否开启录音
                ),
                IconButton(
                  icon: Icon(
                    Icons.folder,
                    color: isDarkMode ? Colors.white : Colors.black,
                    size: 24.sp,
                  ),
                  onPressed: () async {
                    await controller.stopAll();
                    Get.toNamed(Routes.translationList);
                    controller.setupScrollListener();
                  },
                  tooltip: 'viewAudioFiles'.tr, // 查看录音文件
                ),
                // 历史记录按钮
                // IconButton(
                //   icon: Icon(
                //     Icons.history,
                //     color: isDarkMode ? Colors.white : Colors.black,
                //     size: 24.sp,
                //   ),
                //   onPressed: () async {
                //     await controller.stopAll();
                //     Get.toNamed(Routes.translationHistory);
                //   },
                //   tooltip: 'translationHistory'.tr, // 翻译历史
                // ),
              ],
            );
          }
        }),
      ],
      bottom: PreferredSize(
        preferredSize: Size.fromHeight(50.h),
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 源语言选择
              Expanded(
                child: GestureDetector(
                  onTap: () => _showLanguageSelectionDialog(true, isDarkMode),
                  child: Container(
                    padding:
                        EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
                    decoration: BoxDecoration(
                      color: isDarkMode
                          ? Colors.white.withOpacity(0.1)
                          : Colors.grey[100],
                      borderRadius: BorderRadius.circular(16.r),
                    ),
                    child: Obx(() => Text(
                          '${controller.sourceLanguage.value.split(' ')[0]}'
                              .tr, // Just show the Chinese part
                          style: TextStyle(
                            fontSize: 16.sp,
                            fontWeight: FontWeight.w600,
                            color: isDarkMode ? Colors.white : Colors.black,
                          ),
                          textAlign: TextAlign.center,
                          overflow: TextOverflow.ellipsis,
                        )),
                  ),
                ),
              ),

              // 语言互换按钮
              GestureDetector(
                onTap: controller.swapLanguages,
                child: Container(
                  margin: EdgeInsets.symmetric(horizontal: 8.w),
                  padding: EdgeInsets.all(4.r),
                  decoration: BoxDecoration(
                    color: isDarkMode
                        ? AppColors.primary.withOpacity(0.2)
                        : Colors.blue[50],
                    shape: BoxShape.circle,
                  ),
                  child: Icon(
                    Icons.swap_horiz,
                    color: isDarkMode ? AppColors.primary : Colors.blue,
                    size: 20.sp,
                  ),
                ),
              ),

              // 目标语言选择
              Expanded(
                child: GestureDetector(
                  onTap: () => _showLanguageSelectionDialog(false, isDarkMode),
                  child: Container(
                    padding:
                        EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
                    decoration: BoxDecoration(
                      color: isDarkMode
                          ? Colors.white.withOpacity(0.1)
                          : Colors.grey[100],
                      borderRadius: BorderRadius.circular(16.r),
                    ),
                    child: Obx(() => Text(
                          '${controller.targetLanguage.value.split(' ')[0]}'
                              .tr, // Just show the English part
                          style: TextStyle(
                            fontSize: 16.sp,
                            fontWeight: FontWeight.w600,
                            color: isDarkMode ? Colors.white : Colors.black,
                          ),
                          textAlign: TextAlign.center,
                          overflow: TextOverflow.ellipsis,
                        )),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildBody(bool isDarkMode) {
    return Column(
      children: [
        Expanded(
          child: _buildTranslationContent(isDarkMode),
        ),
        _buildControlBar(isDarkMode),
      ],
    );
  }

  Widget _buildTranslationContent(bool isDarkMode) {
    return Obx(() {
      final itemCount = controller.translationHistory.length +
          (controller.hasMoreHistory.value ? 1 : 0);

      return ListView.builder(
        controller: controller.scrollController,
        reverse: true, // 🔑 关键优化：采用reverse模式，参考Agent模块
        padding: EdgeInsets.only(
          left: 16.w,
          right: 16.w,
          top: 16.h,
          bottom: 16.h,
        ),
        itemCount: itemCount,
        itemBuilder: (context, index) {
          // 如果是最后一项且有更多历史记录，显示加载指示器（reverse模式下）
          if (index == controller.translationHistory.length &&
              controller.hasMoreHistory.value) {
            return _buildLoadMoreIndicator();
          }

          // reverse模式下需要反转索引来获取正确的历史记录
          final historyIndex = controller.translationHistory.length - 1 - index;

          // 检查索引是否有效（reverse模式下的索引验证）
          if (historyIndex < 0 ||
              historyIndex >= controller.translationHistory.length) {
            return const SizedBox.shrink();
          }

          // 获取当前项
          final historyItem = controller.translationHistory[historyIndex];

          // 构建项目widget
          return _buildTranslationItemWidget(context, historyItem);
        },
      );
    });
  }

  Widget _buildTranslationItemWidget(
      BuildContext context, TranslationItem item) {
    return Container(
      margin: const EdgeInsets.only(bottom: 8),
      padding: const EdgeInsets.all(12),
      decoration: BoxDecoration(
        color: item.isIntermediate
            ? Colors.grey.withOpacity(0.1) // 中间结果使用浅灰色底色
            : (item.sourceLanguageCode == controller.sourceLanguageCode.value
                ? Theme.of(context)
                    .colorScheme
                    .primary
                    .withOpacity(0.08) // 源语言匹配时使用主题色底色
                : Theme.of(context)
                    .colorScheme
                    .secondary
                    .withOpacity(0.08)), // 否则使用次要色底色
        borderRadius: BorderRadius.circular(12),
        border: Border.all(
          color: item.isIntermediate
              ? Colors.grey.withOpacity(0.2)
              : Colors.transparent,
          width: 1,
        ),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 源文本和删除按钮行
          Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              // 源文本
              Expanded(
                child: Text(
                  item.sourceText,
                  style: TextStyle(
                    fontSize: 16,
                    color: Theme.of(context).textTheme.bodyLarge?.color,
                  ),
                ),
              ),
              // 删除按钮 - 只对完成态记录显示，与源文本平齐
              if (!item.isIntermediate)
                GestureDetector(
                  onTap: () => _showDeleteItemConfirmDialog(item),
                  child: Container(
                    padding: EdgeInsets.all(4.w),
                    child: Icon(
                      Icons.delete_outline,
                      size: 18.sp,
                      color: Colors.grey[500],
                    ),
                  ),
                ),
            ],
          ),
          if (item.translatedText.isNotEmpty) ...[
            const SizedBox(height: 8),
            // 翻译文本
            Text(
              item.translatedText,
              style: TextStyle(
                fontSize: 16,
                color: Theme.of(context).textTheme.bodyMedium?.color,
                fontWeight: FontWeight.w500,
              ),
            ),
          ],
          // 语言信息和时间戳
          const SizedBox(height: 4),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Expanded(
                child: Text(
                  '${item.sourceLanguageName.tr} → ${item.targetLanguageName.tr}',
                  style: TextStyle(
                    fontSize: 12,
                    color: Theme.of(context).textTheme.bodySmall?.color,
                  ),
                ),
              ),
              // 播放按钮
              if (!item.isIntermediate)
                GestureDetector(
                  onTap: () => controller.playTranslationItem(item),
                  child: Container(
                    padding: EdgeInsets.all(4.w),
                    child: Icon(
                      Icons.volume_up,
                      size: 20.sp,
                      color: Theme.of(context).colorScheme.primary,
                    ),
                  ),
                ),
            ],
          ),
        ],
      ),
    );
  }

  Widget _buildControlBar(bool isDarkMode) {
    // 使用GlobalKey来获取控制栏的高度
    final controlBarKey = GlobalKey();

    // 在构建完成后获取控制栏的高度并设置到控制器中
    WidgetsBinding.instance.addPostFrameCallback((_) {
      if (controlBarKey.currentContext != null) {
        final RenderBox renderBox =
            controlBarKey.currentContext!.findRenderObject() as RenderBox;
        final height = renderBox.size.height;
        controller.setBottomBarHeight(height);
      }
    });

    return Container(
      key: controlBarKey,
      padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 16.h),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(isDarkMode ? 30 : 13),
            blurRadius: 4,
            offset: const Offset(0, -2),
          ),
        ],
      ),
      child: Obx(() {
        // 同时模式显示双按钮
        if (controller.currentMode.value == 'faceToFace') {
          controller.startRecognition();

          return Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 耳机图标按钮 (说话者1)
              _buildHoldToTalkButton(
                isDarkMode: isDarkMode,
                speakerId: 1,
                activeSpeaker: controller.activeSpeaker.value,
                icon: Icons.headset, // 耳机图标
                label: "headsetUser".tr, // 耳机用户
              ),
              SizedBox(width: 40.w),
              // 手机图标按钮 (说话者2)
              _buildHoldToTalkButton(
                isDarkMode: isDarkMode,
                speakerId: 2,
                activeSpeaker: controller.activeSpeaker.value,
                icon: Icons.phone_android, // 手机图标
                label: "phoneUser".tr, // 手机用户
              ),
            ],
          );
        }
        // 普通模式显示单按钮
        else {
          return Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 主要控制按钮 - 开始/暂停语音识别
              Obx(() {
                final isRecognizing = controller.isRecognizing.value;
                return GestureDetector(
                  onTap: () {
                    if (isRecognizing) {
                      controller.stopAll();
                    } else {
                      controller.startRecognition();
                    }
                  },
                  child: Container(
                    width: 60.w,
                    height: 60.w,
                    decoration: BoxDecoration(
                      color: isRecognizing
                          ? (isDarkMode ? Colors.red[700] : Colors.red)
                          : (isDarkMode ? AppColors.primary : Colors.blue),
                      shape: BoxShape.circle,
                    ),
                    child: Icon(
                      isRecognizing ? Icons.pause : Icons.play_arrow,
                      color: Colors.white,
                      size: 30.sp,
                    ),
                  ),
                );
              }),
            ],
          );
        }
      }),
    );
  }

// // 按住说话按钮组件
//   Widget _buildHoldToTalkButton({
//     required bool isDarkMode,
//     required int speakerId,
//     required int activeSpeaker,
//     required IconData icon,
//     required String label,
//   }) {
//     bool isActive = activeSpeaker == speakerId;

//     return Listener(
//       onPointerDown: (_) {
//         if (activeSpeaker == 0) {
//           // 没有激活的按钮时才能激活

//           if (speakerId == 1) {
//             //耳机收音
//             controller.restoreOriginalAudioState();

//             //controller.setActiveSpeaker(speakerId);
//           } else {
//             controller.disableBluetoothAudio();
//           }
//           controller.setActiveSpeaker(speakerId);
//           //controller.startRecognition();
//         }
//       },
//       onPointerUp: (_) {
//         if (isActive) {
//           //controller.stopRecognition();
//           controller.setActiveSpeaker(0);
//         }
//       },
//       child: Container(
//         width: 60.w,
//         height: 60.w,
//         decoration: BoxDecoration(
//           color: isActive
//               ? (isDarkMode ? Colors.green[700] : Colors.green) // 激活状态颜色
//               : (isDarkMode ? AppColors.primary : Colors.blue),
//           shape: BoxShape.circle,
//         ),
//         child: Icon(
//           Icons.mic, // 麦克风图标
//           color: isActive ? Colors.white : Colors.white.withOpacity(0.7),
//           size: 30.sp,
//         ),
//       ),
//     );
//   }

// 按住说话按钮组件
  Widget _buildHoldToTalkButton({
    required bool isDarkMode,
    required int speakerId,
    required int activeSpeaker,
    required IconData icon,
    required String label,
  }) {
    bool isActive = activeSpeaker == speakerId;
    bool isDisabled = activeSpeaker != 0 && activeSpeaker != speakerId;
    Timer? _holdTimer; // 增加延迟触发的计时器
    return Listener(
      onPointerDown: (_) {
        // 设置300ms延迟防止误触
        _holdTimer = Timer(const Duration(milliseconds: 200), () {
          if (activeSpeaker == 0) {
            if (speakerId == 1) {
              controller.restoreOriginalAudioState();
            } else {
              controller.disableBluetoothAudio();
            }
            controller.setActiveSpeaker(speakerId);
          }
        });
      },
      onPointerUp: (_) {
        _holdTimer?.cancel();
        if (isActive) {
          controller.setActiveSpeaker(0);
        }
      },
      onPointerCancel: (_) {
        _holdTimer?.cancel();
        if (isActive) {
          controller.setActiveSpeaker(0);
        }
      },
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 200),
        width: 80.w,
        height: 80.w,
        decoration: BoxDecoration(
          color: isActive
              ? (isDarkMode ? Colors.green[700] : Colors.green)
              : (isDisabled
                  ? (isDarkMode ? Colors.grey[800] : Colors.grey[300])
                  : (isDarkMode ? AppColors.primary : Colors.blue)),
          shape: BoxShape.circle,
          boxShadow: isActive
              ? [
                  BoxShadow(
                    color: Colors.green.withOpacity(0.5),
                    blurRadius: 10,
                    spreadRadius: 3,
                  )
                ]
              : null,
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Stack(
              alignment: Alignment.center,
              children: [
                // 设备类型图标（叠加在麦克风上）
                Icon(
                  icon,
                  color: isActive
                      ? Colors.white
                      : Colors.white.withOpacity(isDisabled ? 0.3 : 0.9),
                  size: 24.sp,
                ),
              ],
            ),
            SizedBox(height: 4.h),
            Text(
              label,
              style: TextStyle(
                fontSize: 12.sp,
                color: isActive
                    ? Colors.white
                    : Colors.white.withOpacity(isDisabled ? 0.3 : 0.9),
              ),
            ),
          ],
        ),
      ),
    );
  }

  // 显示语言选择对话框
  void _showLanguageSelectionDialog(bool isSource, bool isDarkMode) {
    Get.dialog(
      Dialog(
        backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(16.r), // 统一圆角尺寸为16
        ),
        insetPadding: EdgeInsets.symmetric(horizontal: 20.w),
        child: Padding(
          // 使用Padding替代Container的padding
          padding: EdgeInsets.all(12.w), // 统一内边距
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              // 标题区域
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 8.w),
                child: Text(
                  isSource
                      ? 'selectSourceLanguage'.tr
                      : 'selectTargetLanguage'.tr, // 保留源语言/目标语言区分
                  style: TextStyle(
                    fontSize: 18.sp, // 调整字号
                    fontWeight: FontWeight.w600, // 使用数字字重
                    color: isDarkMode ? Colors.white : Colors.black87, // 优化文本颜色
                  ),
                ),
              ),
              SizedBox(height: 16.h),

              // 语言列表区域
              Container(
                constraints: BoxConstraints(maxHeight: 0.5.sh),
                child: SingleChildScrollView(
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children:
                        controller.supportedLanguages.keys.map((language) {
                      return Obx(() {
                        final currentLanguage = isSource
                            ? controller.sourceLanguage.value
                            : controller.targetLanguage.value;
                        final isSelected = currentLanguage == language;

                        return GestureDetector(
                          // 改用手势检测器实现点击
                          onTap: () {
                            if (isSource) {
                              controller.setSourceLanguage(language);
                            } else {
                              controller.setTargetLanguage(language);
                            }
                            Get.back();
                          },
                          child: Container(
                            margin: EdgeInsets.only(bottom: 10.h), // 添加项间距
                            padding: EdgeInsets.all(10.w), // 统一内边距
                            decoration: BoxDecoration(
                              color: isSelected // 选中状态背景色
                                  ? (isDarkMode
                                      ? const Color(0xFF6200EE).withOpacity(0.2)
                                      : Colors.blue.withOpacity(0.1))
                                  : (isDarkMode // 未选中状态背景色
                                      ? Colors.white.withOpacity(0.05)
                                      : Colors.grey[200]!),
                              borderRadius: BorderRadius.circular(12.r), // 项圆角
                              border: Border.all(
                                // 选中状态边框
                                color: isSelected
                                    ? (isDarkMode
                                        ? const Color(0xFF6200EE)
                                        : Colors.blue)
                                    : (isDarkMode // 未选中状态背景色
                                        ? Colors.white.withOpacity(0.05)
                                        : Colors.grey[200]!),
                                width: 1,
                              ),
                            ),
                            child: Row(
                              children: [
                                // 语言名称
                                Expanded(
                                  child: Text(
                                    language.tr,
                                    style: TextStyle(
                                      fontSize: 16.sp,
                                      fontWeight: FontWeight.w500,
                                      color: isDarkMode
                                          ? Colors.white
                                          : Colors.black87,
                                      overflow: TextOverflow.ellipsis,
                                    ),
                                  ),
                                ),
                                // 选中指示器
                                Container(
                                  width: 24.w,
                                  height: 24.w,
                                  decoration: BoxDecoration(
                                    color: isSelected // 动态颜色
                                        ? (isDarkMode
                                            ? const Color(0xFF6200EE)
                                            : Colors.blue)
                                        : (isDarkMode
                                            ? Colors.white.withOpacity(0.1)
                                            : Colors.grey[300]),
                                    shape: BoxShape.circle, // 圆形样式
                                  ),
                                  child: isSelected
                                      ? Icon(
                                          // 选中时显示对勾
                                          Icons.check,
                                          size: 16.w,
                                          color: Colors.white,
                                        )
                                      : null,
                                ),
                              ],
                            ),
                          ),
                        );
                      });
                    }).toList(),
                  ),
                ),
              ),
              SizedBox(height: 16.h),

              // 取消按钮
              Align(
                alignment: Alignment.centerRight,
                child: TextButton(
                  onPressed: () => Get.back(),
                  child: Text(
                    'cancel'.tr,
                    style: TextStyle(
                      color: isDarkMode ? const Color(0xFF6200EE) : Colors.blue,
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  // 构建加载更多指示器
  Widget _buildLoadMoreIndicator() {
    return Obx(() {
      if (controller.isLoadingMore.value) {
        // 正在加载状态 - 增强视觉效果
        return Container(
          padding: const EdgeInsets.symmetric(vertical: 20),
          child: Center(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                SizedBox(
                  width: 24,
                  height: 24,
                  child: CircularProgressIndicator(
                    strokeWidth: 2.5,
                    valueColor: const AlwaysStoppedAnimation<Color>(
                      AppColors.primary,
                    ),
                  ),
                ),
                const SizedBox(height: 12),
                Text(
                  '正在加载历史记录...',
                  style: TextStyle(
                    fontSize: 14.sp,
                    color: Colors.grey[600],
                    fontWeight: FontWeight.w500,
                  ),
                ),
              ],
            ),
          ),
        );
      } else if (controller.isLoadingMoreError.value) {
        // 加载失败状态 - 增强视觉效果
        return Container(
          padding: const EdgeInsets.symmetric(vertical: 18),
          child: Center(
            child: GestureDetector(
              onTap: () => controller.loadMoreHistory(),
              child: Container(
                padding:
                    const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
                decoration: BoxDecoration(
                  color: Colors.red[50],
                  borderRadius: BorderRadius.circular(20),
                  border: Border.all(color: Colors.red[200]!, width: 1),
                ),
                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Icon(
                      Icons.refresh,
                      size: 18.sp,
                      color: Colors.red[600],
                    ),
                    SizedBox(width: 8.w),
                    Text(
                      '加载失败，点击重试',
                      style: TextStyle(
                        fontSize: 14.sp,
                        color: Colors.red[600],
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        );
      } else {
        // 默认状态（有更多记录但未加载）- 增强视觉效果
        return Container(
          padding: const EdgeInsets.symmetric(vertical: 12),
          child: Center(
            child: Container(
              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
              decoration: BoxDecoration(
                color: Colors.grey[100],
                borderRadius: BorderRadius.circular(16),
              ),
              child: Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Icon(
                    Icons.keyboard_arrow_up,
                    size: 16.sp,
                    color: Colors.grey[500],
                  ),
                  SizedBox(width: 4.w),
                  Text(
                    '向上滑动查看更多历史',
                    style: TextStyle(
                      fontSize: 12.sp,
                      color: Colors.grey[600],
                    ),
                  ),
                ],
              ),
            ),
          ),
        );
      }
    });
  }

  // 显示删除单条记录确认对话框
  void _showDeleteItemConfirmDialog(TranslationItem item) {
    final isDarkMode = Theme.of(Get.context!).brightness == Brightness.dark;

    Get.dialog(
      AlertDialog(
        backgroundColor: isDarkMode ? AppColors.cardBackground : Colors.white,
        title: Text(
          'deleteTranslationRecord'.tr, // 删除翻译记录
          style: TextStyle(
            fontSize: 18.sp,
            fontWeight: FontWeight.bold,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              'deleteTranslationConfirm'.tr, // 确定要删除这条翻译记录吗？此操作无法撤销。
              style: TextStyle(
                fontSize: 16.sp,
                color: isDarkMode ? Colors.grey[300] : Colors.black87,
              ),
            ),
            SizedBox(height: 12.h),
            // 显示要删除的记录预览
            Container(
              padding: EdgeInsets.all(12.w),
              decoration: BoxDecoration(
                color: isDarkMode
                    ? Colors.grey[800]?.withOpacity(0.5)
                    : Colors.grey[100],
                borderRadius: BorderRadius.circular(8.r),
                border: Border.all(
                  color: isDarkMode ? Colors.grey[700]! : Colors.grey[300]!,
                  width: 1,
                ),
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    item.sourceText,
                    style: TextStyle(
                      fontSize: 14.sp,
                      color: isDarkMode ? Colors.white : Colors.black,
                      fontWeight: FontWeight.w500,
                    ),
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                  ),
                  if (item.translatedText.isNotEmpty) ...[
                    SizedBox(height: 4.h),
                    Text(
                      item.translatedText,
                      style: TextStyle(
                        fontSize: 14.sp,
                        color: isDarkMode ? Colors.grey[300] : Colors.grey[700],
                      ),
                      maxLines: 2,
                      overflow: TextOverflow.ellipsis,
                    ),
                  ],
                ],
              ),
            ),
          ],
        ),
        actions: [
          TextButton(
            onPressed: () => Get.back(),
            child: Text(
              'cancel'.tr,
              style: TextStyle(
                fontSize: 16.sp,
                color: isDarkMode ? Colors.grey[400] : Colors.grey[700],
              ),
            ),
          ),
          TextButton(
            onPressed: () {
              Get.back();
              // 删除指定的翻译记录
              _deleteTranslationItem(item);
            },
            child: Text(
              'confirm'.tr,
              style: TextStyle(
                fontSize: 16.sp,
                color: Colors.red,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
        ],
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(12.r),
        ),
      ),
    );
  }

  // 删除翻译记录的具体实现
  void _deleteTranslationItem(TranslationItem item) {
    try {
      // 调用控制器的删除方法
      controller.deleteTranslationItem(item.sessionId, item.timestamp);

      // 显示删除成功提示
      Get.snackbar(
        'success'.tr, // deleteSuccess
        '已删除该翻译记录', // deleteTranslationSuccess
        snackPosition: SnackPosition.BOTTOM,
        backgroundColor: Get.isDarkMode ? Colors.grey[800] : Colors.grey[200],
        colorText: Get.isDarkMode ? Colors.white : Colors.black,
        duration: const Duration(seconds: 2),
      );
    } catch (e) {
      // 显示删除失败提示
      Get.snackbar(
        'error'.tr, // deleteFailed
        '删除翻译记录时发生错误: ${e.toString()}', // deleteTranslationError
        snackPosition: SnackPosition.BOTTOM,
        backgroundColor: Colors.red[400],
        colorText: Colors.white,
        duration: const Duration(seconds: 3),
      );
    }
  }
}