// 操作栏
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:get/get.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/http/dynamics.dart';
import 'package:pilipala/models/dynamics/result.dart';
import 'package:pilipala/pages/dynamics/index.dart';
import 'package:pilipala/utils/feed_back.dart';
import 'package:status_bar_control/status_bar_control.dart';
import 'rich_node_panel.dart';

class ActionPanel extends StatefulWidget {
  const ActionPanel({
    super.key,
    this.item,
  });
  // ignore: prefer_typing_uninitialized_variables
  final item;

  @override
  State<ActionPanel> createState() => _ActionPanelState();
}

class _ActionPanelState extends State<ActionPanel>
    with TickerProviderStateMixin {
  final DynamicsController _dynamicsController = Get.put(DynamicsController());
  late ModuleStatModel stat;
  bool isProcessing = false;
  RxDouble height = (310.0).obs;
  RxBool isExpand = false.obs;
  late double statusHeight;
  TextEditingController _inputController = TextEditingController();
  FocusNode myFocusNode = FocusNode();
  String _inputText = '';

  void Function()? handleState(Future Function() action) {
    return isProcessing
        ? null
        : () async {
            isProcessing = true;
            await action();
            isProcessing = false;
          };
  }

  @override
  void initState() {
    super.initState();
    stat = widget.item!.modules.moduleStat;
    onInit();
  }

  onInit() async {
    statusHeight = await StatusBarControl.getHeight;
  }

  // 动态点赞
  Future onLikeDynamic() async {
    feedBack();
    var item = widget.item!;
    String dynamicId = item.idStr!;
    // 1 已点赞 2 不喜欢 0 未操作
    Like like = item.modules.moduleStat.like;
    int count = like.count == '点赞' ? 0 : int.parse(like.count ?? '0');
    bool status = like.status!;
    int up = status ? 2 : 1;
    var res = await DynamicsHttp.likeDynamic(dynamicId: dynamicId, up: up);
    if (res['status']) {
      SmartDialog.showToast(!status ? '点赞成功' : '取消赞');
      if (up == 1) {
        item.modules.moduleStat.like.count = (count + 1).toString();
        item.modules.moduleStat.like.status = true;
      } else {
        if (count == 1) {
          item.modules.moduleStat.like.count = '点赞';
        } else {
          item.modules.moduleStat.like.count = (count - 1).toString();
        }
        item.modules.moduleStat.like.status = false;
      }
      setState(() {});
    } else {
      SmartDialog.showToast(res['msg']);
    }
  }

  // 转发动态预览
  Widget dynamicPreview() {
    return Padding(
      padding: const EdgeInsets.fromLTRB(12, 0, 14, 12),
      child: Container(
        width: double.infinity,
        decoration: BoxDecoration(
          color:
              Theme.of(context).colorScheme.secondaryContainer.withOpacity(0.4),
          borderRadius: BorderRadius.circular(12),
        ),
        child: Padding(
            padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 14),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  '@${widget.item.modules.moduleAuthor.name}',
                  style: TextStyle(
                    color: Theme.of(context).colorScheme.primary,
                  ),
                ),
                const SizedBox(height: 6),
                Row(
                  children: [
                    NetworkImgLayer(
                      src: widget.item.modules.moduleAuthor.face,
                      width: 34,
                      height: 34,
                      type: 'emote',
                    ),
                    const SizedBox(width: 10),
                    Expanded(
                      child: Text.rich(
                        style: const TextStyle(height: 0),
                        richNode(widget.item, context),
                        maxLines: 2,
                        overflow: TextOverflow.ellipsis,
                      ),
                    ),
                    // Text(data)
                  ],
                )
              ],
            )),
      ),
    );
  }

  // 动态转发
  void forwardHandler() async {
    showModalBottomSheet(
      context: context,
      enableDrag: false,
      useRootNavigator: true,
      isScrollControlled: true,
      builder: (context) {
        return Obx(
          () => AnimatedContainer(
            duration: Durations.medium1,
            onEnd: () async {
              if (isExpand.value) {
                await Future.delayed(const Duration(milliseconds: 120));
                myFocusNode.requestFocus();
              }
            },
            height: height.value,
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                AnimatedContainer(
                  duration: Durations.medium1,
                  height: isExpand.value ? statusHeight : 0,
                ),
                Padding(
                  padding: const EdgeInsets.fromLTRB(16, 10, 12, 0),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      AnimatedSwitcher(
                        duration: Durations.medium1,
                        transitionBuilder:
                            (Widget child, Animation<double> animation) {
                          return ScaleTransition(
                              scale: animation, child: child);
                        },
                        child: isExpand.value
                            ? IconButton(
                                onPressed: () => togglePanelState(false),
                                icon: const Icon(Icons.close))
                            : const Text(
                                '转发动态',
                                style: TextStyle(fontWeight: FontWeight.bold),
                              ),
                      ),
                      AnimatedSwitcher(
                        duration: Durations.medium1,
                        transitionBuilder:
                            (Widget child, Animation<double> animation) {
                          return ScaleTransition(
                              scale: animation, child: child);
                        },
                        child: isExpand.value
                            ? FilledButton(
                                onPressed: () => dynamicForward('forward'),
                                child: const Text('转发'),
                              )
                            : TextButton(
                                onPressed: () {},
                                child: const Text('立即转发'),
                              ),
                      ),
                    ],
                  ),
                ),
                if (!isExpand.value) ...[
                  GestureDetector(
                    onTap: () => togglePanelState(true),
                    behavior: HitTestBehavior.translucent,
                    child: Container(
                      width: double.infinity,
                      alignment: Alignment.centerLeft,
                      padding: const EdgeInsets.fromLTRB(16, 0, 10, 15),
                      child: Text(
                        '说点什么吧',
                        textAlign: TextAlign.start,
                        style: TextStyle(
                            color: Theme.of(context).colorScheme.outline),
                      ),
                    ),
                  ),
                ] else ...[
                  Padding(
                    padding: const EdgeInsets.fromLTRB(16, 10, 16, 0),
                    child: TextField(
                      maxLines: 5,
                      focusNode: myFocusNode,
                      controller: _inputController,
                      onChanged: (value) {
                        setState(() {
                          _inputText = value;
                        });
                      },
                      decoration: const InputDecoration(
                        border: InputBorder.none,
                        hintText: '说点什么吧',
                      ),
                    ),
                  ),
                ],
                dynamicPreview(),
                if (!isExpand.value) ...[
                  const Divider(thickness: 0.1, height: 1),
                  ListTile(
                    onTap: () => Get.back(),
                    minLeadingWidth: 0,
                    dense: true,
                    title: Text(
                      '取消',
                      style: TextStyle(
                          color: Theme.of(context).colorScheme.outline),
                      textAlign: TextAlign.center,
                    ),
                  ),
                  SizedBox(
                    height: MediaQuery.of(context).padding.bottom + 20,
                  )
                ]
              ],
            ),
          ),
        );
      },
    );
  }

  togglePanelState(status) {
    if (!status) {
      Get.back();
      height.value = 310;
      _inputText = '';
      _inputController.clear();
    } else {
      height.value = Get.size.height;
    }
    isExpand.value = !(isExpand.value);
  }

  dynamicForward(String type) async {
    String dynamicId = widget.item.idStr!;
    var res = await DynamicsHttp.dynamicCreate(
      dynIdStr: dynamicId,
      mid: _dynamicsController.userInfo.mid,
      rawText: _inputText,
    );
    if (res['status']) {
      SmartDialog.showToast(type == 'forward' ? '转发成功' : '发布成功');
      togglePanelState(false);
    }
  }

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

  @override
  Widget build(BuildContext context) {
    var color = Theme.of(context).colorScheme.outline;
    var primary = Theme.of(context).colorScheme.primary;
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceAround,
      children: [
        Expanded(
          flex: 1,
          child: TextButton.icon(
            onPressed: forwardHandler,
            icon: const Icon(
              FontAwesomeIcons.shareFromSquare,
              size: 16,
            ),
            style: TextButton.styleFrom(
              padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
              foregroundColor: Theme.of(context).colorScheme.outline,
            ),
            label: Text(stat.forward!.count ?? '转发'),
          ),
        ),
        Expanded(
          flex: 1,
          child: TextButton.icon(
            onPressed: () => _dynamicsController.pushDetail(widget.item, 1,
                action: 'comment'),
            icon: const Icon(
              FontAwesomeIcons.comment,
              size: 16,
            ),
            style: TextButton.styleFrom(
              padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
              foregroundColor: Theme.of(context).colorScheme.outline,
            ),
            label: Text(stat.comment!.count ?? '评论'),
          ),
        ),
        Expanded(
          flex: 1,
          child: TextButton.icon(
            onPressed: handleState(onLikeDynamic),
            icon: Icon(
              stat.like!.status!
                  ? FontAwesomeIcons.solidThumbsUp
                  : FontAwesomeIcons.thumbsUp,
              size: 16,
              color: stat.like!.status! ? primary : color,
            ),
            style: TextButton.styleFrom(
              padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
              foregroundColor: Theme.of(context).colorScheme.outline,
            ),
            label: AnimatedSwitcher(
              duration: const Duration(milliseconds: 400),
              transitionBuilder: (Widget child, Animation<double> animation) {
                return ScaleTransition(scale: animation, child: child);
              },
              child: Text(
                stat.like!.count ?? '点赞',
                key: ValueKey<String>(stat.like!.count ?? '点赞'),
                style: TextStyle(
                  color: stat.like!.status! ? primary : color,
                ),
              ),
            ),
          ),
        )
      ],
    );
  }
}