import 'package:animations/animations.dart';
import 'package:flutter/material.dart';
import 'package:flutter_i18n/flutter_i18n.dart';
import 'package:revanced_manager/app/app.locator.dart';
import 'package:revanced_manager/ui/views/navigation/navigation_viewmodel.dart';
import 'package:stacked/stacked.dart';

class NavigationView extends StatelessWidget {
  const NavigationView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<NavigationViewModel>.reactive(
      onViewModelReady: (model) => model.initialize(context),
      viewModelBuilder: () => locator<NavigationViewModel>(),
      builder: (context, model, child) => WillPopScope(
        onWillPop: () async {
          if (model.currentIndex == 0) {
            return true;
          } else {
            model.setIndex(0);
            return false;
          }
        },
        child: Scaffold(
          body: PageTransitionSwitcher(
            duration: const Duration(milliseconds: 400),
            transitionBuilder: (
              Widget child,
              Animation<double> animation,
              Animation<double> secondaryAnimation,
            ) {
              return FadeThroughTransition(
                animation: animation,
                secondaryAnimation: secondaryAnimation,
                fillColor: Theme.of(context).colorScheme.surface,
                child: child,
              );
            },
            child: model.getViewForIndex(model.currentIndex),
          ),
          bottomNavigationBar: NavigationBar(
            onDestinationSelected: model.setIndex,
            selectedIndex: model.currentIndex,
            destinations: <Widget>[
              NavigationDestination(
                icon: model.isIndexSelected(0)
                    ? const Icon(Icons.dashboard)
                    : const Icon(Icons.dashboard_outlined),
                label: FlutterI18n.translate(
                  context,
                  'navigationView.dashboardTab',
                ),
                tooltip: '',
              ),
              NavigationDestination(
                icon: model.isIndexSelected(1)
                    ? const Icon(Icons.build)
                    : const Icon(Icons.build_outlined),
                label: FlutterI18n.translate(
                  context,
                  'navigationView.patcherTab',
                ),
                tooltip: '',
              ),
              NavigationDestination(
                icon: model.isIndexSelected(2)
                    ? const Icon(Icons.settings)
                    : const Icon(Icons.settings_outlined),
                label: FlutterI18n.translate(
                  context,
                  'navigationView.settingsTab',
                ),
                tooltip: '',
              ),
            ],
          ),
        ),
      ),
    );
  }
}