Create LatestReport Page

ac_web/lib/Layouts/MainApp.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+
+import 'MobileView.dart';
+
+class MainApp extends StatelessWidget {
+  const MainApp({super.key});
+
+  // This widget is the root of your application.
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'AC Control',
+      theme: ThemeData(
+        // This is the theme of your application.
+        //
+        // TRY THIS: Try running your application with "flutter run". You'll see
+        // the application has a purple toolbar. Then, without quitting the app,
+        // try changing the seedColor in the colorScheme below to Colors.green
+        // and then invoke "hot reload" (save your changes or press the "hot
+        // reload" button in a Flutter-supported IDE, or press "r" if you used
+        // the command line to start the app).
+        //
+        // Notice that the counter didn't reset back to zero; the application
+        // state is not lost during the reload. To reset the state, use hot
+        // restart instead.
+        //
+        // This works for code too, not just values: Most code changes can be
+        // tested with just a hot reload.
+        colorScheme: .fromSeed(
+          seedColor: Colors.blueGrey,
+          brightness: Brightness.dark,
+        )
+      ),
+      home: const MobileView(),
+    );
+  }
+}

ac_web/lib/Layouts/MobileView.dart

@@ -0,0 +1,51 @@
+import 'package:ac_web/Pages/LatestReports.dart';
+import 'package:flutter/material.dart';
+
+class MobileView extends StatefulWidget {
+  const MobileView({super.key});
+
+
+  @override
+  State<StatefulWidget> createState() => MobileViewState();
+}
+
+class MobileViewState extends State<MobileView> {
+
+  int currentPageIndex = 1;
+
+  @override
+  Widget build(BuildContext context) {
+
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: Text("AC Control"),
+      ),
+      bottomNavigationBar: NavigationBar(
+        onDestinationSelected: (int index) {
+          setState(() {
+            currentPageIndex = index;
+          });
+        },
+        indicatorColor: Theme.of(context).colorScheme.inversePrimary,
+        selectedIndex: currentPageIndex,
+        destinations: [
+          NavigationDestination(icon: Icon(Icons.newspaper), label: 'Reports'),
+          NavigationDestination(icon: Icon(Icons.home), label: 'Latest Reports'),
+          NavigationDestination(icon: Icon(Icons.adb), label: 'Agents')
+        ],
+      ),
+      body: <Widget>[
+
+        // Homepage
+        Text("Homepage"),
+
+        // Eighteen
+        LatestReports(),
+
+        // Notifications
+        Text("Notifications")
+      ][currentPageIndex],
+    );
+  }
+}