import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:survive_app/ui/style/dimensions.dart';
import 'package:survive_app/ui/widget/status_bar_spacer.dart';

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

  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: ListView(
        padding: EdgeInsets.all(Margins.medium),
        children: [
          StatusBarSpacer(),
          NavDrawerElement(
            route: "/wikipedia",
            icon: Icons.article_outlined,
            caption: "Wikipedia",
          ),
          NavDrawerElement(
            route: "/resources",
            icon: Icons.fastfood_outlined,
            caption: "Zasoby",
          ),
          NavDrawerElement(
            route: "/guides",
            icon: Icons.bookmarks_outlined,
            caption: "Poradniki",
          ),
        ],
      ),
    );
  }
}

class NavDrawerElement extends StatelessWidget {
  final String route;
  final IconData icon;
  final String caption;

  const NavDrawerElement({
    super.key,
    required this.route,
    required this.icon,
    required this.caption,
  });

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => context.push(route),
      child: SizedBox(
        child: Row(
          children: [
            Icon(icon),
            Text(caption, style: TextStyle(fontSize: TextSizes.medium)),
          ],
        ),
      ),
    );
  }
}