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) => 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: '',
            ),
          ],
        ),
      ),
    );
  }
}