import 'dart:convert';

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:huixiang/community/community_view/community_dynamic.dart';
import 'package:huixiang/retrofit/data/article.dart';
import 'package:huixiang/retrofit/data/base_data.dart';
import 'package:huixiang/retrofit/data/comunity_comment.dart';
import 'package:huixiang/retrofit/data/page.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/view_widget/classic_header.dart';
import 'package:huixiang/view_widget/my_footer.dart';
import 'package:huixiang/view_widget/no_data_view.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class CommunityChildPage extends StatefulWidget {
  final String typeStr;

  CommunityChildPage(this.typeStr);

  @override
  State<StatefulWidget> createState() {
    return _CommunityChildPage();
  }
}

class _CommunityChildPage extends State<CommunityChildPage> with AutomaticKeepAliveClientMixin {
  RefreshController refreshController = RefreshController();
  ApiService? apiService;
  int pageNum = 1;
  String? userId;
  bool isLoadMore = false;

  List<Article> articles = [];

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

  _onRefresh() async {
    setState(() {});
  }

  ///动态列表
  queryCommunity() async {
    if (apiService == null) {
      SharedPreferences value = await SharedPreferences.getInstance();
      userId = value.getString('userId');
      apiService = ApiService(
        Dio(),
        context: context,
        token: value.getString("token")!,
      );
    }
    if(isLoadMore){
      pageNum += 1;
      isLoadMore = false;
    }
    else pageNum = 1;
    BaseData<PageInfo<ComunityComment>> baseData = await apiService!.trendList({
      "onlyFollow": widget.typeStr == "关注" ? true : false,
      "onlyMe": false,
      "pageNum": pageNum,
      "pageSize": 10,
      "searchKey": ""
    }).catchError((error) {
      refreshController.refreshFailed();
      refreshController.loadFailed();
    });

    refreshController.refreshCompleted();
    refreshController.loadComplete();
    if (baseData.isSuccess) {
      if (pageNum == 1) {
        articles.clear();
      }
      baseData.data.list.forEach((element) {
        var article = Article();
        article.id = element.id;
        article.content = jsonEncode(element.subjectInfo);
        article.mainTitle =element.subject;
        article.isFollow = element.selfFollow;
        article.authorHeadImg = element.memberInfo?.avatar ?? "";
        article.authorName = element.memberInfo?.nickname;
        article.createTime = element.createTime;
        article.updateUser = element.memberInfo?.mid;
        article.viewers = element?.viewers ?? 0;
        article.likes = element?.likes ?? 0;
        article.comments = element?.comments ?? 0;
        articles.add(article);
      });
      // comments.sort((a,b)=>b.createTime.compareTo(a.createTime));
      // print("comments: ${comments.length}");
      if ((int.tryParse(baseData.data.total) ?? 0) < (pageNum * 10)) {
        refreshController.loadNoData();
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return FutureBuilder(
      future: queryCommunity(),
      builder: (context, position) {
        return SmartRefresher(
          controller: refreshController,
          enablePullDown: true,
          enablePullUp: true,
          physics: BouncingScrollPhysics(),
          header: MyHeader(),
          footer: CustomFooter(
            builder: (context, mode) {
              return MyFooter(mode);
            },
          ),
          onRefresh: _onRefresh,
          onLoading: () {
            isLoadMore = true;
            setState(() {});
          },
          child: (articles == null || articles.length == 0)? NoDataView(
            src: "assets/image/guan_zhu.png",
            isShowBtn: false,
            text: "目前暂无添加关注，可在推荐中关注自己喜欢的人哦~",
            fontSize: 16.sp,
            margin: EdgeInsets.only(top: 120.h,left: 60.w,right: 60.w),
          ):ListView.builder(
            physics: NeverScrollableScrollPhysics(),
            itemBuilder: (context, position) {
              return InkWell(
                child: CommunityDynamic(
                  articles[position],
                  0,
                  userId: userId,
                  isList: true,
                  exitFull: () {
                    setState(() {
                      _onRefresh();
                    });
                  },
                ),
                onTap: () {
                  Navigator.of(context).pushNamed(
                    '/router/community_details',
                    arguments: {
                      "businessId": articles[position].id,
                      "userId": userId,
                    },
                  ).then((value) {
                    _onRefresh();
                    setState(() {});
                  });
                  setState(() {});
                },
              );
            },
            itemCount: articles.length,
          ),
        );
      },
    );
  }

  @override
  bool get wantKeepAlive => true;
}