import 'package:didvan/config/design_config.dart';
import 'package:didvan/providers/theme.dart';
import 'package:didvan/services/app_initalizer.dart';
import 'package:didvan/views/home/bookmarks/bookmarks.dart';
import 'package:didvan/views/home/categories/categories_page.dart';
import 'package:didvan/views/home/main/main_page.dart';
import 'package:didvan/views/home/home_state.dart';
import 'package:didvan/views/home/search/search.dart';
import 'package:didvan/views/widgets/logo_app_bar.dart';
import 'package:didvan/views/home/statistic/statistic.dart';
import 'package:didvan/views/widgets/didvan/bnb.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

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

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> with SingleTickerProviderStateMixin {
  late final TabController _tabController;

  @override
  void initState() {
    final state = context.read<HomeState>();
    DesignConfig.updateSystemUiOverlayStyle();
    _tabController = TabController(length: 4, vsync: this, initialIndex: 0);
    state.tabController = _tabController;
    _tabController.addListener(() {
      state.currentPageIndex = _tabController.index;
    });
    Future.delayed(Duration.zero, () {
      AppInitializer.handleCLick(state, _tabController);
    });
    state.refresh();
    context.read<ThemeProvider>().addListener(() {
      state.refresh();
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: const LogoAppBar(),
      body: Consumer<HomeState>(
        builder: (context, state, child) => AnimatedCrossFade(
          duration: DesignConfig.lowAnimationDuration,
          crossFadeState: state.filtering
              ? CrossFadeState.showSecond
              : CrossFadeState.showFirst,
          firstChild: SizedBox(
            height: MediaQuery.of(context).size.height,
            width: MediaQuery.of(context).size.width,
            child: TabBarView(
              physics: const NeverScrollableScrollPhysics(),
              controller: _tabController,
              children: const [
                MainPage(),
                Statistic(),
                CategoriesPage(),
                Bookmarks(),
              ],
            ),
          ),
          secondChild: const SearchPage(),
        ),
      ),
      bottomNavigationBar: Consumer<HomeState>(
        builder: (context, state, child) => DidvanBNB(
          currentTabIndex: state.currentPageIndex,
          onTabChanged: (index) {
            state.currentPageIndex = index;
            FocusScope.of(context).unfocus();
            state.resetFilters(false);
            _tabController.animateTo(index);
          },
        ),
      ),
    );
  }
}