feat: update list menu and cart oage

Author: HendP

lib/components/coffee_tile.dart

@@ -5,8 +5,14 @@ class CoffeeTile extends StatelessWidget {
   final Coffee coffee;
 
   void Function()? onPressed;
+  final Widget icon;
 
-  CoffeeTile({super.key, required this.coffee, required this.onPressed});
+  CoffeeTile({
+    super.key,
+    required this.coffee,
+    required this.onPressed,
+    required this.icon
+  });
 
   @override
   Widget build(BuildContext context) {
@@ -22,7 +28,7 @@ class CoffeeTile extends StatelessWidget {
         subtitle: Text(coffee.price),
         leading: Image.asset(coffee.imagePath),
         trailing: IconButton(
-            icon: const Icon(Icons.add),
+            icon: icon,
             onPressed: onPressed,
         ),
       ),

lib/pages/cart_page.dart

@@ -1,4 +1,8 @@
 import 'package:flutter/material.dart';
+import 'package:ngopskuy/components/coffee_tile.dart';
+import 'package:ngopskuy/models/coffee.dart';
+import 'package:ngopskuy/models/coffee_shop.dart';
+import 'package:provider/provider.dart';
 
 class CartPage extends StatefulWidget {
   const CartPage({super.key});
@@ -8,10 +12,64 @@ class CartPage extends StatefulWidget {
 }
 
 class _CartPageState extends State<CartPage> {
+  void removeFromCart(Coffee coffee) {
+    Provider.of<CoffeeShop>(context, listen: false).removeItemFromCart(coffee);
+  }
+
+  void payNow() {
+
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Center(
-      child: Text('CART'),
+    return Consumer<CoffeeShop>(
+      builder: (context, value, child) => SafeArea(
+          child: Padding(
+              padding: const EdgeInsets.all(25.0),
+              child: Column(
+                children: [
+                  // heading
+                  const Text(
+                    "Your Cart",
+                    style: TextStyle(fontSize: 20),
+                  ),
+
+                  // list of cart items
+                  Expanded(
+                      child: ListView.builder(
+                          itemCount: value.userCart.length,
+                          itemBuilder: (context, index) {
+                            // get individual cart items
+                            Coffee eachCoffee = value.userCart[index];
+
+                            // return coffee tile
+                            return CoffeeTile(
+                              coffee: eachCoffee,
+                              onPressed: () => removeFromCart(eachCoffee),
+                              icon: const Icon(Icons.remove_circle_outline,
+                                  color: Colors.red),
+                            );
+                          })),
+
+                  // pay button
+                  GestureDetector(
+                    onTap: payNow,
+                    child: Container(
+                        padding: EdgeInsets.all(25),
+                        width: double.infinity,
+                        decoration: BoxDecoration(
+                          color: Colors.brown,
+                          borderRadius: BorderRadius.circular(12),
+                        ),
+                        child: const Center(
+                          child: Text(
+                            "Pay Now",
+                            style: TextStyle(color: Colors.white),
+                          ),
+                        )),
+                  )
+                ],
+              ))),
     );
   }
 }

lib/pages/shop_page.dart

@@ -14,7 +14,11 @@ class ShopPage extends StatefulWidget {
 class _ShopPageState extends State<ShopPage> {
   // add coffee to cart
   void addToCart(Coffee coffee) {
+    // add to cart
     Provider.of<CoffeeShop>(context, listen: false).addItemToCart(coffee);
+
+    // let user know it add beem successfully added
+    showDialog(context: context, builder: (context) => AlertDialog(title: Text("Successfully added to cart")));
   }
 
   @override
@@ -44,6 +48,7 @@ class _ShopPageState extends State<ShopPage> {
                               return CoffeeTile(
                                 coffee: eachCoffee,
                                 onPressed: () => addToCart(eachCoffee),
+                                icon: const Icon(Icons.add_circle_outline, color: Colors.green),
                               );
                             }))
                   ],