import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:qhd_prevention/common/route_aware_state.dart';
import 'package:qhd_prevention/common/route_service.dart';
import 'package:qhd_prevention/customWidget/custom_alert_dialog.dart';
import 'package:qhd_prevention/customWidget/search_bar_widget.dart';
import 'package:qhd_prevention/customWidget/toast_util.dart';
import 'package:qhd_prevention/http/modules/notif_api.dart';
import 'package:qhd_prevention/pages/badge_manager.dart';
import 'package:qhd_prevention/pages/main_tab.dart';
import 'package:qhd_prevention/pages/my_appbar.dart';

import 'package:qhd_prevention/pages/notif/notif_detail_page.dart';
import 'package:qhd_prevention/tools/tools.dart';
import '../../http/ApiService.dart';

class NotifPage extends StatefulWidget {
  const NotifPage({Key? key}) : super(key: key);

  @override
  NotifPageState createState() => NotifPageState();
}

class NotifPageState extends RouteAwareState<NotifPage>
    with TickerProviderStateMixin, WidgetsBindingObserver {
  final TextEditingController searchController = TextEditingController();

  late List<dynamic> _list = [];


  late TabController _tabController;
  late TabController _tabControllerTwo;
  int _selectedTab = 0;
  int _selectedTabTwo = 0;
  int pageNum = 1;
  int _totalPage=1;
  String keyWord = "";

  // 控制Tab显示状态
  bool _showPlatformAnnouncement = true;
  bool _showEnterpriseAnnouncement = true;

  // 标记是否已初始化
  bool _isInitialized = false;
  bool _isLoading = false;
  bool _hasMore = true;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);

    // 初始化显示状态
    _initializeVisibility();

    // 初始化TabController
    _initializeTabControllers();

    _getListData(false);

    _isInitialized = true;
  }

  void _initializeVisibility() {
    _showPlatformAnnouncement = true;
    _showEnterpriseAnnouncement = true;
  }

  void _initializeTabControllers() {
    final visibleTabsCount =
        (_showPlatformAnnouncement ? 1 : 0) +
        (_showEnterpriseAnnouncement ? 1 : 0);

    _tabController = TabController(length: visibleTabsCount, vsync: this);
    _tabController.addListener(() {
      if (_tabController.indexIsChanging) {
        setState(() => _selectedTab = _tabController.index);
        print('切换到标签：${_tabController.index}');
        searchController.text = "";
        keyWord = "";
        reRefreshData();
      }
    });

    _tabControllerTwo = TabController(length: 2, vsync: this);
    _tabControllerTwo.addListener(() {
      if (_tabControllerTwo.indexIsChanging) {
        setState(() => _selectedTabTwo = _tabControllerTwo.index);
        print('切换到标签：${_tabControllerTwo.index}');

        searchController.text = "";
        keyWord = "";
        reRefreshData();
      }
    });
  }

  void _updateNotifVisibility() {
    final routeService = RouteService();
    final notifRoutes =
        routeService.mainTabs.isNotEmpty
            ? routeService.getRoutesForTab(routeService.mainTabs[2])
            : [];

    bool newPlatformAnnouncement = false;
    bool newEnterpriseAnnouncement = false;

    // 根据路由标题匹配并设置显示状态
    for (final route in notifRoutes) {
      final routeTitle = route.title;

      switch (routeTitle) {
        case '公告':
          newPlatformAnnouncement = route.hasMenu;
          break;
        case '通知':
          newEnterpriseAnnouncement = route.hasMenu;
          break;
      }
    }

    // 只有当显示状态确实发生变化时才更新
    if (newPlatformAnnouncement != _showPlatformAnnouncement ||
        newEnterpriseAnnouncement != _showEnterpriseAnnouncement) {
      setState(() {
        _showPlatformAnnouncement = newPlatformAnnouncement;
        _showEnterpriseAnnouncement = newEnterpriseAnnouncement;

        // 重新初始化TabController
        _disposeTabControllers();
        _initializeTabControllers();

        // 重置选中状态
        _selectedTab = 0;
        _selectedTabTwo = 0;
      });
    }
  }

  void _disposeTabControllers() {
    _tabController.dispose();
    _tabControllerTwo.dispose();
  }

  void onRouteConfigLoaded() {
    if (mounted && _isInitialized) {
      _updateNotifVisibility();
    }
  }

  void reRefreshData() {
    pageNum = 1;
    _list.clear();
    _getListData(false);
    // if (0 == _selectedTab) {
    //
    //   _getNotifList();
    // } else {
    //   _getNotifEnterprise();
    // }
  }

  @override
  Future<void> onVisible() async {
    final current = CurrentTabNotifier.of(context)?.currentIndex ?? 0;
    const myIndex = 2;
    if (current != myIndex) {
      return;
    }
    // BadgeManager().updateNotifCount();
  }

  Future<void> _getListData(bool loadMore) async {
    try {
      if (_isLoading) return;
      _isLoading = true;

      LoadingDialogHelper.show();

      final Map<String, dynamic> result;

      final data = {
        "pageSize": 20,
        "pageIndex": pageNum,
      };

      if(_selectedTab==0){
        result = await NotifApi.getNoticeList(data);
      }else{
        result = await NotifApi.getNoticeList(data);
      }
      BadgeManager().updateNotifCount();
      LoadingDialogHelper.hide();
      if(_selectedTab==0){
        if (result['success']) {
          _totalPage =result['totalPages'] ?? 1;
          final List<dynamic> newList = result['data'] ?? [];
          // setState(() {
          //   _list.addAll(newList);
          // });

          setState(() {
            if (loadMore) {
              _list.addAll(newList);
            } else {
              _list = newList;
            }
            _hasMore = pageNum < _totalPage;
            // if (_hasMore) _page++;
          });

        }else{
          ToastUtil.showNormal(context, "加载数据失败");
          // _showMessage('加载数据失败');
        }
      }


    } catch (e) {
      LoadingDialogHelper.hide();
      // 出错时可以 Toast 或者在页面上显示错误状态
      print('加载数据失败：$e');
    } finally {
      // if (!loadMore) LoadingDialogHelper.hide();
      _isLoading = false;
    }
  }



  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    _disposeTabControllers();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 构建可见的Tab列表
    final List<Widget> visibleTabs = [];
    if (_showPlatformAnnouncement) {
      visibleTabs.add(const Tab(text: '公告'));
    }
    if (_showEnterpriseAnnouncement) {
      visibleTabs.add(const Tab(text: '通知'));
    }

    // 如果没有可见的Tab，显示空页面
    if (visibleTabs.isEmpty) {
      return Scaffold(
        appBar: MyAppbar(title: '通知', isBack: false),
        body: Center(
          child: Text(
            '暂无通知权限',
            style: TextStyle(fontSize: 16, color: Colors.grey),
          ),
        ),
      );
    }

    return Scaffold(
      appBar: MyAppbar(title: '通知', isBack: false),
      body: GestureDetector(
        onTap: () {
          FocusScope.of(context).unfocus();
        },
        behavior: HitTestBehavior.opaque,
        child: Scaffold(
          body: SafeArea(
            child: Column(
              children: [
                // Tab bar
                Container(
                  color: Colors.white,
                  child: TabBar(
                    controller: _tabController,
                    labelStyle: const TextStyle(fontSize: 16),
                    indicator: const UnderlineTabIndicator(
                      borderSide: BorderSide(
                        width: 4.0,
                        color: const Color(0xFF1C61FF),
                      ),
                      insets: EdgeInsets.symmetric(horizontal: 35.0),
                    ),
                    labelColor: const Color(0xFF1C61FF),
                    unselectedLabelColor: Colors.grey,
                    tabs: visibleTabs,
                  ),
                ),

                NotificationListener<ScrollNotification>(
                  onNotification: _onScroll,
                  child:  // List
                  Expanded(
                    child:
                    _list.isEmpty
                        ? NoDataWidget.show()
                        : ListView.builder(
                      itemCount: _list.length,
                      itemBuilder: (context, index) {
                        return _itemCellTwo(_list[index]);
                      },
                    ),
                  ),
                ),


              ],
            ),
          ),
        ),
      ),
    );
  }

  bool _onScroll(ScrollNotification n) {
    if (n.metrics.pixels > n.metrics.maxScrollExtent - 100 &&
        _hasMore &&
        !_isLoading) {
      pageNum++;
      _getListData(true);
    }
    return false;
  }

  Widget _itemCellTwo(final item) {
    return GestureDetector(
      onTap: () {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder:
                (context) => NotifDetailPage(
              item,
              _selectedTab,
              onClose: (result) {
                print('详情页面已关闭，返回结果: $result');
                reRefreshData();
              },
            ),
          ),
        );
      },
      child: Card(
        margin: EdgeInsets.all(8.0),
        color: Colors.white,
        elevation: 2.0,
        child: Padding(
          padding: EdgeInsets.all(16.0),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Expanded(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    // 标题
                    Text(
                      item['title']??'',
                      style: TextStyle(
                        fontSize: 18.0,
                        fontWeight: FontWeight.bold,
                        color: Colors.black,
                      ),
                    ),

                    SizedBox(height: 8.0),

                    Text(
                      '发布时间：${item['publishTime']??''}',
                      style: TextStyle(fontSize: 14.0, color: Colors.grey[500]),
                    ),
                  ],
                ),
              ),

              SizedBox(height: 8.0),

              Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text(
                    item['readStatus']=='1'?'已阅':'待阅',
                    style: TextStyle(
                      fontSize: 16.0,
                      color: Colors.black,
                      fontWeight: FontWeight.w500,
                    ),
                  ),
                  const SizedBox(width: 6.0),
                  Image.asset(
                    item['readStatus']=='1'?'assets/icon-apps/read_message.png':'assets/icon-apps/unread_message.png',
                    width: 25,
                    height: 25,
                  ),
                  const SizedBox(width: 6.0),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }






  Widget _itemCell(final item) {
    return Column(
      children: [
        ListTile(
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder:
                    (context) => NotifDetailPage(
                      item,
                      _selectedTab,
                      onClose: (result) {
                        print('详情页面已关闭，返回结果: $result');
                        reRefreshData();
                      },
                    ),
              ),
            );
          },
          contentPadding: const EdgeInsets.symmetric(
            horizontal: 16,
            vertical: 10,
          ),
          title: Padding(
            padding: const EdgeInsets.only(bottom: 20),
            child: Text(item['SYNOPSIS'], style: const TextStyle(fontSize: 14)),
          ),
          subtitle: Text(
            item['CREATTIME'],
            style: const TextStyle(fontSize: 13),
          ),
          trailing: Container(
            constraints: const BoxConstraints(minHeight: 100),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.end,
              children: [
                if (0 != _selectedTab)
                  Text(
                    item['TYPE'] == 1 ? '已读' : '未读',
                    style: TextStyle(
                      fontSize: 12,
                      color: item['TYPE'] == 1 ? Colors.grey : Colors.red,
                    ),
                  ),
                const SizedBox(height: 15),
                if (0 != _selectedTab && item['TYPE'] == 1)
                  SizedBox(
                    height: 24,
                    child: TextButton(
                      onPressed: () async {
                        final ok = await CustomAlertDialog.showConfirm(
                          context,
                          title: '确认删除',
                          content: '确定要删除这条通知吗?',
                          cancelText: '取消',
                        );
                        // if (ok) {
                        //   _deleteNotif(item['NOTICECORPUSERID_ID']);
                        // }
                      },
                      style: TextButton.styleFrom(
                        padding: const EdgeInsets.symmetric(horizontal: 12),
                        backgroundColor: Colors.red,
                        shape: RoundedRectangleBorder(
                          borderRadius: BorderRadius.circular(12),
                        ),
                      ),
                      child: const Text(
                        '删除',
                        style: TextStyle(fontSize: 13, color: Colors.white),
                      ),
                    ),
                  ),
              ],
            ),
          ),
        ),
        const Divider(height: 1, color: Colors.black12),
      ],
    );
  }
}