import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import '../controllers/agent_controller.dart';

/// 底部弹出式文本编辑器组件
class FullScreenEditor extends StatefulWidget {
  const FullScreenEditor({super.key});

  @override
  State<FullScreenEditor> createState() => _FullScreenEditorState();
}

class _FullScreenEditorState extends State<FullScreenEditor> {
  late TextEditingController _textController;
  late FocusNode _focusNode;
  final AgentController controller = AgentController.to;

  @override
  void initState() {
    super.initState();
    // 使用与主界面相同的文本控制器，保持内容同步
    _textController = controller.textController;
    _focusNode = FocusNode();

    // 延迟聚焦，确保界面完全加载后再聚焦
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _focusNode.requestFocus();
    });
  }

  @override
  void dispose() {
    _focusNode.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;
    final primaryColor = Theme.of(context).primaryColor;
    final keyboardHeight = MediaQuery.of(context).viewInsets.bottom; // 获取键盘高度

    return Container(
      height: MediaQuery.of(context).size.height * 0.95, // 占屏幕高度的90%
      decoration: BoxDecoration(
        color: isDarkMode ? Colors.grey[900] : Colors.white,
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(20.r),
          topRight: Radius.circular(20.r),
        ),
      ),
      child: Stack(
        children: [
          // 主要内容区域
          Column(
            children: [
              // 主要编辑区域
              Expanded(
                child: Container(
                  padding: EdgeInsets.fromLTRB(16.w, 60.w, 16.w, 16.w),
                  child: TextField(
                    controller: _textController,
                    focusNode: _focusNode,
                    maxLines: null,
                    expands: true,
                    keyboardType: TextInputType.multiline,
                    textInputAction: TextInputAction.newline,
                    style: TextStyle(
                      fontSize: 16.sp,
                      color: isDarkMode ? Colors.white : Colors.black87,
                      height: 1.5,
                    ),
                    decoration: InputDecoration(
                      hintText: 'fullScreenEditorHint'.tr, // 在这里输入你的消息...
                      hintStyle: TextStyle(
                        color: isDarkMode ? Colors.white54 : Colors.grey[500],
                        fontSize: 16.sp,
                      ),
                      border: InputBorder.none,
                      contentPadding: EdgeInsets.zero,
                    ),
                  ),
                ),
              ),

              // 底部操作区域
              Container(
                margin:
                    EdgeInsets.only(bottom: keyboardHeight), // 关键修改：添加键盘高度的边距
                padding: EdgeInsets.all(16.w),
                decoration: BoxDecoration(
                  color: isDarkMode ? Colors.grey[800] : Colors.grey[50],
                  border: Border(
                    top: BorderSide(
                      color: isDarkMode ? Colors.grey[700]! : Colors.grey[200]!,
                      width: 1,
                    ),
                  ),
                ),
                child: Row(
                  children: [
                    // 字符计数
                    Expanded(
                      child: ValueListenableBuilder<TextEditingValue>(
                        valueListenable: _textController,
                        builder: (context, value, child) {
                          return Text(
                            'characterCount'.tr.replaceAll('{count}',
                                '${value.text.length}'), // ${value.text.length} 字符
                            style: TextStyle(
                              color: isDarkMode
                                  ? Colors.white60
                                  : Colors.grey[600],
                              fontSize: 14.sp,
                            ),
                          );
                        },
                      ),
                    ),

                    // 发送按钮 - 保持与主界面一致的样式
                    Obx(() {
                      final hasText = controller.hasTextInput.value;
                      return GestureDetector(
                        onTap: hasText
                            ? () async {
                                await controller.sendMessageFromFullScreen();
                                if (context.mounted) {
                                  Navigator.of(context).pop();
                                }
                              }
                            : null,
                        child: Container(
                          width: 44.w,
                          height: 44.h,
                          decoration: BoxDecoration(
                            color: hasText
                                ? primaryColor
                                : (isDarkMode
                                    ? Colors.grey[800]
                                    : Colors.grey[300]),
                            borderRadius: BorderRadius.circular(22.r),
                          ),
                          child: Icon(
                            Icons.send,
                            color: hasText
                                ? Colors.white
                                : (isDarkMode
                                    ? Colors.grey[600]
                                    : Colors.grey[500]),
                            size: 22.sp,
                          ),
                        ),
                      );
                    }),
                  ],
                ),
              ),
            ],
          ),

          // 右上角关闭按钮
          Positioned(
            top: 16.h,
            right: 16.w,
            child: GestureDetector(
              onTap: () {
                controller.closeFullScreenEdit();
                Navigator.of(context).pop();
              },
              child: Container(
                width: 32.w,
                height: 32.h,
                decoration: BoxDecoration(
                  color: isDarkMode ? Colors.grey[800] : Colors.grey[200],
                  borderRadius: BorderRadius.circular(16.r),
                ),
                child: Icon(
                  Icons.close,
                  color: isDarkMode ? Colors.white : Colors.black87,
                  size: 20.sp,
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}