// file: mine_page.dart
import 'dart:convert';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:qhd_prevention/customWidget/custom_alert_dialog.dart';
import 'package:qhd_prevention/customWidget/custom_button.dart';
import 'package:qhd_prevention/customWidget/toast_util.dart';
import 'package:qhd_prevention/http/ApiService.dart';
import 'package:qhd_prevention/pages/home/scan_page.dart';
import 'package:qhd_prevention/pages/home/userinfo_page.dart';
import 'package:qhd_prevention/pages/mine/face_ecognition_page.dart';
import 'package:qhd_prevention/pages/mine/mine_change_firm_page.dart';
import 'package:qhd_prevention/pages/mine/mine_feedback_page.dart';
import 'package:qhd_prevention/pages/mine/mine_set_pwd_page.dart';
import 'package:qhd_prevention/pages/mine/onboarding_full_page.dart';
import 'package:qhd_prevention/pages/user/full_userinfo_page.dart';
import 'package:qhd_prevention/pages/user/login_page.dart';
import 'package:qhd_prevention/services/SessionService.dart';
import 'package:qhd_prevention/tools/tools.dart';
import 'package:shared_preferences/shared_preferences.dart';

import 'certificate/certificate_list_page.dart';
import 'package:qhd_prevention/common/route_service.dart';
import 'package:qhd_prevention/common/route_model.dart';

class MinePage extends StatefulWidget {
  const MinePage({super.key, required this.isChooseFirm});
  final bool isChooseFirm;

  @override
  State<MinePage> createState() => MinePageState();
}

class MinePageState extends State<MinePage> {
  // 设置项状态
  bool notificationsEnabled = false;
  bool passwordChanged = false;
  bool updateAvailable = false;
  bool logoutSelected = false;
  bool faceAuthentication = false;
  bool scanAuthentication = false;

  String name = '登录/注册';
  String phone = '';

  /// 配置：UI 顺序/图标/对应后端 menuPerm(s)
  /// perm 列表为空表示不受后端配置控制（始终显示）
  final List<Map<String, dynamic>> _allSettings = [
    {
      'title': '我的信息',
      'icon': 'assets/images/ico9.png',
      'perms': ['my-center-My-Information'],
      'action': 'userinfo',
    },
    {
      'title': '修改密码',
      'icon': 'assets/images/ico16.png',
      'perms': ['my-center-Change-Password'],
      'action': 'changePwd',
    },
    {
      'title': '扫码入职',
      'icon': 'assets/images/ico10.png',
      // 如果你希望扫码入职也受后端控制，可以保留下面 perm；否则置空 []
      'perms': ['dashboard-scan'],
      'action': 'scanOnboarding',
    },
    {
      'title': '人脸认证',
      'icon': 'assets/images/ico11.png',
      'perms': ['my-center-Face-Authentication'],
      'action': 'face',
    },
    {
      'title': '证书信息',
      'icon': 'assets/images/ico12.png',
      'perms': ['my-center-Certificate-Information'],
      'action': 'certificate',
    },
    // {
    //   'title': '版本更新',
    //   'icon': 'assets/images/ico14.png',
    //   'perms': ['my-center-Version-Update'],
    //   'action': 'version',
    // },
    // {
    //   'title': '关于我们',
    //   'icon': 'assets/images/ico15.png',
    //   'perms': ['my-center-About-Us'],
    //   'action': 'about',
    // },
    {
      'title': '切换账户',
      'icon': 'assets/images/ico_switch.png',
      // 切换账户仍只在 widget.isChooseFirm 为 true 时显示（参见构建函数）
      'perms': ['my-center-Switch-Account'],
      'action': 'changeAccount',
    },
    {
      'title': '账户注销',
      'icon': 'assets/images/ico_quit.png',
      // 后端可能有多种命名，两者任一存在即显示
      'perms': ['my-center-User-Logout', 'my-center-Logout'],
      'action': 'logout',
    },
  ];

  // 当前可见项（与 _allSettings 顺序对应）
  late List<bool> _visible;

  void onRouteConfigLoaded() {
    if (mounted) {
      setState(() {
        // 这里不直接修改业务逻辑，仅触发重建（update 会在 listener 中执行）
      });
    }
  }

  @override
  void initState() {
    super.initState();

    _getUserInfo();

    // 初始默认都显示，避免短时白屏/闪烁
    _visible = List<bool>.filled(_allSettings.length, true);

    // 监听路由变化来决定哪些设置项应显示
    RouteService().addListener(_onRouteServiceUpdated);

    // 尝试立即应用（如果 route 已加载）
    WidgetsBinding.instance.addPostFrameCallback((_) => _updateVisibilityFromRoute());
  }

  @override
  void dispose() {
    try {
      RouteService().removeListener(_onRouteServiceUpdated);
    } catch (_) {}
    super.dispose();
  }

  void _onRouteServiceUpdated() {
    _updateVisibilityFromRoute();
  }

  /// 根据 RouteService 的路由配置计算每个条目的可见性
  void _updateVisibilityFromRoute() {
    final rs = RouteService();

    // 如果 mainTabs 为空，说明路由还没加载；保持当前 visible（避免闪烁）
    if (rs.mainTabs.isEmpty) {
      return;
    }

    final List<bool> next = List<bool>.filled(_allSettings.length, false);

    for (int i = 0; i < _allSettings.length; i++) {
      final perms = (_allSettings[i]['perms'] ?? []) as List<String>;

      if (perms.isEmpty) {
        // 无后端控制的项默认显示（比如你希望用户协议/隐私总是能见到）
        next[i] = true;
        continue;
      }

      // 只要找到任一 perm 在路由树中可见，即认为该项可见
      bool anyFound = false;
      for (final p in perms) {
        final node = rs.findRouteByPerm(p);
        if (node != null) {
          // rs.findRouteByPerm 已经会考虑父节点 visible 的情况（按照 RouteService 实现）
          // 这里再用 showFlag==1 做额外判断：当后端返回节点但 showFlag==0 (不显示) 则视为不可见
          if (node.showFlag == 1 || node.visible) {
            anyFound = true;
            break;
          }
        }
      }
      next[i] = anyFound;
    }

    // 与当前 _visible 比较，只有变更时才 setState
    if (!listEquals(next, _visible)) {
      setState(() {
        _visible = next;
      });
    }
  }

  // 获取用户信息（保持原逻辑）
  Future<void> _getUserInfo() async {
    final res = await BasicInfoApi.getUserMessage(
      '${SessionService.instance.accountId}',
    );
    if (res['success'] == true) {
      final data = res['data'] as Map<String, dynamic>;
      SessionService.instance.updateFromApiResponse(data);
      await SessionService.instance.saveToPrefs();
      setState(() {
        name = SessionService.instance.userData?.name ?? "登录/注册";
        phone = SessionService.instance.userData?.phone ?? "";
      });
    }
  }

  Future<void> _logout() async {
    LoadingDialogHelper.show();

    /// 获取用户在职列表
    final firmData = await BasicInfoApi.getJoinFirmList();
    if (firmData['success'] == true) {
      final firmList = firmData['data'];
      LoadingDialogHelper.dismiss();
      if (firmList.isNotEmpty) {
        CustomAlertDialog.showAlert(
          context,
          title: '温馨提示',
          content: '您目前还有入职信息无法直接注销。\n请先在“就职单位”页面中离职。',
        );
      } else {
        final result = await CustomAlertDialog.showConfirm(
          context,
          title: '温馨提示',
          content: '注销后您的所有信息将会被删除\n请确认是否注销。 ',
          onConfirm: () {},
        );
        if (result) {
          CustomAlertDialog.showInputWithCode(
              context,
              title: '手机号：${SessionService.instance.phone}',
              onGetCode: () async {
                LoadingDialogHelper.show();
                final res = await BasicInfoApi.sendRegisterSms({
                  'phone': phone,
                });
                LoadingDialogHelper.dismiss();
                return true;
              },
              onConfirm: (code) async {
                _quit(code);
              });
        }
      }
    } else {
      LoadingDialogHelper.dismiss();
      ToastUtil.showNormal(context, firmData['errMessage'] ?? '');
    }
  }

  // 离职
  Future<void> _quit(String code) async {
    LoadingDialogHelper.show();
    Map data = {
      'id': SessionService.instance.accountId,
      'phoneCode': code,
    };
    await BasicInfoApi.logout(data).then((res) async {
      LoadingDialogHelper.dismiss();
      if (res['success'] == true) {
        ToastUtil.showNormal(context, '账号已注销');
        await SessionService.instance.clear(clearPrefs: true);
        Navigator.pushReplacement(
          context,
          MaterialPageRoute(builder: (_) => const LoginPage()),
        );
      } else {
        ToastUtil.showNormal(context, res['errMessage'] ?? '');
      }
    });
  }

  Widget _buildSloganSection() {
    final headerUrl = SessionService.instance.userData?.userAvatarUrl ?? '';

    return Container(
      margin: const EdgeInsets.fromLTRB(0, 100, 0, 0),
      padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 20),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Row(
            children: [
              const CircleAvatar(
                backgroundImage: AssetImage("assets/images/yingyong11.png"),
                radius: 30,
              ),
              const SizedBox(width: 16),
              Text(
                name,
                style: const TextStyle(
                  fontSize: 18,
                  fontWeight: FontWeight.bold,
                  color: Colors.white,
                ),
              ),
            ],
          ),
          const SizedBox(width: 16),
        ],
      ),
    );
  }

  Widget _buildSettingItem({
    required String title,
    required String icon,
    required bool value,
    required ValueChanged<bool?> onChanged,
  }) {
    return GestureDetector(
      onTap: () async {
        onChanged(value);
      },
      child: ListTile(
        leading: Container(
          width: 20,
          height: 20,
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(10),
          ),
          child: Image.asset(icon, fit: BoxFit.cover),
        ),
        title: Text(
          title,
          style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
        ),
        trailing: Transform.scale(
          scale: 1.2,
          child: const Icon(Icons.chevron_right),
        ),
      ),
    );
  }

  Future<void> _clearUserSession() async {
    final prefs = await SharedPreferences.getInstance();
    await prefs.remove('isLoggedIn'); // 清除登录状态
  }

  void _onSettingTapAction(String action) async {
    switch (action) {
      case 'userinfo':
        await pushPage(FullUserinfoPage(isEidt: false, isChooseFirm: true), context);
        break;
      case 'changePwd':
        await pushPage(MineSetPwdPage('0'), context);
        break;
      case 'scanOnboarding':
        final result = await pushPage(ScanPage(type: ScanType.Onboarding), context);
        if (result == null) return;
        pushPage(OnboardingFullPage(scanData: result), context);
        break;
      case 'face':
        pushPage(const FaceRecognitionPage(studentId: '', data: {}, mode: FaceMode.setUpdata), context);
        break;
      case 'certificate':
        pushPage(const CertificateListPage(), context);
        break;
      case 'version':
      // 版本检查逻辑（占位）
      ToastUtil.showNormal(context, '功能开发中...');
        break;
      case 'about':
      // 关于我们（占位）
        ToastUtil.showNormal(context, '功能开发中...');

        break;
      case 'changeAccount':
        pushPage(MineChangeFirmPage(), context);
        break;
      case 'logout':
        _logout();
        break;
      default:
        break;
    }
  }

  Widget _buildSettingsList() {
    final children = <Widget>[];
    for (int i = 0; i < _allSettings.length; i++) {
      // 保证索引范围并且按照 _visible 判定
      if (i >= _visible.length) continue;
      if (!_visible[i]) continue;

      final item = _allSettings[i];
      final title = item['title'] as String;

      // 只在 isChooseFirm 为 true 时显示
      if (title == '切换账户' && !widget.isChooseFirm) continue;

      children.add(_buildSettingItem(
        title: title,
        icon: item['icon'] as String,
        value: false,
        onChanged: (_) => _onSettingTapAction(item['action'] as String),
      ));
    }

    return Container(
      margin: const EdgeInsets.fromLTRB(20, 0, 20, 0),
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(16),
        boxShadow: [
          BoxShadow(
            color: Colors.grey.withOpacity(0.1),
            spreadRadius: 2,
            blurRadius: 8,
            offset: const Offset(0, 4),
          ),
        ],
      ),
      child: Column(
        children: children,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    final double headerHeight = 300.0;
    final double overlap = 100.0;
    return SizedBox(
      height: MediaQuery.of(context).size.height,
      child: Stack(
        children: [
          Positioned(top: 0, left: 0, right: 0, height: headerHeight, child: _buildHeaderSection()),
          Positioned.fill(
            child: NotificationListener<OverscrollIndicatorNotification>(
              onNotification: (overscroll) {
                overscroll.disallowIndicator();
                return false;
              },
              child: ListView(
                padding: EdgeInsets.only(top: headerHeight - overlap, bottom: 24, left: 0, right: 0),
                children: [
                  _buildSettingsList(),
                  const SizedBox(height: 15),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 15),
                    child: CustomButton(
                      text: '退出登录',
                      textStyle: const TextStyle(fontSize: 16),
                      backgroundColor: Colors.blue,
                      onPressed: () {
                        CustomAlertDialog.showConfirm(
                          context,
                          title: '确认退出',
                          content: '确定要退出当前账号吗',
                          onConfirm: () async {
                            await _clearUserSession();
                            Navigator.pushAndRemoveUntil(
                              context,
                              MaterialPageRoute(builder: (context) => const LoginPage()),
                                  (Route<dynamic> route) => false,
                            );
                          },
                        );
                      },
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildHeaderSection() {
    return Stack(
      alignment: const FractionalOffset(0.5, 0),
      children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(0, 0, 0, 10),
          child: Image.asset(
            "assets/images/my_bg.png",
            width: MediaQuery.of(context).size.width,
            fit: BoxFit.cover,
          ),
        ),
        const Positioned(
          top: 51,
          child: Text(
            "我的",
            style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
          ),
        ),
        _buildSloganSection(),
      ],
    );
  }
}