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 '../controllers/meeting_details_controller.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: 16.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: 12.w,
                            height: 12.w,
                            margin: EdgeInsets.only(right: 2.w),
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(28.r),
                              border: Border.all(
                                color: const Color(0xFFFFC107),
                                width: 3.w,
                              ),
                            ),
                          ),
                        if (item['speaker'].isNotEmpty)
                          GestureDetector(
                            onTap: () {
                              if (controller.isSpeakerText.value) return;
                              showModalBottomSheet(
                                context: context,
                                isScrollControlled: true,
                                backgroundColor: Colors.grey[100],
                                shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.vertical(
                                    top: Radius.circular(12.r),
                                  ),
                                ),
                                builder: (BuildContext context) {
                                  return SpeakerBottomSheet(
                                      item['id'], item['speaker']);
                                },
                              );
                            },
                            child: Padding(
                              padding: EdgeInsets.only(right: 5.w),
                              child: Text(
                                item['speaker'],
                                style: TextStyle(
                                  color: const Color(0xFFFFC107),
                                  fontSize: 14.sp,
                                ),
                              ),
                            ),
                          ),
                        Text(
                          DateUtil.formatDateMs(
                            item['starttime'],
                            format: 'HH:mm:ss',
                            isUtc: true,
                          ),
                          style: TextStyle(
                            color: Colors.grey,
                            fontSize: 14.sp,
                          ),
                        ),
                      ],
                    ),
                  ),
                  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 Container(
                        padding: EdgeInsets.symmetric(
                          horizontal: 14.w,
                          vertical: 5.w,
                        ),
                        child: Text(
                          item['content'],
                          style: textStyle,
                        ),
                      );
                    }
                  }),
                ],
              );
            },
          ),
        ),
        Obx(
          () => Positioned(
            bottom: 20.w,
            left: 0,
            right: 0,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                if (controller.meetingDetails.value.tasktype == 1 &&
                    !controller.isSpeakerText.value)
                  _button(
                    Icons.edit,
                    '编辑',
                    () {
                      controller.isSpeakerText.value = true;
                    },
                  ),
                if (controller.meetingDetails.value.tasktype == 1 &&
                    !controller.isSpeakerText.value)
                  _button(
                    Icons.supervisor_account,
                    '命名发言者',
                    () {
                      showModalBottomSheet(
                        context: context,
                        isScrollControlled: true,
                        backgroundColor: Colors.grey[100],
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.vertical(
                            top: Radius.circular(12.r),
                          ),
                        ),
                        builder: (BuildContext context) {
                          return const SpeakerAllBottomSheet();
                        },
                      );
                    },
                  ),
                if (controller.meetingDetails.value.tasktype != 1)
                  SizedBox(
                    width: 150.w,
                    child: _button(
                      Icons.auto_awesome,
                      '生成',
                      controller.speakerCreate,
                    ),
                  ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  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,
              ),
            ),
          ],
        ),
      ),
    );
  }
}