add consume

lib/api.dart

@@ -96,6 +96,12 @@ class API {
     return resp["uuid"];
   }
 
+  Future<void> consumeItem(
+      String transaction, String destination, String price) async {
+    await postRequest("$instance/demand",
+        {"uuid": transaction, "destination": destination, "price": price});
+  }
+
   String getImageURL(String item) {
     return "$instance/$item/image";
   }

lib/pages/consume.dart

@@ -0,0 +1,144 @@
+import 'package:cdb_ui/api.dart';
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'supply.dart';
+
+class ConsumePage extends StatefulWidget {
+  final String item;
+  final String variant;
+  final String transaction;
+  Function refresh;
+
+  ConsumePage(this.transaction, this.item, this.variant, this.refresh,
+      {super.key});
+
+  @override
+  State<ConsumePage> createState() => _ConsumePageState();
+}
+
+class _ConsumePageState extends State<ConsumePage> {
+  final _formKey = GlobalKey<FormState>();
+  String _selectedDestination = "";
+  String _price = "";
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  Future<void> _consume() async {
+    if (_formKey.currentState!.validate()) {
+      _formKey.currentState!.save();
+
+      await API()
+          .consumeItem(widget.transaction, _selectedDestination, "${_price} €");
+
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Item consumed successfully!')),
+      );
+      Navigator.of(context).pop();
+      widget.refresh();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Consume Item'),
+      ),
+      body: FutureBuilder(
+        future:
+            API().getUniqueField(widget.item, widget.variant, "destination"),
+        builder: (context, snapshot) {
+          if (!snapshot.hasData) {
+            return const Center(child: CircularProgressIndicator());
+          }
+
+          var destinations = snapshot.data!;
+
+          return Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: Form(
+              key: _formKey,
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // Destination Field with Dropdown and Text Input
+                  Autocomplete<String>(
+                    optionsBuilder: (TextEditingValue textEditingValue) {
+                      if (textEditingValue.text.isEmpty) {
+                        return destinations;
+                      }
+                      return destinations.where((String option) {
+                        return option
+                            .toLowerCase()
+                            .contains(textEditingValue.text.toLowerCase());
+                      });
+                    },
+                    onSelected: (String selection) {
+                      setState(() {
+                        _selectedDestination = selection;
+                      });
+                    },
+                    fieldViewBuilder: (context, textEditingController,
+                        focusNode, onFieldSubmitted) {
+                      textEditingController.text = _selectedDestination;
+                      return TextFormField(
+                        onChanged: (value) {
+                          _selectedDestination = value;
+                        },
+                        controller: textEditingController,
+                        focusNode: focusNode,
+                        decoration: const InputDecoration(
+                          labelText: 'Destination',
+                          border: OutlineInputBorder(),
+                        ),
+                        validator: (value) {
+                          if (value?.isEmpty ?? true) {
+                            return "Please enter a destination";
+                          }
+
+                          return null;
+                        },
+                      );
+                    },
+                  ),
+
+                  const SizedBox(height: 16),
+
+                  // Price Field
+                  TextFormField(
+                    decoration: const InputDecoration(labelText: 'Price'),
+                    keyboardType: TextInputType.number,
+                    initialValue: _price,
+                    validator: (value) {
+                      if (value == null || value.isEmpty) {
+                        return 'Please enter a price';
+                      }
+                      if (double.tryParse(value) == null) {
+                        return 'Please enter a valid number';
+                      }
+                      return null;
+                    },
+                    onSaved: (value) {
+                      _price = value!;
+                    },
+                  ),
+
+                  const SizedBox(height: 20),
+
+                  // Submit Button
+                  ElevatedButton(
+                    onPressed: _consume,
+                    child: const Text('Consume Item'),
+                  ),
+                ],
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}

lib/pages/itemview.dart

@@ -1,11 +1,23 @@
 import 'package:cdb_ui/api.dart';
+import 'package:cdb_ui/pages/consume.dart';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 import 'supply.dart';
 
-class ItemView extends StatelessWidget {
+class ItemView extends StatefulWidget {
   final Item item;
 
+  @override
+  State<ItemView> createState() => _ItemViewState();
+
+  const ItemView({super.key, required this.item});
+}
+
+class _ItemViewState extends State<ItemView> {
+  void refresh() {
+    setState(() {});
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -19,21 +31,21 @@ class ItemView extends StatelessWidget {
             Column(
               children: [
                 Text(
-                  item.name,
+                  widget.item.name,
                   style: const TextStyle(fontWeight: FontWeight.bold),
                 ),
-                Text(item.category)
+                Text(widget.item.category)
               ],
             )
           ],
         ),
         const SizedBox(height: 10),
         Row(
-            children: item.variants.entries.map((entry) {
+            children: widget.item.variants.entries.map((entry) {
           return Text(entry.value.name);
         }).toList()),
         FutureBuilder(
-          future: API().getInventory(item.id),
+          future: API().getInventory(widget.item.id),
           builder: (context, snapshot) {
             if (!snapshot.hasData) {
               return const CircularProgressIndicator();
@@ -42,30 +54,38 @@ class ItemView extends StatelessWidget {
 
             return Expanded(
                 child: ListView(
-                    children: data.map((x) => TransactionCard(x)).toList()));
+                    children:
+                        data.map((x) => TransactionCard(x, refresh)).toList()));
           },
         )
       ]),
       floatingActionButton: FloatingActionButton(
           onPressed: () {
-            Navigator.of(context).push(
+            Navigator.of(context).push(MaterialPageRoute(
-                MaterialPageRoute(builder: (context) => SupplyPage(item)));
+                builder: (context) => SupplyPage(widget.item, refresh)));
           },
           child: const Icon(Icons.add)),
     );
   }
-
-  const ItemView({super.key, required this.item});
 }
 
 class TransactionCard extends StatelessWidget {
   final Transaction t;
+  Function refresh;
 
-  const TransactionCard(this.t, {super.key});
+  TransactionCard(this.t, this.refresh, {super.key});
 
   @override
   Widget build(BuildContext context) {
-    return Card(
+    return InkWell(
+      onTap: () {
+        Navigator.of(context).push(MaterialPageRoute(
+          builder: (context) {
+            return ConsumePage(t.uuid, t.item, t.variant, this.refresh);
+          },
+        ));
+      },
+      child: Card(
         color: t.expired ? Colors.red[100] : Colors.white,
         margin: EdgeInsets.symmetric(vertical: 8, horizontal: 16),
         shape: RoundedRectangleBorder(
@@ -130,6 +150,7 @@ class TransactionCard extends StatelessWidget {
             ],
           ),
         ),
+      ),
     );
   }
 }

lib/pages/supply.dart

@@ -4,8 +4,9 @@ import 'package:qr_bar_code_scanner_dialog/qr_bar_code_scanner_dialog.dart';
 
 class SupplyPage extends StatefulWidget {
   final Item item;
+  Function refresh;
 
-  const SupplyPage(this.item, {super.key});
+  SupplyPage(this.item, this.refresh, {super.key});
 
   @override
   State<SupplyPage> createState() => _SupplyPageState();
@@ -35,6 +36,7 @@ class _SupplyPageState extends State<SupplyPage> {
         const SnackBar(content: Text('Item added successfully!')),
       );
       Navigator.of(context).pop();
+      widget.refresh();
     }
   }
 
@@ -85,7 +87,6 @@ class _SupplyPageState extends State<SupplyPage> {
                   const SizedBox(height: 16),
 
                   // Origin Field with Dropdown and Text Input
-                  // todo : fix state
                   Autocomplete<String>(
                     optionsBuilder: (TextEditingValue textEditingValue) {
                       if (textEditingValue.text.isEmpty) {
@@ -106,6 +107,9 @@ class _SupplyPageState extends State<SupplyPage> {
                         focusNode, onFieldSubmitted) {
                       textEditingController.text = _selectedOrigin;
                       return TextFormField(
+                        onChanged: (value) {
+                          _selectedOrigin = value;
+                        },
                         controller: textEditingController,
                         focusNode: focusNode,
                         decoration: const InputDecoration(