add favourites tool

Frontend/lib/mih_apis/mih_mzansi_wallet_apis.dart

@@ -2,6 +2,7 @@ import 'dart:convert';
 
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
+import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 import 'package:mzansi_innovation_hub/mih_objects/loyalty_card.dart';
 import 'package:flutter/material.dart';
 // import '../mih_components/mih_pop_up_messages/mih_error_message.dart';
@@ -40,7 +41,6 @@ class MIHMzansiWalletApis {
     // print("Code: ${response.statusCode}");
     // errorCode = response.statusCode.toString();
     // errorBody = response.body;
-
     if (response.statusCode == 200) {
       //print("Here1");
       Iterable l = jsonDecode(response.body);
@@ -55,6 +55,36 @@ class MIHMzansiWalletApis {
     }
   }
 
+  /// This function is used to fetch a list of loyalty cards for a user.
+  ///
+  /// Patameters: app_id .
+  ///
+  /// Returns List<PatientQueue>.
+  static Future<List<MIHLoyaltyCard>> getFavouriteLoyaltyCards(
+    String app_id,
+  ) async {
+    //print("Patien manager page: $endpoint");
+    final response = await http.get(Uri.parse(
+        "${AppEnviroment.baseApiUrl}/mzasni-wallet/loyalty-cards/favourites/$app_id"));
+    // print("Here");
+    // print("Body: ${response.body}");
+    // print("Code: ${response.statusCode}");
+    // errorCode = response.statusCode.toString();
+    // errorBody = response.body;
+    if (response.statusCode == 200) {
+      // print("Here1");
+      Iterable l = jsonDecode(response.body);
+      //print("Here2");
+      List<MIHLoyaltyCard> patientQueue = List<MIHLoyaltyCard>.from(
+          l.map((model) => MIHLoyaltyCard.fromJson(model)));
+      //print("Here3");
+      //print(patientQueue);
+      return patientQueue;
+    } else {
+      throw Exception('failed to fatch loyalty cards');
+    }
+  }
+
   /// This function is used to Delete loyalty card from users mzansi wallet.
   ///
   /// Patameters:-
@@ -66,6 +96,7 @@ class MIHMzansiWalletApis {
   static Future<void> deleteLoyaltyCardAPICall(
     AppUser signedInUser,
     int idloyalty_cards,
+    int navIndex,
     BuildContext context,
   ) async {
     loadingPopUp(context);
@@ -83,14 +114,16 @@ class MIHMzansiWalletApis {
       Navigator.of(context).pop();
       Navigator.of(context).pop();
       Navigator.of(context).pop();
+      Navigator.of(context).pop();
       Navigator.of(context).pushNamed(
         '/mzansi-wallet',
-        arguments: signedInUser,
+        arguments: WalletArguments(signedInUser, navIndex),
       );
       String message =
           "The loyalty card has been deleted successfully. This means it will no longer be visible in your Mzansi Wallet.";
       successPopUp(message, context);
     } else {
+      Navigator.pop(context);
       internetConnectionPopUp(context);
     }
   }
@@ -110,6 +143,9 @@ class MIHMzansiWalletApis {
     String app_id,
     String shop_name,
     String card_number,
+    String favourite,
+    int priority_index,
+    int navIndex,
     BuildContext context,
   ) async {
     loadingPopUp(context);
@@ -123,6 +159,8 @@ class MIHMzansiWalletApis {
         "app_id": app_id,
         "shop_name": shop_name,
         "card_number": card_number,
+        "favourite": favourite,
+        "priority_index": priority_index,
       }),
     );
     if (response.statusCode == 201) {
@@ -133,7 +171,7 @@ class MIHMzansiWalletApis {
       Navigator.pop(context);
       Navigator.of(context).pushNamed(
         '/mzansi-wallet',
-        arguments: signedInUser,
+        arguments: WalletArguments(signedInUser, navIndex),
       );
       successPopUp(message, context);
     } else {
@@ -142,6 +180,54 @@ class MIHMzansiWalletApis {
     }
   }
 
+  /// This function is used to Update loyalty card from users mzansi wallet.
+  ///
+  /// Patameters:-
+  /// AppUser signedInUser,
+  /// int idloyalty_cards,
+  /// BuildContext context,
+  ///
+  /// Returns VOID (TRIGGERS NOTIGICATIOPN ON SUCCESS)
+  static Future<void> updateLoyaltyCardAPICall(
+    AppUser signedInUser,
+    int idloyalty_cards,
+    String favourite,
+    int priority_index,
+    int navIndex,
+    BuildContext context,
+  ) async {
+    loadingPopUp(context);
+    var response = await http.put(
+      Uri.parse(
+          "${AppEnviroment.baseApiUrl}/mzasni-wallet/loyalty-cards/update/"),
+      headers: <String, String>{
+        "Content-Type": "application/json; charset=UTF-8"
+      },
+      body: jsonEncode(<String, dynamic>{
+        "idloyalty_cards": idloyalty_cards,
+        "favourite": favourite,
+        "priority_index": priority_index,
+      }),
+    );
+    //print("Here4");
+    //print(response.statusCode);
+    if (response.statusCode == 200) {
+      Navigator.of(context).pop();
+      Navigator.of(context).pop();
+      Navigator.of(context).pop();
+      Navigator.of(context).pop();
+      Navigator.of(context).pushNamed(
+        '/mzansi-wallet',
+        arguments: WalletArguments(signedInUser, navIndex),
+      );
+      String message = "The loyalty card has been added to your favourites.";
+      successPopUp(message, context);
+    } else {
+      Navigator.pop(context);
+      internetConnectionPopUp(context);
+    }
+  }
+
   //================== POP UPS ==========================================================================
 
   static void internetConnectionPopUp(BuildContext context) {

Frontend/lib/mih_objects/loyalty_card.dart

@@ -3,12 +3,16 @@ class MIHLoyaltyCard {
   final String app_id;
   final String shop_name;
   final String card_number;
+  final String favourite;
+  final int priority_index;
 
   const MIHLoyaltyCard({
     required this.idloyalty_cards,
     required this.app_id,
     required this.shop_name,
     required this.card_number,
+    required this.favourite,
+    required this.priority_index,
   });
 
   factory MIHLoyaltyCard.fromJson(Map<String, dynamic> json) {
@@ -18,12 +22,16 @@ class MIHLoyaltyCard {
         "app_id": String app_id,
         "shop_name": String shop_name,
         "card_number": String card_number,
+        "favourite": String favourite,
+        "priority_index": int priority_index,
       } =>
         MIHLoyaltyCard(
           idloyalty_cards: idloyalty_cards,
           app_id: app_id,
           shop_name: shop_name,
           card_number: card_number,
+          favourite: favourite,
+          priority_index: priority_index,
         ),
       _ => throw const FormatException('Failed to load loyalty card objects'),
     };

Frontend/lib/mih_packages/mzansi_wallet/builder/build_loyalty_card_list.dart

@@ -1,6 +1,8 @@
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_apis/mih_mzansi_wallet_apis.dart';
-import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_window.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_alert.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_window.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_delete_message.dart';
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
 import 'package:mzansi_innovation_hub/mih_objects/loyalty_card.dart';
@@ -13,10 +15,13 @@ import 'package:barcode_widget/barcode_widget.dart';
 class BuildLoyaltyCardList extends StatefulWidget {
   final AppUser signedInUser;
   final List<MIHLoyaltyCard> cardList;
+  final int navIndex;
+
   const BuildLoyaltyCardList({
     super.key,
     required this.signedInUser,
     required this.cardList,
+    required this.navIndex,
   });
 
   @override
@@ -24,6 +29,8 @@ class BuildLoyaltyCardList extends StatefulWidget {
 }
 
 class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
+  late int _noFavourites;
+
   void deleteCardWindow(BuildContext ctxt, int index) {
     showDialog(
       context: context,
@@ -35,6 +42,7 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
               MIHMzansiWalletApis.deleteLoyaltyCardAPICall(
                 widget.signedInUser,
                 widget.cardList[index].idloyalty_cards,
+                widget.navIndex,
                 context,
               );
             });
@@ -42,6 +50,114 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
     );
   }
 
+  void addToFavCardWindow(BuildContext ctxt, int index) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) {
+        return MihAppAlert(
+          alertIcon: Icon(
+            Icons.favorite,
+            color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            size: 100,
+          ),
+          alertTitle: "Add to Favourites",
+          alertBody: Column(
+            children: [
+              Text(
+                "Are you sure you want to add this card to your favourites?",
+                style: TextStyle(
+                  fontSize: 20,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+              ),
+              const SizedBox(
+                height: 15,
+              ),
+              SizedBox(
+                width: 300,
+                height: 50,
+                child: MIHButton(
+                  onTap: () {
+                    MIHMzansiWalletApis.updateLoyaltyCardAPICall(
+                      widget.signedInUser,
+                      widget.cardList[index].idloyalty_cards,
+                      "Yes",
+                      _noFavourites,
+                      0,
+                      ctxt,
+                    );
+                  },
+                  buttonText: "Add",
+                  buttonColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  textColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+              ),
+            ],
+          ),
+          alertColour: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        );
+      },
+    );
+  }
+
+  void removeFromFavCardWindow(BuildContext ctxt, int index) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) {
+        return MihAppAlert(
+          alertIcon: Icon(
+            Icons.favorite_border,
+            color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            size: 100,
+          ),
+          alertTitle: "Remove From Favourites",
+          alertBody: Column(
+            children: [
+              Text(
+                "Are you sure you want to remove this card from your favourites?",
+                style: TextStyle(
+                  fontSize: 20,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+              ),
+              const SizedBox(
+                height: 15,
+              ),
+              SizedBox(
+                width: 300,
+                height: 50,
+                child: MIHButton(
+                  onTap: () {
+                    MIHMzansiWalletApis.updateLoyaltyCardAPICall(
+                      widget.signedInUser,
+                      widget.cardList[index].idloyalty_cards,
+                      "",
+                      0,
+                      0,
+                      ctxt,
+                    );
+                  },
+                  buttonText: "Remove",
+                  buttonColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  textColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+              ),
+            ],
+          ),
+          alertColour: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        );
+      },
+    );
+  }
+
   void viewCardWindow(int index) {
     //print(widget.cardList[index].card_number);
     String formattedCardNumber = "";
@@ -54,10 +170,11 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
     showDialog(
       context: context,
       barrierDismissible: false,
-      builder: (context) => MIHWindow(
+      builder: (context) => MihAppWindow(
         fullscreen: false,
         windowTitle: widget.cardList[index].shop_name.toUpperCase(),
-        windowTools: [
+        windowTools: Row(
+          children: [
             IconButton(
               onPressed: () {
                 deleteCardWindow(context, index);
@@ -67,11 +184,39 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
                 color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
               ),
             ),
+            Visibility(
+              visible: widget.cardList[index].favourite == "",
+              child: IconButton(
+                onPressed: () {
+                  addToFavCardWindow(context, index);
+                },
+                icon: Icon(
+                  Icons.favorite,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+              ),
+            ),
+            Visibility(
+              visible: widget.cardList[index].favourite != "",
+              child: IconButton(
+                onPressed: () {
+                  removeFromFavCardWindow(context, index);
+                },
+                icon: Icon(
+                  Icons.favorite_border,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+              ),
+            ),
           ],
+        ),
         onWindowTapClose: () {
           Navigator.pop(context);
         },
-        windowBody: [
+        windowBody: Column(
+          children: [
             Container(
               child: MihCardDisplay(
                   shopName: widget.cardList[index].shop_name, height: 250),
@@ -123,6 +268,7 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
             )
           ],
         ),
+      ),
     );
   }
 
@@ -134,6 +280,24 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
     }
   }
 
+  int countFavourites() {
+    int count = 0;
+    for (var card in widget.cardList) {
+      if (card.favourite != "") {
+        count++;
+      }
+    }
+    return count;
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    setState(() {
+      _noFavourites = countFavourites();
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     final Size size = MediaQuery.sizeOf(context);

Frontend/lib/mih_packages/mzansi_wallet/package_tiles/mih_wallet_tile.dart

@@ -3,6 +3,7 @@ import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_
 import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:mzansi_innovation_hub/mih_objects/arguments.dart';
 
 class MihWalletTile extends StatefulWidget {
   final AppUser signedInUser;
@@ -25,7 +26,7 @@ class _MihWalletTileState extends State<MihWalletTile> {
       onTap: () {
         Navigator.of(context).pushNamed(
           '/mzansi-wallet',
-          arguments: widget.signedInUser,
+          arguments: WalletArguments(widget.signedInUser, 0),
         );
       },
       appName: "Mzansi Wallet",

Frontend/lib/mih_packages/mzansi_wallet/package_tools/mih_card_favourites.dart

@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_apis/mih_mzansi_wallet_apis.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-app_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
+import 'package:mzansi_innovation_hub/mih_objects/loyalty_card.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_wallet/builder/build_loyalty_card_list.dart';
+
+class MihCardFavourites extends StatefulWidget {
+  final AppUser signedInUser;
+  const MihCardFavourites({
+    super.key,
+    required this.signedInUser,
+  });
+
+  @override
+  State<MihCardFavourites> createState() => _MihCardFavouritesState();
+}
+
+class _MihCardFavouritesState extends State<MihCardFavourites> {
+  late Future<List<MIHLoyaltyCard>> cardList;
+  List<MIHLoyaltyCard> listOfCards = [];
+
+  @override
+  void initState() {
+    super.initState();
+    cardList = MIHMzansiWalletApis.getFavouriteLoyaltyCards(
+      widget.signedInUser.app_id,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MihAppToolBody(
+      borderOn: true,
+      bodyItem: getBody(),
+    );
+  }
+
+  Widget getBody() {
+    return Stack(
+      children: [
+        MihSingleChildScroll(
+          child: Column(
+            children: [
+              Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Text(
+                    "Favourites",
+                    textAlign: TextAlign.center,
+                    style: TextStyle(
+                      fontSize: 25,
+                      fontWeight: FontWeight.bold,
+                      color: MzanziInnovationHub.of(context)!
+                          .theme
+                          .secondaryColor(),
+                    ),
+                  ),
+                ],
+              ),
+              Divider(
+                color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+              ),
+              FutureBuilder(
+                future: cardList,
+                builder: (context, snapshot) {
+                  if (snapshot.connectionState == ConnectionState.waiting) {
+                    return const Center(
+                      child: Mihloadingcircle(),
+                    );
+                  } else if (snapshot.connectionState == ConnectionState.done &&
+                      snapshot.hasData) {
+                    listOfCards = snapshot.data!;
+                    // searchShop();
+                    return BuildLoyaltyCardList(
+                      cardList: listOfCards,
+                      signedInUser: widget.signedInUser,
+                      navIndex: 0,
+                    );
+                  } else {
+                    return const Center(
+                      child: Text("Error Loading Loyalty Cards"),
+                    );
+                  }
+                },
+              ),
+            ],
+          ),
+        ),
+        // Positioned(
+        //   right: 0,
+        //   bottom: 0,
+        //   child: MihFloatingMenu(
+        //       animatedIcon: AnimatedIcons.menu_close,
+        //       children: [
+        //         SpeedDialChild(
+        //           child: Icon(
+        //             Icons.add,
+        //             color:
+        //                 MzanziInnovationHub.of(context)!.theme.primaryColor(),
+        //           ),
+        //           label: "Add Loyalty Card",
+        //           labelBackgroundColor:
+        //               MzanziInnovationHub.of(context)!.theme.successColor(),
+        //           labelStyle: TextStyle(
+        //             color:
+        //                 MzanziInnovationHub.of(context)!.theme.primaryColor(),
+        //             fontWeight: FontWeight.bold,
+        //           ),
+        //           backgroundColor:
+        //               MzanziInnovationHub.of(context)!.theme.successColor(),
+        //           onTap: () {
+        //             // addCardWindow(context);
+        //           },
+        //         )
+        //       ]),
+        // )
+      ],
+    );
+  }
+}

Frontend/lib/mih_packages/mzansi_wallet/package_tools/mih_cards.dart

@@ -201,6 +201,9 @@ class _MihCardsState extends State<MihCards> {
                     widget.signedInUser.app_id,
                     shopController.text,
                     cardNumberController.text,
+                    "",
+                    0,
+                    1,
                     context,
                   );
                 }
@@ -314,6 +317,7 @@ class _MihCardsState extends State<MihCards> {
                         return BuildLoyaltyCardList(
                           cardList: searchShopName.value,
                           signedInUser: widget.signedInUser,
+                          navIndex: 1,
                         );
                       },
                     );

Frontend/lib/mih_router/routeGenerator.dart

@@ -188,12 +188,12 @@ class RouteGenerator {
 
           // /mzansi wallet
           case '/mzansi-wallet':
-            if (args is AppUser) {
+            if (args is WalletArguments) {
               //print("route generator: $args");
               return MaterialPageRoute(
                 settings: settings,
                 builder: (_) => MihWallet(
-                  signedInUser: args,
+                  arguments: args,
                 ),
                 // MzansiWallet(
                 //   signedInUser: args,