update

lib/api.dart

@@ -360,12 +360,29 @@ class Location {
   late String? parent;
   late LocationCondition? conditions;
 
+  Location.zero() {
+    id = "";
+    name = "";
+    parent = null;
+    conditions = null;
+  }
+
   Location(Map<String, dynamic> json) {
     id = json["id"];
     name = json["name"];
     parent = json["parent"];
     conditions = json["conditions"] != null ? (json["conditions"]) : null;
   }
+
+  String full_name_path(Map<String, Location> locations) {
+    var name = this.name;
+
+    if (parent != null) {
+      name = "${locations[parent!]!.full_name_path(locations)} / $name";
+    }
+
+    return name;
+  }
 }
 
 class LocationCondition {

lib/main.dart

@@ -29,10 +29,48 @@ class MyApp extends StatelessWidget {
 class StatsPage extends StatelessWidget {
   const StatsPage({super.key});
 
+  Future<(List<MinItem>, List<Transaction>)> _fetchData() async {
+    return (await API().getItemsUnderMin(), await API().getExpiredItems());
+  }
+
   @override
   Widget build(BuildContext context) {
     // todo : add global statistics
-    return Scaffold();
+    return Scaffold(
+      body: FutureBuilder(
+        future: _fetchData(),
+        builder: (context, snapshot) {
+          if (!snapshot.hasData) {
+            return CircularProgressIndicator();
+          }
+
+          var data = snapshot.data!;
+          var min = data.$1;
+          var expired = data.$2;
+
+          return Column(
+            children: [
+              if (min.isNotEmpty) ListTile(title: Text("Items under Minimum")),
+              ...min.map((item) {
+                return ListTile(
+                  title: Text(
+                      "Item ${item.item_variant} under minimum. Needs ${item.need} more."),
+                );
+              }).toList(),
+
+              if (expired.isNotEmpty) ListTile(title: Text("Expired Items")),
+
+              // Mapping expired list to widgets
+              ...expired.map((item) {
+                return ListTile(
+                  title: TransactionCard(item, () {}),
+                );
+              }).toList(),
+            ],
+          );
+        },
+      ),
+    );
   }
 }
 
@@ -101,6 +139,8 @@ class _MyHomePageState extends State<MyHomePage> {
   Widget build(BuildContext context) {
     return Scaffold(
       bottomNavigationBar: BottomNavigationBar(
+        fixedColor: Colors.white,
+        unselectedItemColor: Colors.white70,
         items: const [
           BottomNavigationBarItem(icon: Icon(Icons.home), label: "Home"),
           BottomNavigationBarItem(

lib/pages/itemview.dart

@@ -26,11 +26,19 @@ class _ItemViewState extends State<ItemView> {
       ),
       body: Column(children: [
         Row(
+          mainAxisAlignment: MainAxisAlignment.start,
           children: [
+            SizedBox(width: 28),
             const Align(
               alignment: Alignment.centerLeft,
-              child: Placeholder(),
+              child: Placeholder(
+                fallbackWidth: 100,
+                fallbackHeight: 100,
+              ),
             ), // todo
+            SizedBox(
+              width: 16.0,
+            ),
             Column(
               children: [
                 Text(

lib/pages/supply.dart

@@ -53,8 +53,8 @@ class _SupplyPageState extends State<SupplyPage> {
             return const Center(child: CircularProgressIndicator());
           }
 
-          var data = snapshot.data as Map<String, List<dynamic>>;
+          var data = snapshot.data as Map<String, dynamic>;
-          var locations = data['locations']!;
+          var locations = data['locations']! as Map<String, Location>;
           var origins = data['origins']! as List<String>;
 
           return Padding(
@@ -144,37 +144,47 @@ class _SupplyPageState extends State<SupplyPage> {
                   const SizedBox(height: 16),
 
                   // Location Dropdown
-                  DropdownButtonFormField<String>(
+                  Row(
-                    hint: const Text('Select Location'),
+                    children: [
-                    value: _selectedLocation,
+                      Expanded(
-                    onChanged: (value) {
+                        child: DropdownButtonFormField<String>(
-                      setState(() {
+                          hint: const Text('Select Location'),
-                        _selectedLocation = value!;
+                          value: _selectedLocation,
-                      });
+                          onChanged: (value) {
-                    },
+                            setState(() {
-                    items: locations.map<DropdownMenuItem<String>>((location) {
+                              _selectedLocation = value!;
-                      return DropdownMenuItem<String>(
+                            });
-                        value: location,
+                          },
-                        child: Text(location),
+                          items: locations.keys
-                      );
+                              .map<DropdownMenuItem<String>>((id) {
-                    }).toList(),
+                            return DropdownMenuItem<String>(
-                    onSaved: (value) {
+                              value: id,
-                      _selectedLocation = value!;
+                              child: Text(
-                    },
+                                  locations[id]!.full_name_path(locations)),
-                  ),
+                            );
-
+                          }).toList(),
-                  IconButton(
+                          onSaved: (value) {
-                    onPressed: () {
+                            _selectedLocation = value!;
-                      QrBarCodeScannerDialog().getScannedQrBarCode(
+                          },
-                        context: context,
+                        ),
-                        onCode: (code) {
+                      ),
-                          setState(() {
+                      SizedBox(
-                            _selectedLocation = code!;
+                        width: 12,
-                          });
+                      ),
+                      IconButton(
+                        onPressed: () {
+                          QrBarCodeScannerDialog().getScannedQrBarCode(
+                            context: context,
+                            onCode: (code) {
+                              setState(() {
+                                _selectedLocation = code!;
+                              });
+                            },
+                          );
                         },
-                      );
+                        icon: const Icon(Icons.qr_code),
-                    },
+                      ),
-                    icon: const Icon(Icons.qr_code),
+                    ],
                   ),
 
                   const SizedBox(height: 20),
@@ -193,12 +203,11 @@ class _SupplyPageState extends State<SupplyPage> {
     );
   }
 
-  Future<Map<String, List<dynamic>>> _fetchData() async {
+  Future<Map<String, dynamic>> _fetchData() async {
-    var locations_map = await API().getLocations();
+    var locations = await API().getLocations();
     var origins = await API().getUniqueField(widget.item.id, variant, "origin");
     origins.insert(0, "");
-    var locations = locations_map.keys.toList();
+    locations[""] = Location.zero();
-    locations.insert(0, "");
     return {'locations': locations, 'origins': origins};
   }
 }