import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/app_settings/app_colors.dart';
import 'package:star_lock/main/lockDetail/lockDetail/passthrough_item.dart';
import 'package:star_lock/main/lockDetail/lockSet/speechLanguageSettings/speech_language_settings_logic.dart';
import 'package:star_lock/main/lockDetail/lockSet/speechLanguageSettings/speech_language_settings_state.dart';
import 'package:star_lock/tools/titleAppBar.dart';

class SpeechLanguageSettingsPage extends StatefulWidget {
  const SpeechLanguageSettingsPage();

  @override
  State<SpeechLanguageSettingsPage> createState() =>
      _SpeechLanguageSettingsPageState();
}

class _SpeechLanguageSettingsPageState
    extends State<SpeechLanguageSettingsPage> {
  final SpeechLanguageSettingsLogic logic =
      Get.put(SpeechLanguageSettingsLogic());
  final SpeechLanguageSettingsState state =
      Get.find<SpeechLanguageSettingsLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
        barTitle: '锁语音包设置'.tr,
        haveBack: true,
        backgroundColor: AppColors.mainColor,
        actionsList: [
          TextButton(
            onPressed: logic.saveSpeechLanguageSettings,
            child: Text(
              '保存'.tr,
              style: TextStyle(
                color: Colors.white,
                fontSize: 24.sp,
                fontWeight: FontWeight.w500,
              ),
            ),
          ),
        ],
      ),
      body: _buildBody(),
    );
  }

  Widget _buildBody() {
    return Obx(
      () => Stack(
        children: [
          Column(
            children: [
              ..._buildList(),
            ],
          ),
          // 移除进度条显示
        ],
      ),
    );
  }

  List<Widget> _buildList() {
    final languages = state.languages;
    return List.generate(
      languages.length,
      (index) => _buildItem(languages[index], index),
    );
  }

  _buildItem(PassthroughItem language, int index) {
    final timbres = language.timbres;
    final isSelected = state.selectPassthroughListIndex == index;
    return ExpansionTile(
      title: Text(
        PassthroughLangHelper.getLangText(language.lang),
        style: TextStyle(
          fontSize: 24.sp,
          fontWeight: isSelected ? FontWeight.bold : null,
        ),
      ),
      onExpansionChanged: (bool expanded) {},
      initiallyExpanded: true,
      backgroundColor: Colors.white,
      collapsedBackgroundColor: Colors.white,
      expandedCrossAxisAlignment: CrossAxisAlignment.center,
      expandedAlignment: Alignment.center,
      shape: InputBorder.none,
      maintainState: true,
      // 去除展开状态下的边框
      collapsedShape: InputBorder.none,
      // 去除折叠状态下的边框
      childrenPadding: EdgeInsets.only(left: 12.w),
      children: List.generate(
        timbres.length,
        (int languageIndex) => ListTile(
          title: Text(
            timbres[languageIndex].name,
            style: TextStyle(
              fontSize: 22.sp,
              fontWeight:
                  state.selectLanguageIndex == languageIndex && isSelected
                      ? FontWeight.bold
                      : null,
            ),
          ),
          trailing: state.selectLanguageIndex == languageIndex && isSelected
              ? Icon(
                  Icons.check_circle,
                  color: AppColors.mainColor,
                ) // 仅当选中时显示图标
              : null, // 默认不显示
          onTap: () {
            // 更新选中的语音包
            state.selectLanguageIndex.value = languageIndex;
            // 更新选中的语言
            state.selectPassthroughListIndex.value = index;
          }, // 默认图标, // 右侧的图标
        ),
      ),
    );
  }
}