import 'package:audio_waveforms/audio_waveforms.dart';
import 'package:demo001/gen/assets.gen.dart';
import 'package:demo001/tools/color_utils.dart';
import 'package:demo001/tools/textStyle.dart';
import 'package:gap/gap.dart';
import 'package:get/get.dart';
import 'package:flutter/material.dart';
import 'TranslateLogic.dart';
import 'TranslateState.dart';

/*
  录音测试场景
*/
// ignore: must_be_immutable
class TranslateScene extends StatelessWidget {
  final TranslateLogic logic = Get.put(TranslateLogic());
  final TranslateState state = Get.find<TranslateLogic>().state;
  TranslateScene({super.key});
  double width = 0;
  double height = 0;
  @override
  Widget build(BuildContext context) {
    width = MediaQuery.of(context).size.width;
    height = MediaQuery.of(context).size.height;
    return Scaffold(
      appBar: AppBar(
          title: Text(
        "同声传译",
        style: Style.navTitle,
      )),
      body: ListView.builder(
        itemCount: state.kdxfSentenceList.length,
        itemBuilder: (context, index) {
          var audio = state.kdxfSentenceList[index];
          return _buildAudioMessage(audio);
        },
      ),
      bottomNavigationBar: Padding(
          padding: const EdgeInsets.all(20.0),
          child: InkWell(
              onTap: logic.toggleCallStatus,
              child: Obx(() => Container(
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(30), // 圆角按钮
                      color: state.isRecording.value
                          ? Colors.red
                          : Colors.green, // 通话状态红色，非通话状态绿色
                    ),
                    padding: EdgeInsets.symmetric(
                        vertical: 15, horizontal: 40), // 调整按钮大小
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Icon(
                          state.isRecording.value
                              ? Icons.call_end
                              : Icons.mic, // 图标变化
                          color: Colors.white,
                          size: 30,
                        ),
                        SizedBox(width: 10),
                        Text(
                          state.isRecording.value ? '挂断' : '开始通话', // 状态文字变化
                          style: TextStyle(
                            color: Colors.white,
                            fontSize: 18,
                          ),
                        ),
                      ],
                    ),
                  )))),
    );
  }

  // 构建语音消息
  Widget _buildAudioMessage(KDXFSentenceModel model) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
      child: Row(
        children: [
          const Gap(10),
          Assets.img.imageAi.image(width: 25, height: 25),
          const Gap(10),
          Flexible(
            child: ConstrainedBox(
              constraints: BoxConstraints(maxWidth: width * 0.7),
              child: Container(
                padding: EdgeInsets.all(10),
                margin: EdgeInsets.only(top: 10),
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(12),
                  color: bottomNavBg,
                ),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      textAlign: TextAlign.start,
                      model.content,
                      style: Style.normal,
                      maxLines: 1000,
                    ),
                    Obx(() => Visibility(
                        visible: model.transResult != '', child: Gap(5))),
                    Obx(() => Visibility(
                          visible: model.transResult != '',
                          child: Text(
                            textAlign: TextAlign.start,
                            model.transResult,
                            style: Style.normal,
                            maxLines: 1000,
                          ),
                        )),
                    Obx(() => Visibility(
                          visible: model.audioDuration > 0,
                          child: const Gap(10),
                        )),
                    Obx(
                      () => Visibility(
                        visible: model.audioDuration > 0,
                        child: GestureDetector(
                          onTap: () {
                            logic.kdxfPlayAudio(model);
                          },
                          child: ClipRRect(
                            borderRadius: BorderRadius.circular(5),
                            child: AudioFileWaveforms(
                              size: Size(165, 30),
                              decoration: BoxDecoration(
                                border: Border.all(color: orange, width: 0.5),
                                borderRadius: BorderRadius.circular(5),
                              ),
                              enableSeekGesture: false,
                              waveformType: WaveformType.fitWidth,
                              playerWaveStyle: PlayerWaveStyle(
                                  waveThickness: 2, scaleFactor: 50),
                              playerController: model.playerController,
                            ),
                          ),
                        ),
                      ),
                    )
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}