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

void main() => runApp(const MainApp());

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

  @override
  Widget build(BuildContext context) => MaterialApp.router(routerConfig: appRouter);
}

final rootKey = GlobalKey<NavigatorState>(debugLabel: 'loading');
final navKey = GlobalKey<NavigatorState>(debugLabel: 'navigation');

final appRouter = GoRouter(
  debugLogDiagnostics: true,
  routes: [
    ShellRoute(
      navigatorKey: rootKey,
      builder: (context, state, child) => BasicLayout(name: 'Loading', child: child),
      routes: [
        ShellRoute(
          navigatorKey: navKey,
          builder: (context, state, child) => BasicLayout(name: 'Navigation', child: child),
          routes: [
            GoRoute(path: '/', parentNavigatorKey: navKey, builder: (context, state) => const BasicScreen(name: 'Home'), routes: [
              GoRoute(path: 'settings', parentNavigatorKey: rootKey, builder: (context, state) => const BasicScreen(name: 'Settings')),
            ]),
          ],
        ),
        GoRoute(path: '/deeplink', parentNavigatorKey: rootKey, redirect: (_, __) => '/?deeplink=true'),
        GoRoute(path: '/onboarding', parentNavigatorKey: rootKey, builder: (context, state) => const BasicScreen(name: 'Onboarding')),
      ],
    ),
  ],
);

class BasicLayout extends StatelessWidget {
  const BasicLayout({super.key, required this.child, required this.name});

  final Widget child;
  final String name;

  @override
  Widget build(BuildContext context) => Scaffold(appBar: AppBar(title: Text('Layout: $name')), body: child);
}

class BasicScreen extends StatelessWidget {
  const BasicScreen({super.key, required this.name});

  final String name;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Screen: $name')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: context.pop,
              child: const Text('Go back'),
            ),
            ElevatedButton(
              onPressed: () => context.go('/settings'),
              child: const Text('Settings'),
            )
          ],
        ),
      ),
    );
  }
}