import 'package:common_utils/common_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:lottie/lottie.dart';

import '../controllers/meeting_details_controller.dart';
import 'generate_bottom_sheet.dart';
import 'speaker_all_bottom_sheet.dart';
import 'speaker_bottom_sheet.dart';

class SpeechTab extends GetView<MeetingDetailsController> {
  const SpeechTab({super.key});

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        Obx(
          () => ListView.builder(
            itemCount: controller.textList.length,
            padding: EdgeInsets.only(bottom: 80.w),
            itemBuilder: (BuildContext context, int index) {
              Map item = controller.textList[index];
              TextStyle textStyle = TextStyle(
                fontSize: 15.sp,
                color: Colors.black87,
                letterSpacing: 0,
                height: 1.4,
              );
              return Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Padding(
                    padding: EdgeInsets.only(top: 10.w),
                    child: Row(
                      children: [
                        if (item['speaker'].isNotEmpty)
                          Container(
                            width: 11.w,
                            height: 11.w,
                            margin: EdgeInsets.only(right: 3.w),
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(11.r),
                              border: Border.all(
                                color: const Color(0xFFFFC107),
                                width: 3.w,
                              ),
                            ),
                          ),
                        if (item['speaker'].isNotEmpty)
                          GestureDetector(
                            onTap: () {
                              if (controller.isSpeakerText.value) return;
                              Get.bottomSheet(
                                SpeakerBottomSheet(item['id'], item['speaker']),
                                isScrollControlled: true,
                                backgroundColor: Colors.grey[100],
                                shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.vertical(
                                    top: Radius.circular(12.r),
                                  ),
                                ),
                              );
                            },
                            child: Padding(
                              padding: EdgeInsets.only(right: 5.w),
                              child: Text(
                                item['speaker'],
                                style: TextStyle(
                                  color: const Color(0xFFFFC107),
                                  fontSize: 13.sp,
                                ),
                              ),
                            ),
                          ),
                        Text(
                          DateUtil.formatDateMs(
                            item['starttime'],
                            format: 'HH:mm:ss',
                            isUtc: true,
                          ),
                          style: TextStyle(
                            color: Colors.grey,
                            fontSize: 13.sp,
                          ),
                        ),
                        Obx(() {
                          bool isActive = false;
                          int starttime = item['starttime'];
                          int endtime = 0;
                          if (index == controller.textList.length - 1) {
                            endtime = controller.durationMax.value;
                          } else {
                            endtime =
                                controller.textList[index + 1]['starttime'];
                          }
                          if (controller.currentDuration.value != 0) {
                            if (controller.currentDuration.value >= starttime &&
                                controller.currentDuration.value < endtime) {
                              isActive = true;
                            }
                          }
                          return isActive
                              ? Container(
                                  width: 16.w,
                                  height: 16.w,
                                  margin: EdgeInsets.only(left: 5.w),
                                  alignment: Alignment.center,
                                  clipBehavior: Clip.hardEdge,
                                  decoration: BoxDecoration(
                                    color: Colors.red[100],
                                    borderRadius: BorderRadius.circular(4.r),
                                  ),
                                  child: Transform.scale(
                                    scale: 1.6,
                                    child: Lottie.asset(
                                      'assets/lottie/sound_effect.json',
                                      controller: controller.lottieController,
                                    ),
                                  ),
                                )
                              : const SizedBox();
                        }),
                      ],
                    ),
                  ),
                  Obx(() {
                    if (controller.isSpeakerText.value) {
                      TextEditingController speakerTextController =
                          TextEditingController(text: item['content']);
                      return Obx(
                        () => Container(
                          padding: EdgeInsets.symmetric(
                            horizontal: 14.w,
                            vertical: 5.w,
                          ),
                          decoration: BoxDecoration(
                            color:
                                controller.editSpeakerTextId.value == item['id']
                                    ? Colors.blue[100]
                                    : null,
                            borderRadius: BorderRadius.circular(8.w),
                          ),
                          child: FocusScope(
                            onFocusChange: (bool hasFocus) {
                              if (hasFocus) {
                                controller.editSpeakerTextId.value = item['id'];
                                controller.editSpeakerTextChange = '';
                              } else {
                                if (speakerTextController.text !=
                                    item['content']) {
                                  Map? foundElement =
                                      controller.editSpeakerTextList.firstWhere(
                                    (element) => element['id'] == item['id'],
                                    orElse: () => null,
                                  );
                                  if (foundElement != null) {
                                    foundElement['content'] =
                                        speakerTextController.text;
                                  } else {
                                    controller.editSpeakerTextList.add({
                                      'id': item['id'],
                                      'content': speakerTextController.text,
                                    });
                                  }
                                }
                              }
                            },
                            child: TextField(
                              controller: speakerTextController,
                              style: textStyle,
                              minLines: 1,
                              maxLines: 100,
                              decoration: const InputDecoration(
                                isDense: true,
                                fillColor: Colors.transparent,
                                border: InputBorder.none,
                                contentPadding: EdgeInsets.zero,
                              ),
                              onChanged: (String value) {
                                controller.editSpeakerTextChange = value;
                              },
                            ),
                          ),
                        ),
                      );
                    } else {
                      return Obx(() {
                        bool isActive = false;
                        int starttime = item['starttime'];
                        int endtime = 0;
                        if (index == controller.textList.length - 1) {
                          endtime = controller.durationMax.value;
                        } else {
                          endtime = controller.textList[index + 1]['starttime'];
                        }
                        if (controller.currentDuration.value != 0) {
                          if (controller.currentDuration.value >= starttime &&
                              controller.currentDuration.value < endtime) {
                            isActive = true;
                          }
                        }
                        return GestureDetector(
                          behavior: HitTestBehavior.translucent,
                          onTap: () {
                            if (isActive) {
                              if (controller.isPlay.value) {
                                controller.playerController.pausePlayer();
                              } else {
                                controller.playerController.startPlayer();
                              }
                            } else {
                              controller.playerController
                                  .seekTo(item['starttime']);
                              controller.playerController.startPlayer();
                            }
                          },
                          child: Container(
                            width: double.infinity,
                            padding: EdgeInsets.symmetric(
                              horizontal: 14.w,
                              vertical: 5.w,
                            ),
                            child: Text(
                              item['content'],
                              style: TextStyle(
                                fontSize: 15.sp,
                                color: isActive ? Colors.red : Colors.black87,
                                letterSpacing: 0,
                                height: 1.4,
                              ),
                            ),
                          ),
                        );
                      });
                    }
                  }),
                ],
              );
            },
          ),
        ),
        Obx(
          () => Positioned(
            bottom: 20.w,
            left: 0,
            right: 0,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                if (controller.meetingDetails.value.tasktype >= 2 &&
                    !controller.isSpeakerText.value)
                  _button(
                    Icons.edit,
                    '编辑',
                    () {
                      controller.isSpeakerText.value = true;
                      controller.dragOffset.value = 0;
                      controller.isTop.value = true;
                    },
                  ),
                if (controller.meetingDetails.value.tasktype >= 2 &&
                    !controller.isSpeakerText.value)
                  _button(
                    Icons.supervisor_account,
                    '命名发言者',
                    () {
                      Get.bottomSheet(
                        const SpeakerAllBottomSheet(),
                        isScrollControlled: true,
                        backgroundColor: Colors.grey[100],
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.vertical(
                            top: Radius.circular(12.r),
                          ),
                        ),
                      );
                    },
                  ),
                if (controller.meetingDetails.value.tasktype == 0)
                  SizedBox(
                    width: 150.w,
                    child: _button(
                      Icons.auto_awesome,
                      '生成',
                      () {
                        Get.bottomSheet(
                          const GenerateBottomSheet(),
                          isScrollControlled: true,
                          backgroundColor: Colors.grey[100],
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.vertical(
                              top: Radius.circular(12.r),
                            ),
                          ),
                        );
                      },
                    ),
                  ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  Widget _button(IconData icon, String title, Function() onTap) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        height: 42.w,
        padding: EdgeInsets.symmetric(horizontal: 15.w),
        margin: EdgeInsets.symmetric(horizontal: 4.w),
        decoration: BoxDecoration(
          color: Colors.black,
          borderRadius: BorderRadius.circular(42.w),
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Icon(
              icon,
              color: Colors.white,
              size: 20.sp,
            ),
            5.horizontalSpace,
            Text(
              title,
              style: TextStyle(
                color: Colors.white,
                fontSize: 14.sp,
              ),
            ),
          ],
        ),
      ),
    );
  }
}