import 'package:flutter/material.dart';
import 'package:web_tools/web_tools.dart';

class WebToolsExamplePage extends StatefulWidget {
  const WebToolsExamplePage({super.key});

  @override
  State<WebToolsExamplePage> createState() => _WebToolsExamplePageState();
}

class _WebToolsExamplePageState extends State<WebToolsExamplePage> {
  final FlutterBridge bridge = FlutterBridge.instance;

  // 控制器用于输入参数
  final TextEditingController gameIdController = TextEditingController()
    ..text = '311';
  final TextEditingController userIdController = TextEditingController()
    ..text = 'f894609cbab2440c8b2c5161049ec881';
  final TextEditingController googleProductIdController =
      TextEditingController()..text = '70055';
  final TextEditingController iosProductIdController = TextEditingController();
  final TextEditingController pathController = TextEditingController();
  final TextEditingController titleController = TextEditingController();
  final TextEditingController gameCodeController = TextEditingController()
    ..text = '310';
  final TextEditingController activityIdController = TextEditingController()
    ..text = '83';
  final TextEditingController schemeController = TextEditingController();
  final TextEditingController linkUrlController = TextEditingController();

  @override
  void dispose() {
    gameIdController.dispose();
    userIdController.dispose();
    googleProductIdController.dispose();
    iosProductIdController.dispose();
    pathController.dispose();
    titleController.dispose();
    gameCodeController.dispose();
    activityIdController.dispose();
    schemeController.dispose();
    linkUrlController.dispose();
    super.dispose();
  }

  Widget _buildMethodTile(
      String title, String description, VoidCallback onPressed) {
    return ListTile(
      title: Text(title, style: const TextStyle(fontWeight: FontWeight.bold)),
      subtitle: Text(description),
      trailing: ElevatedButton(
        onPressed: onPressed,
        child: const Text('调用'),
      ),
    );
  }

  Widget _buildMethodWithInputTile(
    String title,
    String description,
    TextEditingController controller,
    String hint,
    VoidCallback onPressed,
  ) {
    return ListTile(
      title: Text(title, style: const TextStyle(fontWeight: FontWeight.bold)),
      subtitle: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(description),
          const SizedBox(height: 8),
          TextField(
            controller: controller,
            decoration: InputDecoration(
              hintText: hint,
              border: const OutlineInputBorder(),
              contentPadding:
                  const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
            ),
          ),
        ],
      ),
      trailing: ElevatedButton(
        onPressed: onPressed,
        child: const Text('调用'),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Web Tools 交互方法示例'),
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
      ),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          // 游戏相关模块
          ExpansionTile(
            title: const Text('游戏相关方法'),
            children: [
              _buildMethodTile(
                '关闭页面',
                '关闭当前网页',
                () => bridge.close(),
              ),
              _buildMethodTile(
                '关闭游戏页面',
                '关闭游戏页面左上角返回',
                () => bridge.sendToFlutter(ToFlutterAppEnum.gameExit.code, {}),
              ),
              _buildMethodTile(
                '游戏结束',
                '通知原生游戏已结束',
                () => bridge.gameOver(),
              ),
              _buildMethodWithInputTile(
                '创建游戏',
                '创建指定ID的游戏',
                gameIdController,
                '输入游戏ID',
                () {
                  if (gameIdController.text.isNotEmpty) {
                    bridge.createGame(gameIdController.text);
                  } else {
                    bridge.createGame("311");
                  }
                },
              ),
              _buildMethodWithInputTile(
                '想玩游戏',
                '表达想玩指定游戏的意愿',
                gameIdController,
                '输入游戏ID',
                () {
                  if (gameIdController.text.isNotEmpty) {
                    bridge.wantToPlay(gameIdController.text);
                  }
                },
              ),
              _buildMethodWithInputTile(
                '跳转到游戏详情页',
                '不同的值代表不同的游戏',
                gameIdController,
                'gameType',
                () {
                  if (gameIdController.text.isNotEmpty) {
                    bridge.sendToFlutter(ToFlutterAppEnum.gameType.code,
                        {"gameType": gameIdController.text});
                  }
                },
              ),
              _buildMethodWithInputTile(
                '检查游戏状态',
                '检查指定游戏的状态',
                gameCodeController,
                '输入游戏代码',
                () {
                  if (gameCodeController.text.isNotEmpty) {
                    bridge.checkGameState(gameCodeController.text);
                  }
                },
              ),
            ],
          ),

          // 充值支付模块
          ExpansionTile(
            title: const Text('充值支付方法'),
            children: [
              _buildMethodTile(
                '前往充值',
                '跳转到充值页面',
                () => bridge.toRecharge(),
              ),
              _buildMethodTile(
                '前往红钻充值',
                '跳转到红钻充值页面',
                () => bridge.toRedDiamond(),
              ),
              _buildMethodTile(
                '定向充值',
                '直接唤起内购付费框',
                () => bridge.sendToFlutter(
                    ToFlutterAppEnum.rechargeItem.code, {"productId": "70055"}),
              ),
              ListTile(
                title: const Text('月卡支付',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                subtitle: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('跳转到月卡支付页面'),
                    const SizedBox(height: 8),
                    Row(
                      children: [
                        Expanded(
                          child: TextField(
                            controller: googleProductIdController,
                            decoration: const InputDecoration(
                              hintText: 'Google产品ID',
                              border: OutlineInputBorder(),
                              contentPadding: EdgeInsets.symmetric(
                                  horizontal: 12, vertical: 8),
                            ),
                          ),
                        ),
                        const SizedBox(width: 8),
                        Expanded(
                          child: TextField(
                            controller: iosProductIdController,
                            decoration: const InputDecoration(
                              hintText: 'iOS产品ID',
                              border: OutlineInputBorder(),
                              contentPadding: EdgeInsets.symmetric(
                                  horizontal: 12, vertical: 8),
                            ),
                          ),
                        ),
                      ],
                    ),
                    const SizedBox(height: 8),
                    TextField(
                      controller: userIdController,
                      decoration: const InputDecoration(
                        hintText: '其他用户ID (可选)',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                  ],
                ),
                trailing: ElevatedButton(
                  onPressed: () {
                    if (googleProductIdController.text.isNotEmpty &&
                        iosProductIdController.text.isNotEmpty) {
                      bridge.toMonthCardPay(
                        googleProductIdController.text,
                        iosProductIdController.text,
                        otherUserId: userIdController.text,
                      );
                    }
                  },
                  child: const Text('调用'),
                ),
              ),
            ],
          ),

          // 页面导航模块
          ExpansionTile(
            title: const Text('页面导航方法'),
            children: [
              ListTile(
                title: const Text('跳转到H5页面',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                subtitle: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('在原生App中跳转到H5页面'),
                    const SizedBox(height: 8),
                    TextField(
                      controller: pathController,
                      decoration: const InputDecoration(
                        hintText: '页面路径',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                    const SizedBox(height: 8),
                    TextField(
                      controller: titleController,
                      decoration: const InputDecoration(
                        hintText: '页面标题',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                  ],
                ),
                trailing: ElevatedButton(
                  onPressed: () {
                    if (pathController.text.isNotEmpty &&
                        titleController.text.isNotEmpty) {
                      bridge.jumpToH5(
                          pathController.text, titleController.text);
                    }
                  },
                  child: const Text('调用'),
                ),
              ),
              _buildMethodWithInputTile(
                '前往用户主页',
                '跳转到指定用户的主页',
                userIdController,
                '输入用户ID',
                () {
                  if (userIdController.text.isNotEmpty) {
                    bridge.toHomepage(userIdController.text);
                  }
                },
              ),
              _buildMethodTile("恩爱节活动", "恩爱节活动跳转选择好友 1:cp 2:告白 3:组队", () {
                bridge.sendToFlutter(
                    ToFlutterAppEnum.lovingDayChooseFriend.code, {});
              }),
              _buildMethodTile("恩爱节我的邀请页面", "恩爱节我的邀请页面", () {
                bridge
                    .sendToFlutter(ToFlutterAppEnum.lovingDayMyInvite.code, {});
              }),
              ListTile(
                title: const Text('跳转到网页',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                subtitle: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('在原生App中打开网页'),
                    const SizedBox(height: 8),
                    TextField(
                      controller: linkUrlController,
                      decoration: const InputDecoration(
                        hintText: '网页链接',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                    const SizedBox(height: 8),
                    TextField(
                      controller: activityIdController,
                      decoration: const InputDecoration(
                        hintText: '活动ID',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                  ],
                ),
                trailing: ElevatedButton(
                  onPressed: () {
                    if (linkUrlController.text.isNotEmpty &&
                        activityIdController.text.isNotEmpty) {
                      bridge.taskToWebViewPage(
                        linkUrl: linkUrlController.text,
                        activityId: activityIdController.text,
                      );
                    }
                  },
                  child: const Text('调用'),
                ),
              ),
              ListTile(
                title: const Text('解析URL并跳转',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                subtitle: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('解析scheme URL并跳转'),
                    const SizedBox(height: 8),
                    TextField(
                      controller: schemeController,
                      decoration: const InputDecoration(
                        hintText: 'Scheme URL',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                    const SizedBox(height: 8),
                    TextField(
                      controller: activityIdController,
                      decoration: const InputDecoration(
                        hintText: '活动ID',
                        border: OutlineInputBorder(),
                        contentPadding:
                            EdgeInsets.symmetric(horizontal: 12, vertical: 8),
                      ),
                    ),
                  ],
                ),
                trailing: ElevatedButton(
                  onPressed: () {
                    if (schemeController.text.isNotEmpty &&
                        activityIdController.text.isNotEmpty) {
                      bridge.taskCommandJump(
                        scheme: schemeController.text,
                        activityId: activityIdController.text,
                      );
                    }
                  },
                  child: const Text('调用'),
                ),
              ),
            ],
          ),

          // 分享功能模块
          ExpansionTile(
            title: const Text('分享功能'),
            children: [
              _buildMethodWithInputTile(
                '分享(通用分享)',
                '分享活动，需要活动ID',
                activityIdController,
                '输入活动ID',
                () {
                  if (activityIdController.text.isNotEmpty) {
                    bridge.share(
                      activityId: activityIdController.text,
                      needShareReport: true,
                    );
                  }
                },
              ),
              _buildMethodWithInputTile(
                '分享(带卡片分享)',
                '分享活动，需要活动ID',
                activityIdController,
                '输入活动ID',
                () {
                  if (activityIdController.text.isNotEmpty) {
                    bridge.share(
                        activityId: activityIdController.text,
                        needShareReport: true,
                        shareCardModel: ShareCardModel(
                            activityIcon:
                                "app/img/local/new_year_share_content_bg_en_th.webp",
                            activityDesc: "这只是一个示例"));
                  }
                },
              ),
            ],
          ),

          // 直播互动模块
          ExpansionTile(
            title: const Text('直播互动方法'),
            children: [
              _buildMethodTile(
                '检查开播',
                '检查是否可以开始直播',
                () => bridge.checkStartBroadcaster(),
              ),
              _buildMethodTile(
                '直播间发言任务',
                '触发直播间发言任务',
                () => bridge.taskLiveRoomChat(),
              ),
              _buildMethodTile(
                '直播间送礼任务',
                '触发直播间送礼任务',
                () => bridge.taskLiveRoomGift(),
              ),
              _buildMethodTile(
                '直播间其他任务',
                '触发直播间其他任务',
                () => bridge.taskLiveRoomOther(),
              ),
            ],
          ),

          // 任务系统模块
          ExpansionTile(
            title: const Text('任务系统方法'),
            children: [
              _buildMethodTile(
                '完善个人信息',
                '跳转到完善个人信息页面',
                () => bridge.shouldCompleteProfile(),
              ),
              _buildMethodTile(
                '观看时长任务',
                '触发观看时长任务',
                () => bridge.shouldWatchDuration(),
              ),
              _buildMethodTile(
                '发送公屏消息任务',
                '触发发送公屏消息任务',
                () => bridge.shouldSendPublicMessage(),
              ),
              _buildMethodTile(
                '上麦互动任务',
                '触发上麦互动任务',
                () => bridge.shouldMicInteraction(),
              ),
              _buildMethodTile(
                '发送私聊消息任务',
                '触发发送私聊消息任务',
                () => bridge.shouldSendPrivateMessage(),
              ),
              _buildMethodTile(
                '发布动态任务',
                '触发发布动态任务',
                () => bridge.shouldPostFeed(),
              ),
              _buildMethodTile(
                '分享房间任务',
                '触发分享房间任务',
                () => bridge.shouldShareRoom(),
              ),
              _buildMethodTile(
                '佩戴装扮任务',
                '触发佩戴装扮任务',
                () => bridge.shouldWearDecoration(),
              ),
              _buildMethodTile(
                '前往语音房任务',
                '触发前往语音房任务',
                () => bridge.shouldGoToVoiceRoom(),
              ),
              _buildMethodTile(
                '观看直播',
                '触发前往语音房任务有-》 收藏房间 | 关注主播 | 发送房间消息 ',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType.taskKeyWatchLive.code,
                  // taskKeyCollectRoom | taskKeyFollowUser | taskKeySendRoomMessage
                }),
              ),
              _buildMethodTile(
                '赠送礼物',
                '触发前往语音房任务 && (打开礼物面板 or 赠送指定礼物 or 打开我的背包) ',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType.taskKeySendGift
                      .code, // taskKeySendGiftId | taskKeySendBackpackGift
                  ...{"targetId": ""}
                }),
              ),
              _buildMethodTile(
                '我想玩 XX游戏',
                '触发前往语音房任务 && 发送我想玩 XX游戏',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeyPlayGame.code, // taskKeySendGiftId
                  ...{"targetId": ""}
                }),
              ),
              _buildMethodTile(
                '发红包',
                '触发前往语音房任务 && 发红包',
                () => bridge.commonInteraction({
                  "interactionType": "TaskKeySendRedPack",
                }),
              ),
              _buildMethodTile(
                '发送私聊消息',
                '聊天 Tab ',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeySendPrivateMessage.code, // taskKeySendGiftId
                }),
              ),
              _buildMethodTile(
                '参与动态话题',
                '比传参数 topicTitle',
                () => bridge.commonInteraction({
                  "interactionType":
                      WebInteractionType.taskKeyTimelineTopic.code,
                  ...{
                    "topicTitle": "",
                    "targetId": "",
                    "content": "",
                    "image": "",
                    "textId": ""
                  }
                  // taskKeySendGiftId
                }),
              ),
              _buildMethodTile(
                '点赞动态 or 评论动态',
                '切换 圈子 Tab',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeyLikeTimeline.code, // taskKeyReplayTimeline
                }),
              ),
              _buildMethodTile(
                '签到',
                '首页签到弹框',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeySignIn.code, // taskKeyReplayTimeline

                  // taskKeySendGiftId
                }),
              ),
              _buildMethodTile(
                '其他页面',
                '进入其他h5页面',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeyOtherPage.code, // taskKeyReplayTimeline

                  // taskKeySendGiftId
                }),
              ),
              _buildMethodTile(
                '我的钱包页面',
                '我的钱包页面',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeyMineWallet.code, // taskKeyReplayTimeline

                  // taskKeySendGiftId
                }),
              ),
              _buildMethodTile(
                '我的背包',
                '我的装扮背包页面（或者是称号）',
                () => bridge.commonInteraction({
                  "interactionType": WebInteractionType
                      .taskKeyMineBackpack.code, // taskKeyReplayTimeline

                  // taskKeySendGiftId
                }),
              ),
            ],
          ),

          // 其他功能模块
          ExpansionTile(
            title: const Text('其他功能方法'),
            children: [
              _buildMethodTile(
                '专属见面礼',
                '触发专属见面礼任务',
                () => bridge.taskInviteCodeGift(),
              ),
              _buildMethodTile(
                '跳转从业者申请',
                '跳转到从业者申请页面',
                () => bridge.toApplyAdmissionPage(),
              ),
              _buildMethodTile(
                '直播预约设置',
                '打开直播预约设置',
                () => bridge.shouLiveBookingPicker(),
              ),
              _buildMethodTile(
                '观时礼刷新宝箱数据',
                '观时礼刷新宝箱数据',
                () =>
                    bridge.sendToFlutter(ToFlutterAppEnum.closeObserving.code, {
                  "updateType": "1" //  1 刷新整个挂件数据，2刷新观时礼的宝箱列表数据
                }),
              ),
              _buildMethodTile(
                '刷新当前网页',
                '刷新当前网页',
                () => bridge.sendToFlutter(ToFlutterAppEnum.reload.code, {}),
              ),
              _buildMethodTile(
                '翻译',
                '多语言翻译',
                () => bridge.sendRequest(
                    sendType: ToFlutterAppEnum.translateRequest,
                    listenType: FromFlutterAppEnum.translateResult,
                    params: {"text0001": "text0001"},
                    onSuccess: (dic) {}),
              ),
              ListTile(
                title: const Text('通用交互',
                    style: TextStyle(fontWeight: FontWeight.bold)),
                subtitle: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('通用交互方法，可以传递自定义参数'),
                    const SizedBox(height: 8),
                    Container(
                      padding: const EdgeInsets.all(12),
                      decoration: BoxDecoration(
                        border: Border.all(color: Colors.grey),
                        borderRadius: BorderRadius.circular(8),
                      ),
                      child: const Text(
                        '示例参数：{"action": "custom_action", "data": "value"}',
                        style: TextStyle(fontSize: 12, color: Colors.grey),
                      ),
                    ),
                  ],
                ),
                trailing: ElevatedButton(
                  onPressed: () {
                    bridge.commonInteraction({
                      "action": "custom_action",
                      "data": "example_value",
                      "timestamp": DateTime.now().toIso8601String(),
                    });
                  },
                  child: const Text('调用'),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}