import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:stacked/stacked.dart';
import 'package:yimaru_app/ui/common/app_colors.dart';
import 'package:yimaru_app/ui/common/enmus.dart';
import 'package:yimaru_app/ui/common/translations/locale_keys.g.dart';
import 'package:yimaru_app/ui/views/course/course_view.dart';
import 'package:yimaru_app/ui/views/course_catalog/course_catalog_view.dart';
import 'package:yimaru_app/ui/views/learn_program/learn_program_view.dart';
import 'package:yimaru_app/ui/views/profile/profile_view.dart';
import 'package:yimaru_app/ui/widgets/page_loading_indicator.dart';

import '../../widgets/coming_soon.dart';
import 'home_viewmodel.dart';

class HomeView extends StackedView<HomeViewModel> {
  const HomeView({Key? key}) : super(key: key);

  @override
  void onViewModelReady(HomeViewModel viewModel) async {
    await viewModel.inAppUpdate();
    await viewModel.getUnreadNotifications();

    super.onViewModelReady(viewModel);
  }

  @override
  HomeViewModel viewModelBuilder(BuildContext context) => HomeViewModel();

  @override
  Widget builder(
          BuildContext context, HomeViewModel viewModel, Widget? child) =>
      KeyedSubtree(
          key: ValueKey(context.locale.languageCode),
          child: _buildScaffoldStack(viewModel));

  Widget _buildScaffoldStack(HomeViewModel viewModel) => Stack(
        children: [_buildScaffold(viewModel), _buildLogoutState(viewModel)],
      );

  Widget _buildScaffold(HomeViewModel viewModel) => Scaffold(
        body: getViewForIndex(viewModel.currentPage),
        bottomNavigationBar: _buildBottomNav(viewModel),
      );

  Widget _buildBottomNav(HomeViewModel viewModel) => BottomNavigationBar(
        items: _buildNavBarItems(),
        onTap: viewModel.setCurrentIndex,
        selectedItemColor: kcPrimaryColor,
        backgroundColor: kcBackgroundColor,
        type: BottomNavigationBarType.fixed,
        currentIndex: viewModel.currentPage,
      );

  List<BottomNavigationBarItem> _buildNavBarItems() => [
        _buildLearnItem(),
        _buildCourseItem(),
        _buildProfileItem(),
      ];

  BottomNavigationBarItem _buildLearnItem() => BottomNavigationBarItem(
        icon: _buildLearnIcon(),
        label: LocaleKeys.learn.tr(),
      );

  BottomNavigationBarItem _buildCourseItem() => BottomNavigationBarItem(
        icon: _buildCourseIcon(),
        label: LocaleKeys.course.tr(),
      );

  BottomNavigationBarItem _buildProfileItem() => BottomNavigationBarItem(
        icon: _buildProfileIcon(),
        label: LocaleKeys.profile.tr(),
      );

  Widget _buildLearnIcon() => const Icon(Icons.school);

  Widget _buildCourseIcon() => const Icon(Icons.book);

  Widget _buildProfileIcon() => const Icon(Icons.person);

  Widget getViewForIndex(int index) {
    switch (index) {
      case 0:
        return const LearnProgramView();
      case 1:
        return const CourseView();

      default:
        return const ProfileView();
    }
  }

  Widget _buildLogoutState(HomeViewModel viewModel) =>
      viewModel.state == StateObjects.logout
          ? const PageLoadingIndicator()
          : Container();
}