import 'package:eye_video/bizmodule/blocs.dart';
import 'package:eye_video/bizmodule/main/category/category_page.dart';
import 'package:eye_video/bizmodule/main/category/repositories/mock/mock_category_repository.dart';
import 'package:eye_video/bizmodule/main/community/blocs/community_bloc.dart';
import 'package:eye_video/bizmodule/main/community/community_page.dart';
import 'package:eye_video/bizmodule/main/community/respositories/mock/mock_community_repository.dart';
import 'package:eye_video/bizmodule/main/discovery/blocs/discovery_bloc.dart';
import 'package:eye_video/bizmodule/main/discovery/discovery_page.dart';
import 'package:eye_video/bizmodule/main/discovery/respositories/mock/mock_discovery_repository.dart';
import 'package:eye_video/bizmodule/main/selections/blocs/ugc/ugc_bloc.dart';
import 'package:eye_video/bizmodule/main/selections/respositories/mock/mock_ugc_repository.dart';
import 'package:eye_video/bizmodule/main/selections/ugc_page.dart';
import 'package:eye_video/bizmodule/main/thiz/blocs/main_bloc.dart';
import 'package:eye_video/bizmodule/main/thiz/repositories/mock/mock_main_repository.dart';
import 'package:eye_video/bizmodule/main/thiz/widgets/drawer_widget.dart';
import 'package:eye_video/framework/extension/screen_ruler.dart';
import 'package:eye_video/framework/extension/size_extension.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

/// Description: 首页
/// Time       : 06/30/2022 Thursday
/// Author     : liuyuqi.gov@msn.cn
class MainPage extends StatelessWidget {
  MainPage({Key? key, required this.title}) : super(key: key);
  final String title;

  @override
  Widget build(BuildContext context) {
    ScreenRuler.init(context);
    var tabs = ['精选', '发现', '分类', '社区'];

    return DefaultTabController(
      length: tabs.length,
      child: Scaffold(
        appBar: AppBar(
          title: buildTabBar(tabs),
          elevation: 2.0,
          actions: [
            Icon(Icons.search),
          ],
        ),
        drawer: BlocProvider(
          create: (ctx) => MainBloc(mainRepository: MockMainRepository()),
          child: DrawerWidget(),
        ),
        body: TabBarView(
          children: tabs.map((tab) {
            var index = tabs.indexOf(tab);
            switch (index) {
              case 0:
                {
                  return BlocProvider(
                    create: (context) =>
                        UgcBloc(ugcRepository: MockUgcRepository()),
                    child: UgcPage(),
                  );
                }
              case 1:
                {
                  return BlocProvider(
                    create: (context) => DiscoveryBloc(
                        discoveryRepository: MockDiscoveryRepository()),
                    child: DiscoveryPage(),
                  );
                }
              case 2:
                {
                  return BlocProvider(
                    create: (context) => CategoryBloc(
                        categoryRepository: MockCategoryRepository()),
                    child: CategoryPage(),
                  );
                }

              case 3:
                {
                  return BlocProvider(
                    create: (context) => CommunityBloc(
                        communityRepository: MockCommunityRepository()),
                    child: CommunityPage(),
                  );
                }

              default:
                {
                  return Center(child: Text(tab));
                }
            }
          }).toList(),
        ),
      ),
    );
  }

  Widget buildTabBar(List<String> tabs) {
    return TabBar(
      isScrollable: true,
      indicator: BoxDecoration(color: Colors.transparent),
      indicatorSize: TabBarIndicatorSize.label,
      tabs: tabs.map((textStr) => Tab(text: textStr)).toList(),
      labelStyle: TextStyle(
        color: Color(0xff333333),
        fontSize: 30,
        fontFamily: 'NotoSansHans-Medium',
      ),
      unselectedLabelStyle: TextStyle(
        color: Color(0xff666666),
        fontSize: 30,
        fontFamily: 'NotoSansHans-Regular',
      ),
    );
  }
}