import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../controllers/translation_controller.dart';
import '../controllers/translation_history_controller.dart';
import '../controllers/translation_detail_controller.dart';
import 'package:intl/intl.dart';
import 'package:flutter/services.dart';
import 'package:share_plus/share_plus.dart';

class TranslationDetailView extends GetView<TranslationDetailController> {
  final TranslationItem item;
  final List<TranslationItem> sessionItems;
  final TranslationHistoryController historyController;
  
  const TranslationDetailView({
    Key? key,
    required this.item,
    required this.sessionItems,
    required this.historyController,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // 初始化控制器
    controller.initialize(item, sessionItems);
    
    return Scaffold(
      backgroundColor: Color(0xFFF5F5F8),
      appBar: AppBar(
        backgroundColor: Color(0xFFF5F5F8),
        elevation: 0,
        leading: IconButton(
          icon: Icon(
            Icons.arrow_back_ios,
            color: Colors.black,
            size: 20.sp,
          ),
          onPressed: () => Get.back(),
        ),
        title: Text(
          'Detail',
          style: TextStyle(
            color: Colors.black,
            fontSize: 24.sp,
            fontWeight: FontWeight.bold,
          ),
        ),
        centerTitle: true,
        actions: [
          IconButton(
            icon: Icon(
              Icons.share,
              color: Colors.black,
              size: 22.sp,
            ),
            onPressed: () {
              _shareContent();
            },
          ),
        ],
      ),
      body: Column(
        children: [
          // 选项卡按钮
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 12.h),
            child: Row(
              children: [
                Expanded(
                  child: Obx(() => _buildTabButton(
                    title: '原始记录',
                    isSelected: controller.selectedTabIndex.value == 0,
                    onTap: () => controller.switchTab(0),
                  )),
                ),
                SizedBox(width: 12.w),
                Expanded(
                  child: Obx(() => _buildTabButton(
                    title: '记录摘要',
                    isSelected: controller.selectedTabIndex.value == 1,
                    onTap: () => controller.switchTab(1),
                  )),
                ),
              ],
            ),
          ),
          
          // 内容区域
          Expanded(
            child: SingleChildScrollView(
              padding: EdgeInsets.symmetric(horizontal: 16.w),
              child: Obx(() {
                return Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    // 会话时间
                    Padding(
                      padding: EdgeInsets.symmetric(horizontal: 8.w, vertical: 8.h),
                      child: Text(
                        DateFormat('yyyy-MM-dd HH:mm').format(item.timestamp),
                        style: TextStyle(
                          fontSize: 14.sp,
                          fontWeight: FontWeight.w600,
                          color: Colors.grey[600],
                          letterSpacing: 1.0,
                        ),
                      ),
                    ),
                    SizedBox(height: 8.h),
                    
                    // 根据选中的选项卡显示不同内容
                    if (controller.selectedTabIndex.value == 0)
                      // 原始记录 - 显示所有翻译项
                      ...sessionItems.map((sessionItem) => _buildSessionItemWidget(sessionItem)).toList()
                    else
                      // 记录总结 - 显示合并后的内容
                      _buildSummaryWidget(),
                      
                    SizedBox(height: 24.h),
                  ],
                );
              }),
            ),
          ),
        ],
      ),
    );
  }
  
  // 构建选项卡按钮
  Widget _buildTabButton({
    required String title,
    required bool isSelected,
    required VoidCallback onTap,
  }) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        height: 40.h,
        decoration: BoxDecoration(
          color: isSelected ? Colors.blue : Colors.white,
          borderRadius: BorderRadius.circular(20.r),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(8),
              blurRadius: 4,
              offset: Offset(0, 1),
            ),
          ],
        ),
        alignment: Alignment.center,
        child: Text(
          title,
          style: TextStyle(
            fontSize: 15.sp,
            fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
            color: isSelected ? Colors.white : Colors.black87,
          ),
        ),
      ),
    );
  }
  
  // 构建会话详情中的翻译项
  Widget _buildSessionItemWidget(TranslationItem item) {
    return Container(
      width: double.infinity,
      margin: EdgeInsets.only(bottom: 16.h),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(16.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(8),
            blurRadius: 8,
            offset: Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 源文本部分
          Padding(
            padding: EdgeInsets.fromLTRB(20.r, 20.r, 20.r, 10.r),
            child: Text(
              item.sourceText,
              style: TextStyle(
                fontSize: 15.sp,
                color: Colors.black,
                fontWeight: FontWeight.w500,
              ),
            ),
          ),
          // 翻译文本部分
          Padding(
            padding: EdgeInsets.fromLTRB(20.r, 10.r, 20.r, 16.r),
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                Expanded(
                  child: Text(
                    item.translatedText,
                    style: TextStyle(
                      fontSize: 14.sp,
                      color: Colors.grey[700],
                      fontWeight: FontWeight.normal,
                    ),
                  ),
                ),
                SizedBox(width: 12.w),
                // 播放按钮
                GestureDetector(
                  onTap: () {
                    controller.playTranslationItem(item);
                  },
                  child: Container(
                    width: 28.w,
                    height: 28.h,
                    decoration: BoxDecoration(
                      color: Colors.blue.withAlpha(10),
                      shape: BoxShape.circle,
                    ),
                    child: Icon(
                      Icons.volume_up,
                      color: Colors.blue,
                      size: 16.sp,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
  
  // 构建总结视图
  Widget _buildSummaryWidget() {
    final String combinedSourceText = controller.getCombinedSourceText();
    
    return Column(
      children: [
        // 摘要内容容器
        Container(
          width: double.infinity,
          margin: EdgeInsets.only(bottom: 16.h),
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(16.r),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withAlpha(8),
                blurRadius: 8,
                offset: Offset(0, 2),
              ),
            ],
          ),
          child: Obx(() {
            if (controller.summaryResult.value.isEmpty) {
              // 如果没有摘要，显示提示信息
              return Padding(
                padding: EdgeInsets.all(24.r),
                child: Center(
                  child: Text(
                    '点击下方按钮生成会话摘要',
                    style: TextStyle(
                      fontSize: 15.sp,
                      color: Colors.grey[600],
                      fontStyle: FontStyle.italic,
                    ),
                    textAlign: TextAlign.center,
                  ),
                ),
              );
            } else {
              // 如果有摘要，显示摘要内容
              return Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Padding(
                    padding: EdgeInsets.all(20.r),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          '摘要内容',
                          style: TextStyle(
                            fontSize: 16.sp,
                            fontWeight: FontWeight.bold,
                            color: Colors.black,
                          ),
                        ),
                        SizedBox(height: 12.h),
                        Text(
                          controller.summaryResult.value,
                          style: TextStyle(
                            fontSize: 15.sp,
                            color: Colors.black87,
                            height: 1.5,
                          ),
                        ),
                      ],
                    ),
                  ),
                  Divider(
                    height: 1,
                    thickness: 0.5,
                    color: Colors.grey[200],
                  ),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 12.r, vertical: 8.r),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: [
                        // 播放按钮
                        GestureDetector(
                          onTap: () {
                            controller.playText(controller.summaryResult.value);
                          },
                          child: Container(
                            padding: EdgeInsets.all(8.r),
                            decoration: BoxDecoration(
                              color: Colors.blue.withAlpha(10),
                              shape: BoxShape.circle,
                            ),
                            child: Icon(
                              Icons.volume_up,
                              color: Colors.blue,
                              size: 18.sp,
                            ),
                          ),
                        ),
                        SizedBox(width: 12.w),
                        // 复制按钮
                        GestureDetector(
                          onTap: () {
                            // 复制摘要到剪贴板
                            Clipboard.setData(ClipboardData(text: controller.summaryResult.value));
                            Get.snackbar(
                              '已复制',
                              '摘要已复制到剪贴板',
                              snackPosition: SnackPosition.BOTTOM,
                              duration: Duration(seconds: 2),
                            );
                          },
                          child: Container(
                            padding: EdgeInsets.all(8.r),
                            decoration: BoxDecoration(
                              color: Colors.blue.withAlpha(10),
                              shape: BoxShape.circle,
                            ),
                            child: Icon(
                              Icons.copy,
                              color: Colors.blue,
                              size: 18.sp,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              );
            }
          }),
        ),
        
        // 提取摘要按钮
        Obx(() => Container(
          width: double.infinity,
          margin: EdgeInsets.only(bottom: 16.h),
          child: ElevatedButton(
            onPressed: controller.isGeneratingSummary.value || controller.summaryResult.value.isNotEmpty
                ? null 
                : () => _extractSummary(combinedSourceText),
            style: ElevatedButton.styleFrom(
              backgroundColor: Colors.blue,
              foregroundColor: Colors.white,
              padding: EdgeInsets.symmetric(vertical: 12.h),
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(16.r),
              ),
              elevation: 0,
              disabledBackgroundColor: controller.isGeneratingSummary.value 
                  ? Colors.blue.withAlpha(128)
                  : Colors.grey.withAlpha(128),
            ),
            child: controller.isGeneratingSummary.value
                ? Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      SizedBox(
                        width: 20.w,
                        height: 20.h,
                        child: CircularProgressIndicator(
                          color: Colors.white,
                          strokeWidth: 2.0,
                        ),
                      ),
                      SizedBox(width: 12.w),
                      Text(
                        '生成中...',
                        style: TextStyle(
                          fontSize: 16.sp,
                          fontWeight: FontWeight.w600,
                        ),
                      ),
                    ],
                  )
                : Text(
                    controller.summaryResult.value.isEmpty ? '提取摘要' : '已生成摘要',
                    style: TextStyle(
                      fontSize: 16.sp,
                      fontWeight: FontWeight.w600,
                    ),
                  ),
          ),
        )),
        
        // 重新生成按钮
        Obx(() {
          if (controller.summaryResult.value.isEmpty || controller.isGeneratingSummary.value) {
            return SizedBox.shrink();
          }
          
          return Container(
            width: double.infinity,
            margin: EdgeInsets.only(bottom: 16.h),
            child: OutlinedButton(
              onPressed: () => _extractSummary(combinedSourceText),
              style: OutlinedButton.styleFrom(
                foregroundColor: Colors.blue,
                side: BorderSide(color: Colors.blue),
                padding: EdgeInsets.symmetric(vertical: 12.h),
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(16.r),
                ),
              ),
              child: Text(
                '重新生成',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                ),
              ),
            ),
          );
        }),
      ],
    );
  }
  
  // 提取摘要方法
  void _extractSummary(String text) async {
    await controller.extractSummary(text);
  }

  // 分享内容方法
  void _shareContent() {
    String shareText = '';
    
    if (controller.selectedTabIndex.value == 0) {
      // 分享原始记录
      final String sourceText = controller.getCombinedSourceText();
      final String translatedText = controller.getCombinedTranslatedText();
      shareText = '原文：\n$sourceText\n\n译文：\n$translatedText';
    } else {
      // 分享摘要
      if (controller.summaryResult.value.isNotEmpty) {
        shareText = '会话摘要：\n${controller.summaryResult.value}';
      } else {
        Get.snackbar(
          '无法分享',
          '请先生成摘要',
          snackPosition: SnackPosition.BOTTOM,
          duration: Duration(seconds: 2),
        );
        return;
      }
    }
    
    // 调用系统分享
    Share.share(
      shareText,
      subject: '翻译会话记录 - ${DateFormat('yyyy-MM-dd HH:mm').format(controller.currentItem.timestamp)}',
    );
  }
}