import 'package:flutter/material.dart';
import 'package:flutter_zoom_drawer/flutter_zoom_drawer.dart';
import 'package:fluttericon/font_awesome5_icons.dart';
import 'package:unit2/model/offline/offlane_modules.dart';
import 'package:unit2/screens/passo/passo_dashboard.dart';
import 'package:unit2/screens/unit2/homepage.dart/components/dashboard/shared_card_label.dart';
import 'package:unit2/theme-data.dart/colors.dart';

class OfflineModuleScreen extends StatelessWidget {
  final List<OfflineModules> modules;
  const OfflineModuleScreen({super.key, required this.modules});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: primary,
          title: const Text("Offline Mode"),
          centerTitle: true,
          leading: IconButton(
            onPressed: () {
              ZoomDrawer.of(context)!.toggle();
            },
            icon: const Icon(
              Icons.menu,
              color: Colors.white,
            ),
          ),
        ),
        body: Padding(
          padding: const EdgeInsets.all(24),
          child: GridView.count(
              shrinkWrap: true,
              crossAxisCount: 4,
              crossAxisSpacing: 8,
              mainAxisSpacing: 10,
              physics: const BouncingScrollPhysics(),
              padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 5),
              children: modules
                  .map((e) => CardLabel(
                      icon: FontAwesome5.eye,
                      title: "Field Surveyor",
                      ontap: () {
                        Navigator.push(context, MaterialPageRoute(builder: ((context) {
                          return PassoDashBoard();
                        })));
                      }))
                  .toList()),
        ));
  }
}