import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../controllers/profile_controller.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import '../../../core/widgets/common_bottom_nav.dart';
import '../../../data/services/audio_service.dart';
import '../../../core/routes/app_routes.dart';

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

  Widget _buildMenuItem({
    required String title,
    required IconData icon,
    String? subtitle,
    required VoidCallback onTap,
  }) {
    return ListTile(
      leading: Icon(icon, size: 24.sp, color: Colors.grey[700]),
      title: Text(
        title,
        style: TextStyle(
          fontSize: 16.sp,
          fontWeight: FontWeight.w500,
        ),
      ),
      subtitle: subtitle != null
          ? Text(
              subtitle,
              style: TextStyle(
                fontSize: 14.sp,
                color: Colors.grey[600],
              ),
            )
          : null,
      trailing: Icon(
        Icons.chevron_right,
        size: 24.sp,
        color: Colors.grey[400],
      ),
      onTap: onTap,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        title: Text(
          '设置'.tr,
          style: TextStyle(
            fontSize: 17.sp,
            fontWeight: FontWeight.w600,
            color: Colors.black,
          ),
        ),
        centerTitle: true,
      ),
      body: ListView(
        children: [
          SizedBox(height: 12.h),
          
          const Divider(),
          _buildMenuItem(
            title: '关于'.tr,
            icon: Icons.info_outline,
            onTap: () {
              // TODO: 实现关于页面
            },
          ),

          const Divider(),
          _buildMenuItem(
            title: '火山语音合成测试'.tr,
            icon: Icons.record_voice_over,
            subtitle: '测试火山语音TTS功能',
            onTap: () {
              Get.toNamed(Routes.TTS_TEST);
            },
          ),
          

          const Divider(),
          _buildMenuItem(
            title: '火山语音识别测试'.tr,
            icon: Icons.mic_external_on,
            subtitle: '测试火山语音ASR功能',
            onTap: () {
              Get.toNamed(Routes.VOLCANO_ASR_TEST);
            },
          ),
          const Divider(),
          _buildMenuItem(
            title: 'Azure语音识别测试'.tr,
            icon: Icons.mic,
            subtitle: '测试Azure语音ASR功能',
            onTap: () {
              Get.toNamed(Routes.AZURE_ASR_TEST);
            },
          ),
                    const Divider(),
          _buildMenuItem(
            title: 'Azure语音合成测试'.tr,
            icon: Icons.record_voice_over,
            subtitle: '测试Azure语音TTS功能',
            onTap: () {
              Get.toNamed(Routes.AZURE_TTS_TEST);
            },
          ),
          const Divider(),
          _buildMenuItem(
            title: '本地语音合成测试'.tr,
            icon: Icons.speaker_phone,
            subtitle: '测试Flutter TTS本地语音合成功能',
            onTap: () {
              Get.toNamed(Routes.FLUTTER_TTS_TEST);
            },
          ),
          const Divider(),
          _buildMenuItem(
            title: '本地语音识别测试'.tr,
            icon: Icons.mic_none,
            subtitle: '测试Flutter本地语音识别功能',
            onTap: () {
              Get.toNamed(Routes.FLUTTER_ASR_TEST);
            },
          ),
        ],
      ),
      bottomNavigationBar: const CommonBottomNav(currentIndex: 2),
    );
  }
}