import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
import 'package:PiliPlus/http/member.dart';
import 'package:PiliPlus/models/member/tags.dart';
import 'package:PiliPlus/utils/feed_back.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';

class GroupPanel extends StatefulWidget {
  final int? mid;
  final List? tags;
  final ScrollController? scrollController;
  const GroupPanel({
    super.key,
    this.mid,
    this.tags,
    this.scrollController,
  });

  @override
  State<GroupPanel> createState() => _GroupPanelState();
}

class _GroupPanelState extends State<GroupPanel> {
  late Future _futureBuilderFuture;
  late List<MemberTagItemModel> tagsList;
  bool showDefaultBtn = true;

  @override
  void initState() {
    super.initState();
    _futureBuilderFuture = MemberHttp.followUpTags();
    () async {
      dynamic result = await _futureBuilderFuture;
      if (result['status']) {
        tagsList = result['data'];
        tagsList.removeWhere((item) => item.tagid == 0);
        tagsList = tagsList.map((item) {
          return item..checked = widget.tags?.contains(item.tagid) == true;
        }).toList();
        setState(() {
          showDefaultBtn = !tagsList.any((e) => e.checked == true);
        });
      }
    }();
  }

  Future<void> onSave() async {
    feedBack();
    // 是否有选中的 有选中的带id，没选使用默认0
    final bool anyHasChecked =
        tagsList.any((MemberTagItemModel e) => e.checked == true);
    late List<int> tagidList;
    if (anyHasChecked) {
      final List<MemberTagItemModel> checkedList =
          tagsList.where((MemberTagItemModel e) => e.checked == true).toList();
      tagidList = checkedList.map<int>((e) => e.tagid!).toList();
    } else {
      tagidList = [0];
    }
    // 保存
    final res = await MemberHttp.addUsers([widget.mid], tagidList);
    SmartDialog.showToast(res['msg']);
    if (res['status']) {
      Get.back(result: tagidList);
    }
  }

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return NotificationListener<DraggableScrollableNotification>(
      onNotification: (notification) {
        if (notification.extent <= 1e-5) {
          Get.back();
        }
        return false;
      },
      child: Column(
        children: <Widget>[
          AppBar(
            backgroundColor: Colors.transparent,
            leading: IconButton(
                tooltip: '关闭',
                onPressed: Get.back,
                icon: const Icon(Icons.close_outlined)),
            title: const Text('设置关注分组'),
          ),
          Expanded(
            child: FutureBuilder(
              future: _futureBuilderFuture,
              builder: (BuildContext context, AsyncSnapshot snapshot) {
                if (snapshot.connectionState == ConnectionState.done) {
                  // TODO: refactor
                  if (snapshot.data is! Map) {
                    return HttpError(
                      isSliver: false,
                      onReload: () => setState(() {
                        _futureBuilderFuture = MemberHttp.followUpTags();
                      }),
                    );
                  }
                  Map data = snapshot.data as Map;
                  if (data['status']) {
                    return Material(
                      color: Colors.transparent,
                      child: ListView.builder(
                        controller: widget.scrollController,
                        itemCount: tagsList.length,
                        itemBuilder: (context, index) {
                          return ListTile(
                            onTap: () {
                              tagsList[index].checked =
                                  !tagsList[index].checked!;
                              showDefaultBtn =
                                  !tagsList.any((e) => e.checked == true);
                              setState(() {});
                            },
                            dense: true,
                            leading: const Icon(Icons.group_outlined),
                            minLeadingWidth: 0,
                            title: Text(tagsList[index].name ?? ''),
                            subtitle: tagsList[index].tip != ''
                                ? Text(tagsList[index].tip ?? '')
                                : null,
                            trailing: Transform.scale(
                              scale: 0.9,
                              child: Checkbox(
                                value: tagsList[index].checked,
                                onChanged: (bool? checkValue) {
                                  tagsList[index].checked = checkValue;
                                  showDefaultBtn =
                                      !tagsList.any((e) => e.checked == true);
                                  setState(() {});
                                },
                              ),
                            ),
                          );
                        },
                      ),
                    );
                  } else {
                    return CustomScrollView(
                      controller: widget.scrollController,
                      slivers: [
                        HttpError(
                          errMsg: data['msg'],
                          onReload: () => setState(() {}),
                        ),
                      ],
                    );
                  }
                } else {
                  return const Center(
                    child: CircularProgressIndicator(),
                  );
                }
              },
            ),
          ),
          Divider(
            height: 1,
            color: theme.disabledColor.withOpacity(0.08),
          ),
          Padding(
            padding: EdgeInsets.only(
              left: 20,
              right: 20,
              top: 12,
              bottom: MediaQuery.of(context).padding.bottom + 12,
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                TextButton(
                  onPressed: () => onSave(),
                  style: TextButton.styleFrom(
                    padding: const EdgeInsets.only(left: 30, right: 30),
                    foregroundColor: theme.colorScheme.onPrimary,
                    backgroundColor: theme.colorScheme.primary,
                  ),
                  child: Text(showDefaultBtn ? '保存至默认分组' : '保存'),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}