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

class NavigationView extends StatelessWidget {
  const NavigationView({super.key});

  @override
  Widget build(BuildContext context) {
    return ViewModelBuilder<NavigationViewModel>.reactive(
      onViewModelReady: (model) => model.initialize(context),
      viewModelBuilder: () => locator<NavigationViewModel>(),
      builder: (context, model, child) => PopScope(
        canPop: model.currentIndex == 0,
        onPopInvoked: (bool didPop) {
          if (!didPop) {
            model.setIndex(0);
          }
        },
        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: t.navigationView.dashboardTab,
                tooltip: '',
              ),
              NavigationDestination(
                icon: model.isIndexSelected(1)
                    ? const Icon(Icons.build)
                    : const Icon(Icons.build_outlined),
                label: t.navigationView.patcherTab,
                tooltip: '',
              ),
              NavigationDestination(
                icon: model.isIndexSelected(2)
                    ? const Icon(Icons.settings)
                    : const Icon(Icons.settings_outlined),
                label: t.navigationView.settingsTab,
                tooltip: '',
              ),
            ],
          ),
        ),
      ),
    );
  }
}