import 'package:PiliPlus/common/widgets/radio_widget.dart';
import 'package:PiliPlus/utils/extension.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';

Future<void> autoWrapReportDialog(
  BuildContext context,
  Map<String, Map<int, String>> options,
  Future<Map> Function(int reasonType, String? reasonDesc, bool banUid)
  onSuccess,
) {
  int? reasonType;
  String? reasonDesc;
  bool banUid = false;
  late final key = GlobalKey<FormState>();
  return showDialog(
    context: context,
    builder: (context) {
      return AlertDialog(
        title: const Text('举报'),
        titlePadding: const EdgeInsets.only(left: 22, top: 16, right: 22),
        contentPadding: const EdgeInsets.symmetric(vertical: 5),
        actionsPadding: const EdgeInsets.only(
          left: 16,
          right: 16,
          bottom: 10,
        ),
        content: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Flexible(
              child: SingleChildScrollView(
                child: AnimatedSize(
                  duration: const Duration(milliseconds: 200),
                  child: Builder(
                    builder: (context) => Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const Padding(
                          padding: EdgeInsets.only(
                            left: 22,
                            right: 22,
                            bottom: 5,
                          ),
                          child: Text('请选择举报的理由：'),
                        ),
                        RadioGroup(
                          onChanged: (value) {
                            reasonType = value;
                            (context as Element).markNeedsBuild();
                          },
                          groupValue: reasonType,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: options.entries.map((entry) {
                              return WrapRadioOptionsGroup<int>(
                                groupTitle: entry.key,
                                options: entry.value,
                              );
                            }).toList(),
                          ),
                        ),
                        if (reasonType == 0)
                          Padding(
                            padding: const EdgeInsets.only(
                              left: 22,
                              top: 5,
                              right: 22,
                            ),
                            child: Form(
                              key: key,
                              child: TextFormField(
                                autofocus: true,
                                minLines: 2,
                                maxLines: 4,
                                initialValue: reasonDesc,
                                decoration: const InputDecoration(
                                  labelText: '为帮助审核人员更快处理，请补充问题类型和出现位置等详细信息',
                                  border: OutlineInputBorder(),
                                  contentPadding: EdgeInsets.all(10),
                                ),
                                onChanged: (value) => reasonDesc = value,
                                validator: (value) =>
                                    value.isNullOrEmpty ? '理由不能为空' : null,
                              ),
                            ),
                          ),
                      ],
                    ),
                  ),
                ),
              ),
            ),
            Padding(
              padding: const EdgeInsets.only(left: 14, top: 6),
              child: CheckBoxText(
                text: '拉黑该用户',
                onChanged: (value) => banUid = value,
              ),
            ),
          ],
        ),
        actions: [
          TextButton(
            onPressed: Get.back,
            child: Text(
              '取消',
              style: TextStyle(color: Theme.of(context).colorScheme.outline),
            ),
          ),
          TextButton(
            onPressed: () async {
              if (reasonType == null ||
                  (reasonType == 0 && key.currentState?.validate() != true)) {
                return;
              }
              SmartDialog.showLoading();
              try {
                final data = await onSuccess(reasonType!, reasonDesc, banUid);
                SmartDialog.dismiss();
                if (data['code'] == 0) {
                  Get.back();
                  SmartDialog.showToast('举报成功');
                } else {
                  SmartDialog.showToast(data['message']);
                }
              } catch (e) {
                SmartDialog.dismiss();
                SmartDialog.showToast('提交失败：$e');
              }
            },
            child: const Text('确定'),
          ),
        ],
      );
    },
  );
}

class CheckBoxText extends StatefulWidget {
  final String text;
  final ValueChanged<bool> onChanged;
  final bool selected;

  const CheckBoxText({
    super.key,
    required this.text,
    required this.onChanged,
    this.selected = false,
  });

  @override
  State<CheckBoxText> createState() => _CheckBoxTextState();
}

class _CheckBoxTextState extends State<CheckBoxText> {
  late bool _selected;

  @override
  void initState() {
    super.initState();
    _selected = widget.selected;
  }

  @override
  Widget build(BuildContext context) {
    final colorScheme = Theme.of(context).colorScheme;
    return InkWell(
      onTap: () {
        setState(() {
          _selected = !_selected;
          widget.onChanged(_selected);
        });
      },
      child: Padding(
        padding: const EdgeInsets.all(4),
        child: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Icon(
              size: 22,
              _selected
                  ? Icons.check_box_outlined
                  : Icons.check_box_outline_blank,
              color: _selected
                  ? colorScheme.primary
                  : colorScheme.onSurfaceVariant,
            ),
            Text(
              ' ${widget.text}',
              style: TextStyle(color: _selected ? colorScheme.primary : null),
            ),
          ],
        ),
      ),
    );
  }
}

class ReportOptions {
  // from https://s1.hdslb.com/bfs/seed/jinkela/comment-h5/static/js/605.chunks.js
  static Map<String, Map<int, String>> get commentReport => const {
    '违反法律法规': {9: '违法违规', 2: '色情', 10: '低俗', 12: '赌博诈骗', 23: '违法信息外链'},
    '谣言类不实信息': {19: '涉政谣言', 22: '虚假不实信息', 20: '涉社会事件谣言'},
    '侵犯个人权益': {7: '人身攻击', 15: '侵犯隐私'},
    '有害社区环境': {
      1: '垃圾广告',
      4: '引战',
      5: '剧透',
      3: '刷屏',
      8: '视频不相关',
      18: '违规抽奖',
      17: '青少年不良信息',
    },
    '其他': {0: '其他'},
  };

  static Map<String, Map<int, String>> get dynamicReport => const {
    '': {
      4: '垃圾广告',
      8: '引战',
      1: '色情',
      5: '人身攻击',
      3: '违法信息',
      9: '涉政谣言',
      10: '涉社会事件谣言',
      12: '虚假不实信息',
      13: '违法信息外链',
      0: '其他',
    },
  };

  static Map<String, Map<int, String>> get danmakuReport => const {
    '': {
      1: '违法违禁',
      2: '色情低俗',
      3: '赌博诈骗',
      4: '人身攻击',
      5: '侵犯隐私',
      6: '垃圾广告',
      7: '引战',
      8: '剧透',
      9: '恶意刷屏',
      10: '视频无关',
      12: '青少年不良信息',
      13: '违法信息外链',
      0: '其它', // 11
    },
  };

  static Map<String, Map<int, String>> get liveDanmakuReport => const {
    '': {
      1: '违法违规',
      2: '低俗色情',
      3: '垃圾广告',
      4: '辱骂引战',
      5: '政治敏感',
      6: '青少年不良信息',
      7: '其他 ', // avoid show form
    },
  };
}