import 'dart:io';

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:hgdj/assets_tool/images.dart';
import 'package:hgdj/hj_utils/screen.dart';
import 'package:hgdj/tools_base/toast.dart';
import 'package:hgdj/tools_base/widget/group_text_filed.dart';
import 'package:image_pickers/image_pickers.dart';

/// 评论输入弹层：点空白关闭，自动聚焦拉起键盘
class CommentInputView extends StatefulWidget {
  static const String routeName = 'comment_input';
  final String? hint;
  final TextEditingController textCtr;
  final String? imgPath;
  final Function(String?)? onImgChange;

  const CommentInputView({
    super.key,
    this.hint,
    required this.textCtr,
    this.imgPath,
    this.onImgChange,
  });

  @override
  State<CommentInputView> createState() => _CommentInputViewState();
}

class _CommentInputViewState extends State<CommentInputView> {
  final focus = FocusNode();

  TextEditingController get textCtr => widget.textCtr;
  //弹层内自己维护一份，选/删图先本地刷新再回调出去
  String? _imgPath;

  @override
  void initState() {
    super.initState();
    _imgPath = widget.imgPath;
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      focus.requestFocus();
    });
  }

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

  void _pickImage() async {
    final listMedia = await ImagePickers.pickerPaths(
      uiConfig: UIConfig(uiThemeColor: Colors.white),
      galleryMode: GalleryMode.image,
      selectCount: 1,
      showCamera: false,
    );
    if (listMedia.isNotEmpty) {
      _imgPath = listMedia.first.path ?? '';
      widget.onImgChange?.call(_imgPath);
    }
    if (mounted) setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      child: InkWell(
        enableFeedback: false,
        onTap: () => Get.back(),
        child: Container(
            alignment: Alignment.bottomCenter,
            child: GestureDetector(
              onTap: () {},
              child: Container(
                color: Colors.black,
                padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    if (_imgPath?.isNotEmpty == true)
                      Container(
                        margin: const EdgeInsets.only(bottom: 12),
                        width: 60,
                        height: 60,
                        child: Stack(
                          fit: StackFit.expand,
                          children: [
                            Image.file(
                              File(_imgPath!),
                              width: 60,
                              height: 60,
                              fit: BoxFit.cover,
                            ),
                            Positioned(
                              top: 0,
                              right: 6,
                              child: GestureDetector(
                                onTap: () {
                                  _imgPath = null;
                                  widget.onImgChange?.call(null);
                                  setState(() {});
                                },
                                child: Image.asset(
                                  "close_grey.png".commonImgPath,
                                  width: 12,
                                  height: 12,
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    Row(
                      children: [
                        Expanded(
                          child: Padding(
                            padding: const EdgeInsets.symmetric(vertical: 2),
                            child: GroupTextFiled(
                              focusNode: focus,
                              controller: textCtr,
                              height: 32,
                              padding: EdgeInsets.symmetric(horizontal: 16),
                              textStyle:
                                  TextStyle(color: Colors.white, fontSize: 14),
                              onSubmitted: (value) {
                                Get.back(result: true);
                              },
                              placeholder: widget.hint ?? '请在此输入评论...',
                              placeholderTextStyle: TextStyle(
                                  color: Color(0xff4D4D4D), fontSize: 14),
                              decoration: BoxDecoration(
                                  color: Color(0xff1A1A1A),
                                  borderRadius: BorderRadius.circular(40)),
                            ),
                          ),
                        ),
                        12.sizeBoxW,
                        Padding(
                          padding: const EdgeInsets.only(
                              right: 12, top: 4, bottom: 4),
                          child: GestureDetector(
                            onTap: _pickImage,
                            child: Image.asset(
                              'icon_pic.webp'.commentPath,
                              width: 30,
                              height: 30,
                            ),
                          ),
                        ),
                        GestureDetector(
                          onTap: () {
                            if (textCtr.text.isEmpty) {
                              showToast('请输入想要说的话哦～～');
                              return;
                            }
                            Get.back(result: true);
                          },
                          child: Image.asset(
                            'ic_send.webp'.commentPath,
                            width: 30,
                            height: 30,
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            )),
      ),
    );
  }
}