import 'package:akuCommunity/const/resource.dart';
import 'package:akuCommunity/pages/activities_page/activities_details_page/activities_details_page.dart';
import 'package:akuCommunity/pages/activities_page/activities_page.dart';
import 'package:akuCommunity/pages/convenient_phone/convenient_phone_page.dart';
import 'package:akuCommunity/pages/fitup_manage/fitup_manage_page.dart';
import 'package:akuCommunity/pages/goods_deto_page/goods_deto_page.dart';
import 'package:akuCommunity/pages/industry_committee/industry_committee_page.dart';
import 'package:akuCommunity/pages/life_pay/life_pay_page.dart';
import 'package:akuCommunity/pages/notice_page/notice_page.dart';
import 'package:akuCommunity/pages/open_door_page/open_door_page.dart';
import 'package:akuCommunity/pages/opening_code_page/opening_code_page.dart';
import 'package:akuCommunity/pages/questionnaire_page/questionnaire_page.dart';
import 'package:akuCommunity/pages/things_page/fixed_submit_page.dart';
import 'package:akuCommunity/pages/things_page/things_page.dart';
import 'package:akuCommunity/pages/total_application_page/total_applications_page.dart';
import 'package:akuCommunity/pages/visitor_access_page/visitor_access_page.dart';
import 'package:akuCommunity/widget/bee_scaffold.dart';
import 'package:akuCommunity/widget/grid_buttons.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:get/get.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:akuCommunity/widget/single_ad_space.dart';
import 'package:akuCommunity/widget/container_comment.dart';
import 'package:akuCommunity/widget/circle_trend.dart';
import 'package:akuCommunity/routers/page_routers.dart';
import 'widget/property_card.dart';
import 'widget/property_bar.dart';
import 'widget/property_activity_card.dart';
import 'package:akuCommunity/utils/headers.dart';

class PropertyIndex extends StatefulWidget {
  PropertyIndex({Key key}) : super(key: key);

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

class _PropertyIndexState extends State<PropertyIndex>
    with AutomaticKeepAliveClientMixin, SingleTickerProviderStateMixin {
  List<GridButton> _gridList = [
    GridButton('一键开门', R.ASSETS_ICONS_TOOL_YJKM_PNG, () {
      Get.to(OpenDoorPage());
    }),
    GridButton('开门码', R.ASSETS_ICONS_TOOL_KMM_PNG, () {
      Get.to(OpeningCodePage());
    }),
    GridButton('访客通行', R.ASSETS_ICONS_TOOL_FKYQ_PNG, () {
      Get.to(VisitorAccessPage());
    }),
    GridButton('报事报修', R.ASSETS_ICONS_TOOL_BSBX_PNG, () {
      Get.to(FixedSubmitPage());
    }),
    GridButton('生活缴费', R.ASSETS_ICONS_TOOL_SHJF_PNG, () {
      Get.to(LifePayPage());
    }),
    GridButton('业委会', R.ASSETS_ICONS_TOOL_YWH_PNG, () {
      Get.to(IndustryCommitteePage());
    }),
    GridButton('建议咨询', R.ASSETS_ICONS_TOOL_JYTS_PNG, () {
      Get.to(ThingsPage(
        bundle: Bundle()
          ..putMap('things', {
            'title': '建议咨询',
            'treeList': <Map<String, dynamic>>[
              {'name': '您的建议'},
              {'name': '您的咨询'},
            ]
          }),
      ));
    }),
    GridButton('便民电话', R.ASSETS_ICONS_TOOL_BMDH_PNG, () {
      Get.to(ConvenientPhonePage());
    }),
    GridButton('活动投票', R.ASSETS_ICONS_TOOL_HDTP_PNG, () {
      Get.to(ActivitiesPage(
        bundle: Bundle()..putBool('isVote', true),
      ));
    }),
    GridButton('物品出户', R.ASSETS_ICONS_TOOL_WPCM_PNG, () {
      Get.to(GoodsDetoPage());
    }),
    GridButton('投诉表扬', R.ASSETS_ICONS_TOOL_TSBY_PNG, () {
      Get.to(ThingsPage(
        bundle: Bundle()
          ..putMap('things', {
            'title': '投诉表扬',
            'treeList': <Map<String, dynamic>>[
              {'name': '您的表扬'},
              {'name': '您的投诉'},
            ]
          }),
      ));
    }),
    GridButton('问卷调查', R.ASSETS_ICONS_TOOL_WJDC_PNG, () {
      Get.to(QuestionnairePage());
    }),
    GridButton('装修管理', R.ASSETS_ICONS_TOOL_ZXGL_PNG, () {
      Get.to(FitupManagePage());
    }),
    GridButton('全部应用', R.ASSETS_ICONS_TOOL_QBYY_PNG, () {
      Get.to(TotalApplicationsPage());
    }),
  ];
  @override
  bool get wantKeepAlive => true;
  List<Map<String, dynamic>> _listView = [
    {
      'title': '今天',
      'contentList': <Map<String, dynamic>>[
        {
          'subtitle': '小区环境秩序管理局物业执法简讯',
          'imagePath':
              'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=486282784,967147496&fm=26&gp=0.jpg'
        },
        {
          'subtitle': '小区健身房已经修缮完毕',
          'imagePath':
              'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600342657805&di=e47b51d9359495ee90488f7244afa85b&imgtype=0&src=http%3A%2F%2Fimage.cnpp.cn%2Fupload%2Fimages%2F20190122%2F14340317774_1200x800.jpg'
        }
      ]
    },
    {
      'title': '118月',
      'contentList': <Map<String, dynamic>>[
        {
          'subtitle': '小区有了狗狗专用便桶',
          'imagePath':
              'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600342731226&di=2223958ede406daa9fa85f3ea908e601&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180505%2F570fe33aab56409fa62f0626ab78f4cd.jpeg'
        },
      ]
    },
    {
      'title': '217月',
      'contentList': <Map<String, dynamic>>[
        {
          'subtitle': '小区开展保安员业务培训暨消防技能演练',
          'imagePath':
              'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1600342893169&di=9f2fcf7e3b967ac99f0a2b22e59869d8&imgtype=0&src=http%3A%2F%2Fwww.nbbaxh.net%2FUploadFiles%2Fcontent%2F2018731649142.jpg'
        },
      ]
    },
  ];

  RefreshController _refreshController =
      RefreshController(initialRefresh: false);
  ScrollController _controller;

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

  void _onRefresh() async {
    await Future.delayed(Duration(milliseconds: 1500));

    _refreshController.refreshCompleted();
  }

  void _onLoading() async {
    await Future.delayed(Duration(milliseconds: 1500));

    if (mounted) setState(() {});
    _refreshController.loadComplete();
  }

  void activityRouter() {
    ActivitiesPage(
      bundle: Bundle()..putBool('isVote', false),
    ).to;
  }

  void activityDetailsRouter(String imagePath, title, bool isOver, isVote,
      isVoteOver, List<String> memberList) {
    ActivitiesDetailsPage(
      bundle: Bundle()
        ..putMap('details', {
          'title': title,
          'imagePath': imagePath,
          'isOver': isOver,
          'isVote': isVote,
          'isVoteOver': isVoteOver,
          'memberList': memberList
        }),
    ).to;
  }

  void noticeRouter(String theme, imagePath) {
    NoticePage(
      bundle: Bundle()
        ..putMap('details', {'title': theme, 'imagePath': imagePath}),
    ).to;
  }

  @override
  void dispose() {
    super.dispose();
    _refreshController.dispose();
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return BeeScaffold(
      title: '物业',
      body: SmartRefresher(
        controller: _refreshController,
        header: WaterDropHeader(),
        footer: ClassicFooter(),
        onRefresh: _onRefresh,
        onLoading: _onLoading,
        enablePullUp: true,
        child: CustomScrollView(
          controller: _controller,
          slivers: [
            SliverToBoxAdapter(
              child: SingleAdSpace(
                imagePath: 'assets/example/guanggao5.png',
                radius: 16,
              ),
            ),
            SliverToBoxAdapter(
              child: ContainerComment(
                radius: 8,
                customWidget: GridButtons(
                  gridList: _gridList,
                  crossCount: 4,
                ),
              ),
            ),
            SliverToBoxAdapter(
              child: PropertyCard(),
            ),
            PropertyBar(
              title: '社区活动',
              subtitle: '精彩往期',
              more: '更多活动',
              fun: activityRouter,
            ),
            SliverToBoxAdapter(
              child: PropertyActivityCard(fun: activityDetailsRouter),
            ),
            PropertyBar(
              title: '社区公告',
              subtitle: '看看小区最近发生什么?',
            ),
            SliverToBoxAdapter(
              child: ListView.builder(
                shrinkWrap: true,
                physics: NeverScrollableScrollPhysics(),
                itemBuilder: (context, index) => CircleTrend(
                  title: _listView[index]['title'],
                  contentList: _listView[index]['contentList'],
                  fun: noticeRouter,
                ),
                itemCount: 3,
              ),
            ),
          ],
        ),
      ),
    );
  }
}