Fladder/lib/widgets/navigation_scaffold/components/navigation_body.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'package:collection/collection.dart';
import 'package:ficonsax/ficonsax.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

import 'package:fladder/providers/settings/client_settings_provider.dart';
import 'package:fladder/providers/views_provider.dart';
import 'package:fladder/routes/auto_router.gr.dart';
import 'package:fladder/screens/shared/animated_fade_size.dart';
import 'package:fladder/util/adaptive_layout.dart';
import 'package:fladder/widgets/navigation_scaffold/components/adaptive_fab.dart';
import 'package:fladder/widgets/navigation_scaffold/components/destination_model.dart';
import 'package:fladder/widgets/navigation_scaffold/components/navigation_drawer.dart';
import 'package:fladder/widgets/navigation_scaffold/components/settings_user_icon.dart';

class NavigationBody extends ConsumerStatefulWidget {
  final BuildContext parentContext;
  final Widget child;
  final int currentIndex;
  final List<DestinationModel> destinations;
  final String currentLocation;
  final GlobalKey<ScaffoldState> drawerKey;
  const NavigationBody({
    required this.parentContext,
    required this.child,
    required this.currentIndex,
    required this.destinations,
    required this.currentLocation,
    required this.drawerKey,
    super.key,
  });

  @override
  ConsumerState<ConsumerStatefulWidget> createState() => _NavigationBodyState();
}

class _NavigationBodyState extends ConsumerState<NavigationBody> {
  bool expandedSideBar = true;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((value) {
      ref.read(viewsProvider.notifier).fetchViews();
    });
  }

  @override
  Widget build(BuildContext context) {
    final views = ref.watch(viewsProvider.select((value) => value.views));
    ref.listen(
      clientSettingsProvider,
      (previous, next) {
        if (previous != next) {
          SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
            statusBarIconBrightness: next.statusBarBrightness(context),
          ));
        }
      },
    );

    return switch (AdaptiveLayout.layoutOf(context)) {
      LayoutState.phone => MediaQuery.removePadding(
          context: widget.parentContext,
          child: widget.child,
        ),
      LayoutState.tablet => Row(
          children: [
            navigationRail(context),
            Flexible(
              child: widget.child,
            )
          ],
        ),
      LayoutState.desktop => Row(
          children: [
            AnimatedFadeSize(
              duration: const Duration(milliseconds: 125),
              child: expandedSideBar
                  ? MediaQuery.removePadding(
                      context: widget.parentContext,
                      child: NestedNavigationDrawer(
                        isExpanded: expandedSideBar,
                        actionButton: actionButton(),
                        toggleExpanded: (value) {
                          setState(() {
                            expandedSideBar = value;
                          });
                        },
                        views: views,
                        destinations: widget.destinations,
                        currentLocation: widget.currentLocation,
                      ),
                    )
                  : navigationRail(context),
            ),
            Flexible(
              child: widget.child,
            ),
          ],
        )
    };
  }

  AdaptiveFab? actionButton() {
    return (widget.currentIndex >= 0 && widget.currentIndex < widget.destinations.length)
        ? widget.destinations[widget.currentIndex].floatingActionButton
        : null;
  }

  Widget navigationRail(BuildContext context) {
    return Padding(
      key: const Key('navigation_rail'),
      padding: AdaptiveLayout.of(context).isDesktop ? EdgeInsets.zero : MediaQuery.of(context).padding,
      child: Column(
        children: [
          if (AdaptiveLayout.of(context).isDesktop && AdaptiveLayout.of(context).platform != TargetPlatform.macOS) ...{
            const SizedBox(height: 4),
            Text(
              "Fladder",
              style: Theme.of(context).textTheme.titleSmall,
            ),
          },
          if (AdaptiveLayout.of(context).platform == TargetPlatform.macOS)
            const SizedBox(height: 32)
          else
            const SizedBox(height: 16),
          IconButton(
            onPressed: () {
              if (AdaptiveLayout.layoutOf(context) != LayoutState.desktop) {
                widget.drawerKey.currentState?.openDrawer();
              } else {
                setState(() {
                  expandedSideBar = true;
                });
              }
            },
            icon: const Icon(IconsaxBold.menu),
          ),
          if (AdaptiveLayout.of(context).size == ScreenLayout.dual) ...[
            const SizedBox(height: 8),
            AnimatedFadeSize(
              child: AnimatedSwitcher(
                duration: const Duration(milliseconds: 250),
                transitionBuilder: (Widget child, Animation<double> animation) {
                  return ScaleTransition(scale: animation, child: child);
                },
                child: actionButton()?.normal,
              ),
            ),
          ],
          const Spacer(),
          IconTheme(
            data: const IconThemeData(size: 28),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                ...widget.destinations.mapIndexed(
                  (index, destination) => destination.toNavigationButton(widget.currentIndex == index, false),
                )
              ],
            ),
          ),
          const Spacer(),
          SizedBox(
            height: 48,
            child: AnimatedSwitcher(
                duration: const Duration(milliseconds: 250),
                child: widget.currentLocation.contains(const SettingsRoute().routeName)
                    ? Card(
                        color: Theme.of(context).colorScheme.primaryContainer,
                        child: const Padding(
                          padding: EdgeInsets.all(10),
                          child: Icon(IconsaxBold.setting_3),
                        ),
                      )
                    : const SettingsUserIcon()),
          ),
          if (AdaptiveLayout.of(context).inputDevice == InputDevice.pointer) const SizedBox(height: 16),
        ],
      ),
    );
  }
}