deepvoice_client/lib/modules/usage/views/translation_stats_view.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../controllers/translation_stats_controller.dart';
import '../../../core/theme/app_colors.dart';
import '../../../data/models/user_Info.dart';

class TranslationStatsView extends GetView<TranslationStatsController> {
  const TranslationStatsView({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: Obx(() => controller.isLoading.value
          ? _buildLoadingWidget()
          : _buildBody(isDarkMode)),
    );
  }

  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
    return AppBar(
      leading: IconButton(
        icon: Icon(
          Icons.arrow_back_ios,
          color: isDarkMode ? Colors.white : Colors.black,
          size: 20.sp,
        ),
        onPressed: () => Get.back(),
      ),
      backgroundColor: isDarkMode ? AppColors.darkBackground : Colors.white,
      elevation: 0.5,
      title: Text(
        '翻译统计',
        style: TextStyle(
          fontSize: 17.sp,
          fontWeight: FontWeight.w600,
          color: isDarkMode ? Colors.white : Colors.black,
        ),
      ),
      centerTitle: true,
      actions: [
        IconButton(
          icon: Icon(
            Icons.refresh,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
          onPressed: controller.refreshData,
        ),
        // PopupMenuButton<String>(
        //   icon: Icon(
        //     Icons.more_vert,
        //     color: isDarkMode ? Colors.white : Colors.black,
        //   ),
        //   onSelected: (value) {
        //     switch (value) {
        //       case 'cleanup':
        //         controller.cleanupOldData();
        //         break;
        //       // case 'export':
        //       //   controller.exportStats();
        //       //   break;
        //     }
        //   },
        //   itemBuilder: (context) => const [
        //     PopupMenuItem(
        //       value: 'cleanup',
        //       child: Text('清理过期数据'),
        //     ),
        //     // PopupMenuItem(
        //     //   value: 'export',
        //     //   child: Text('导出数据'),
        //     // ),
        //   ],
        // ),
      ],
    );
  }

  Widget _buildLoadingWidget() {
    return const Center(
      child: CircularProgressIndicator(),
    );
  }

  Widget _buildBody(bool isDarkMode) {
    return Column(
      children: [
        _buildTimeRangeSelector(isDarkMode),
        Expanded(
          child: SingleChildScrollView(
            padding: EdgeInsets.all(16.w),
            child: Column(
              children: [
                if (controller.selectedTabIndex.value == 0)
                  _buildRealtimeStatsCard(isDarkMode),
                SizedBox(height: 16.h),
                _buildOverviewCard(isDarkMode),
                SizedBox(height: 16.h),
                _buildIntegralCard(isDarkMode),
                SizedBox(height: 16.h),
                _buildApiCallsCard(isDarkMode),
                SizedBox(height: 16.h),
                _buildDataVolumeCard(isDarkMode),
                SizedBox(height: 16.h),
                _buildUsageBehaviorCard(isDarkMode),
              ],
            ),
          ),
        ),
      ],
    );
  }

  Widget _buildTimeRangeSelector(bool isDarkMode) {
    return Container(
      margin: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Obx(() => Row(
            children: [
              _buildTimeRangeTab('今日', 0, isDarkMode),
              _buildTimeRangeTab('本周', 1, isDarkMode),
              _buildTimeRangeTab('本月', 2, isDarkMode),
              _buildTimeRangeTab('历史', 3, isDarkMode),
            ],
          )),
    );
  }

  Widget _buildTimeRangeTab(String title, int index, bool isDarkMode) {
    final isSelected = controller.selectedTabIndex.value == index;

    return Expanded(
      child: GestureDetector(
        onTap: () => controller.switchTimeRange(index),
        child: Container(
          padding: EdgeInsets.symmetric(vertical: 12.h),
          decoration: BoxDecoration(
            color: isSelected
                ? (isDarkMode ? AppColors.primary : AppColors.primary)
                : Colors.transparent,
            borderRadius: BorderRadius.circular(12.r),
          ),
          child: Text(
            title,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 14.sp,
              fontWeight: isSelected ? FontWeight.w600 : FontWeight.w400,
              color: isSelected
                  ? Colors.white
                  : (isDarkMode ? Colors.white70 : Colors.black54),
            ),
          ),
        ),
      ),
    );
  }

  Widget _buildRealtimeStatsCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.access_time,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Text(
                '当前会话统计',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode ? Colors.white : Colors.black,
                ),
              ),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() => Row(
                children: [
                  Expanded(
                    child: _buildStatItem(
                      '翻译次数',
                      controller.realtimeStats.translationCount.toString(),
                      Icons.translate,
                      isDarkMode,
                    ),
                  ),
                  Expanded(
                    child: _buildStatItem(
                      '会话时长',
                      '${controller.realtimeStats.sessionDurationMinutes}分钟',
                      Icons.timer,
                      isDarkMode,
                    ),
                  ),
                ],
              )),
          SizedBox(height: 12.h),
          Obx(() => Row(
                children: [
                  Expanded(
                    child: _buildStatItem(
                      '字符数',
                      controller.formatNumber(
                        controller.realtimeStats.sourceCharacters +
                            controller.realtimeStats.targetCharacters,
                      ),
                      Icons.text_fields,
                      isDarkMode,
                    ),
                  ),
                  Expanded(
                    child: _buildStatItem(
                      '录音时长',
                      controller.formatDuration(
                          controller.realtimeStats.recordingDuration),
                      Icons.mic,
                      isDarkMode,
                    ),
                  ),
                ],
              )),
        ],
      ),
    );
  }

  Widget _buildOverviewCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.dashboard,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Obx(() => Text(
                    '${controller.selectedTimeRange.value}概览',
                    style: TextStyle(
                      fontSize: 16.sp,
                      fontWeight: FontWeight.w600,
                      color: isDarkMode ? Colors.white : Colors.black,
                    ),
                  )),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() => Row(
                children: [
                  Expanded(
                    child: _buildStatItem(
                      '总调用次数',
                      controller
                          .formatNumber(controller.currentStats.totalApiCalls),
                      Icons.api,
                      isDarkMode,
                    ),
                  ),
                ],
              )),
          SizedBox(height: 12.h),
          Obx(() => Row(
                children: [
                  Expanded(
                    child: _buildStatItem(
                      '会话数量',
                      controller.currentStats.sessionCount.toString(),
                      Icons.chat,
                      isDarkMode,
                    ),
                  ),
                  Expanded(
                    child: _buildStatItem(
                      '总字符数',
                      controller.formatNumber(
                          controller.currentStats.totalCharacterCount),
                      Icons.text_snippet,
                      isDarkMode,
                    ),
                  ),
                ],
              )),
        ],
      ),
    );
  }

  Widget _buildStatItem(
      String label, String value, IconData icon, bool isDarkMode) {
    return Column(
      children: [
        Icon(
          icon,
          color: AppColors.primary,
          size: 24.sp,
        ),
        SizedBox(height: 8.h),
        Text(
          value,
          style: TextStyle(
            fontSize: 18.sp,
            fontWeight: FontWeight.bold,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
        SizedBox(height: 4.h),
        Text(
          label,
          style: TextStyle(
            fontSize: 12.sp,
            color: isDarkMode ? Colors.white70 : Colors.black54,
          ),
        ),
      ],
    );
  }

  Widget _buildApiCallsCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.api,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Text(
                'API调用统计',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode ? Colors.white : Colors.black,
                ),
              ),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() => Column(
                children: [
                  _buildApiCallRow(
                      '翻译API',
                      controller.currentStats.translationApiCalls,
                      Icons.translate,
                      isDarkMode),
                  SizedBox(height: 12.h),
                  _buildApiCallRow('语音识别', controller.currentStats.asrApiCalls,
                      Icons.mic, isDarkMode),
                  SizedBox(height: 12.h),
                  _buildApiCallRow('语音合成', controller.currentStats.ttsApiCalls,
                      Icons.volume_up, isDarkMode),
                  SizedBox(height: 12.h),
                  _buildApiCallRow(
                      'AI摘要',
                      controller.currentStats.aiSummaryApiCalls,
                      Icons.summarize,
                      isDarkMode),
                ],
              )),
        ],
      ),
    );
  }

  Widget _buildIntegralCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.stacked_line_chart,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Text(
                '积分统计',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode ? Colors.white : Colors.black,
                ),
              ),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() {
            final _ = User.refreshTick.value;
            final u = User.instance;
            return Column(
              children: [
                _buildIntegralRow(
                  'AI聊天',
                  '${controller.formatNumber(u.aichatintegral)}/${controller.formatNumber(u.aichattotalintegral)}',
                  Icons.chat_bubble_outline,
                  isDarkMode,
                ),
                SizedBox(height: 12.h),
                _buildIntegralRow(
                  '翻译',
                  '${controller.formatNumber(u.tradeintegral)}/${controller.formatNumber(u.tradetotalintegral)}',
                  Icons.translate,
                  isDarkMode,
                ),
                SizedBox(height: 12.h),
                _buildIntegralRow(
                  '会议',
                  '${controller.formatNumber(u.meetintegral)}/${controller.formatNumber(u.meettotalintegral)}',
                  Icons.groups,
                  isDarkMode,
                ),
              ],
            );
          }),
        ],
      ),
    );
  }

  Widget _buildIntegralRow(
      String label, String value, IconData icon, bool isDarkMode) {
    return Row(
      children: [
        Icon(
          icon,
          color: AppColors.primary,
          size: 18.sp,
        ),
        SizedBox(width: 12.w),
        Expanded(
          child: Text(
            label,
            style: TextStyle(
              fontSize: 14.sp,
              color: isDarkMode ? Colors.white : Colors.black,
            ),
          ),
        ),
        Text(
          value,
          style: TextStyle(
            fontSize: 14.sp,
            fontWeight: FontWeight.w600,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
      ],
    );
  }

  Widget _buildApiCallRow(
      String label, int count, IconData icon, bool isDarkMode) {
    return Row(
      children: [
        Icon(
          icon,
          color: AppColors.primary,
          size: 18.sp,
        ),
        SizedBox(width: 12.w),
        Expanded(
          child: Text(
            label,
            style: TextStyle(
              fontSize: 14.sp,
              color: isDarkMode ? Colors.white : Colors.black,
            ),
          ),
        ),
        Text(
          controller.formatNumber(count),
          style: TextStyle(
            fontSize: 14.sp,
            fontWeight: FontWeight.w600,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
      ],
    );
  }

  Widget _buildDataVolumeCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.data_usage,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Text(
                '数据量统计',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode ? Colors.white : Colors.black,
                ),
              ),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() => Column(
                children: [
                  Row(
                    children: [
                      Expanded(
                        child: _buildStatItem(
                          '源文本字符',
                          controller.formatNumber(
                              controller.currentStats.sourceTextCharacters),
                          Icons.text_fields,
                          isDarkMode,
                        ),
                      ),
                      Expanded(
                        child: _buildStatItem(
                          'TTS文本字符',
                          controller.formatNumber(
                              controller.currentStats.ttsTextCharacters),
                          Icons.translate,
                          isDarkMode,
                        ),
                      ),
                    ],
                  ),
                  SizedBox(height: 16.h),
                  Row(
                    children: [
                      Expanded(
                        child: _buildStatItem(
                          '有效音频时长',
                          controller.formatDuration(
                              controller.currentStats.effectiveAudioDuration),
                          Icons.mic,
                          isDarkMode,
                        ),
                      ),
                      Expanded(
                        child: _buildStatItem(
                          '总会话时长',
                          controller.formatDuration(
                              controller.currentStats.totalSessionDuration),
                          Icons.volume_up,
                          isDarkMode,
                        ),
                      ),
                    ],
                  ),
                ],
              )),
        ],
      ),
    );
  }

  Widget _buildCostCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.attach_money,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Text(
                '成本统计',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode ? Colors.white : Colors.black,
                ),
              ),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() => Column(
                children: [
                  Container(
                    padding: EdgeInsets.all(12.w),
                    decoration: BoxDecoration(
                      color: AppColors.primary.withValues(alpha: 0.1),
                      borderRadius: BorderRadius.circular(8.r),
                    ),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text(
                          '${controller.selectedTimeRange.value}预估成本',
                          style: TextStyle(
                            fontSize: 14.sp,
                            fontWeight: FontWeight.w500,
                            color: isDarkMode ? Colors.white : Colors.black,
                          ),
                        ),
                        Text(
                          controller.formatCost(
                              controller.currentStats.estimatedCost),
                          style: TextStyle(
                            fontSize: 18.sp,
                            fontWeight: FontWeight.bold,
                            color: AppColors.primary,
                          ),
                        ),
                      ],
                    ),
                  ),
                  SizedBox(height: 12.h),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        '日成本预警阈值',
                        style: TextStyle(
                          fontSize: 12.sp,
                          color: isDarkMode ? Colors.white70 : Colors.black54,
                        ),
                      ),
                      Text(
                        controller
                            .formatCost(controller.dailyCostThreshold.value),
                        style: TextStyle(
                          fontSize: 12.sp,
                          color: isDarkMode ? Colors.white70 : Colors.black54,
                        ),
                      ),
                    ],
                  ),
                  SizedBox(height: 4.h),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        '月成本预警阈值',
                        style: TextStyle(
                          fontSize: 12.sp,
                          color: isDarkMode ? Colors.white70 : Colors.black54,
                        ),
                      ),
                      Text(
                        controller
                            .formatCost(controller.monthlyCostThreshold.value),
                        style: TextStyle(
                          fontSize: 12.sp,
                          color: isDarkMode ? Colors.white70 : Colors.black54,
                        ),
                      ),
                    ],
                  ),
                ],
              )),
        ],
      ),
    );
  }

  Widget _buildUsageBehaviorCard(bool isDarkMode) {
    return Container(
      padding: EdgeInsets.all(16.w),
      decoration: BoxDecoration(
        color: isDarkMode ? AppColors.cardBackground : Colors.white,
        borderRadius: BorderRadius.circular(12.r),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withValues(alpha: 0.05),
            blurRadius: 10,
            offset: const Offset(0, 2),
          ),
        ],
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Icon(
                Icons.analytics,
                color: AppColors.primary,
                size: 20.sp,
              ),
              SizedBox(width: 8.w),
              Text(
                '使用行为统计',
                style: TextStyle(
                  fontSize: 16.sp,
                  fontWeight: FontWeight.w600,
                  color: isDarkMode ? Colors.white : Colors.black,
                ),
              ),
            ],
          ),
          SizedBox(height: 16.h),
          Obx(() => Column(
                children: [
                  _buildUsageBehaviorRow(
                    '最常用语言对',
                    controller.currentStats.mostUsedLanguagePair,
                    Icons.language,
                    isDarkMode,
                  ),
                  SizedBox(height: 12.h),
                  _buildUsageBehaviorRow(
                    '最常用模式',
                    controller.currentStats.mostUsedMode,
                    Icons.settings,
                    isDarkMode,
                  ),
                ],
              )),
        ],
      ),
    );
  }

  Widget _buildUsageBehaviorRow(
      String label, String value, IconData icon, bool isDarkMode) {
    return Row(
      children: [
        Icon(
          icon,
          color: AppColors.primary,
          size: 18.sp,
        ),
        SizedBox(width: 12.w),
        Expanded(
          child: Text(
            label,
            style: TextStyle(
              fontSize: 14.sp,
              color: isDarkMode ? Colors.white : Colors.black,
            ),
          ),
        ),
        Text(
          value,
          style: TextStyle(
            fontSize: 14.sp,
            fontWeight: FontWeight.w600,
            color: isDarkMode ? Colors.white : Colors.black,
          ),
        ),
      ],
    );
  }
}