rename container folders

mih_ui/lib/mih_packages/mzansi_profile/business_profile/builders/build_employee_list.dart

@@ -0,0 +1,74 @@
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business_employee.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/components/mih_edit_employee_details_window.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class BuildEmployeeList extends StatefulWidget {
+  const BuildEmployeeList({
+    super.key,
+  });
+
+  @override
+  State<BuildEmployeeList> createState() => _BuildEmployeeListState();
+}
+
+class _BuildEmployeeListState extends State<BuildEmployeeList> {
+  final baseAPI = AppEnviroment.baseApiUrl;
+
+  void updateEmployeePopUp(BusinessEmployee employee) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) => MihEditEmployeeDetailsWindow(
+        employee: employee,
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return ListView.separated(
+          separatorBuilder: (BuildContext context, index) {
+            return Divider(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            );
+          },
+          itemCount: mzansiProfileProvider.employeeList!.length,
+          itemBuilder: (context, index) {
+            //final patient = widget.patients[index].id_no.contains(widget.searchString);
+            //print(index);
+            BusinessEmployee employee =
+                mzansiProfileProvider.employeeList![index];
+            String isMe = "";
+            if (mzansiProfileProvider.user!.app_id ==
+                mzansiProfileProvider.employeeList![index].app_id) {
+              isMe = "(You)";
+            }
+            return ListTile(
+              title: Text(
+                  "${mzansiProfileProvider.employeeList![index].fname} ${mzansiProfileProvider.employeeList![index].lname} - ${mzansiProfileProvider.employeeList![index].title} $isMe"),
+              subtitle: Text(
+                "${mzansiProfileProvider.employeeList![index].username}\n${mzansiProfileProvider.employeeList![index].email}\nAccess: ${mzansiProfileProvider.employeeList![index].access}",
+                style: TextStyle(
+                  color: MihColors.getSecondaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                ),
+              ),
+              onTap: () {
+                updateEmployeePopUp(employee);
+              },
+            );
+          },
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/builders/build_user_list.dart

@@ -0,0 +1,77 @@
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/components/mih_add_employee_window.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class BuildUserList extends StatefulWidget {
+  const BuildUserList({
+    super.key,
+  });
+
+  @override
+  State<BuildUserList> createState() => _BuildUserListState();
+}
+
+class _BuildUserListState extends State<BuildUserList> {
+  final baseAPI = AppEnviroment.baseApiUrl;
+
+  String hideEmail(String email) {
+    var firstLetter = email[0];
+    var end = email.split("@")[1];
+    return "$firstLetter********@$end";
+  }
+
+  void addEmployeePopUp(
+      MzansiProfileProvider profileProvider, int index, double width) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) => MihAddEmployeeWindow(
+        user: profileProvider.userSearchResults[index],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context, MzansiProfileProvider profileProvider,
+          Widget? child) {
+        return ListView.separated(
+          separatorBuilder: (BuildContext context, index) {
+            return Divider(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            );
+          },
+          itemCount: profileProvider.userSearchResults.length,
+          itemBuilder: (context, index) {
+            var isYou = "";
+            if (profileProvider.user!.app_id ==
+                profileProvider.userSearchResults[index].app_id) {
+              isYou = "(You)";
+            }
+            return ListTile(
+              title: Text(
+                  "@${profileProvider.userSearchResults[index].username} $isYou"),
+              subtitle: Text(
+                "Email: ${hideEmail(profileProvider.userSearchResults[index].email)}",
+                style: TextStyle(
+                  color: MihColors.getSecondaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                ),
+              ),
+              onTap: () {
+                addEmployeePopUp(profileProvider, index, screenWidth);
+              },
+            );
+          },
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/busines_profile.dart

@@ -0,0 +1,158 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_action.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tools.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_details.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_qr_code.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_reviews.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_user_search.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_my_business_team.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_my_business_user.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_employee_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_data_helper_services.dart';
+import 'package:provider/provider.dart';
+
+class BusinesProfile extends StatefulWidget {
+  const BusinesProfile({super.key});
+
+  @override
+  State<BusinesProfile> createState() => _BusinesProfileState();
+}
+
+class _BusinesProfileState extends State<BusinesProfile> {
+  bool _isLoadingInitialData = true;
+  late final MihBusinessDetails _businessDetails;
+  late final MihMyBusinessUser _businessUser;
+  late final MihMyBusinessTeam _businessTeam;
+  late final MihBusinessUserSearch _businessUserSearch;
+  late final MihBusinessReviews _businessReviews;
+  late final MihBusinessQrCode _businessQrCode;
+
+  Future<void> _loadInitialData() async {
+    setState(() {
+      _isLoadingInitialData = true;
+    });
+    MzansiProfileProvider mzansiProfileProvider =
+        context.read<MzansiProfileProvider>();
+    if (mzansiProfileProvider.user == null) {
+      await MihDataHelperServices().loadUserDataWithBusinessesData(
+        mzansiProfileProvider,
+      );
+    }
+    await MihBusinessEmployeeServices()
+        .fetchEmployees(mzansiProfileProvider, context);
+    setState(() {
+      _isLoadingInitialData = false;
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _businessDetails = MihBusinessDetails();
+    _businessUser = MihMyBusinessUser();
+    _businessTeam = MihMyBusinessTeam();
+    _businessUserSearch = MihBusinessUserSearch();
+    _businessReviews = MihBusinessReviews(business: null);
+    _businessQrCode = MihBusinessQrCode(business: null);
+    _loadInitialData();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        if (_isLoadingInitialData) {
+          return Scaffold(
+            body: Center(
+              child: Mihloadingcircle(),
+            ),
+          );
+        }
+        return MihPackage(
+          appActionButton: getAction(),
+          appTools: getTools(),
+          appToolTitles: getToolTitle(),
+          appBody: getToolBody(),
+          selectedbodyIndex: mzansiProfileProvider.businessIndex,
+          onIndexChange: (newIndex) {
+            mzansiProfileProvider.setBusinessIndex(newIndex);
+          },
+        );
+      },
+    );
+  }
+
+  MihPackageAction getAction() {
+    return MihPackageAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        MzansiProfileProvider mzansiProfileProvider =
+            context.read<MzansiProfileProvider>();
+        context.goNamed(
+          'mihHome',
+        );
+        mzansiProfileProvider.setHideBusinessUserDetails(true);
+        mzansiProfileProvider.setBusinessIndex(0);
+        FocusScope.of(context).unfocus();
+      },
+    );
+  }
+
+  MihPackageTools getTools() {
+    Map<Widget, void Function()?> temp = {};
+    temp[const Icon(Icons.business)] = () {
+      context.read<MzansiProfileProvider>().setBusinessIndex(0);
+    };
+    temp[const Icon(Icons.person)] = () {
+      context.read<MzansiProfileProvider>().setBusinessIndex(1);
+    };
+    temp[const Icon(Icons.people)] = () {
+      context.read<MzansiProfileProvider>().setBusinessIndex(2);
+    };
+    temp[const Icon(Icons.add)] = () {
+      context
+          .read<MzansiProfileProvider>()
+          .setUserearchResults(userSearchResults: []);
+      context.read<MzansiProfileProvider>().setBusinessIndex(3);
+    };
+    temp[const Icon(Icons.star_rate_rounded)] = () {
+      context.read<MzansiProfileProvider>().setBusinessIndex(4);
+    };
+    temp[const Icon(Icons.qr_code_rounded)] = () {
+      context.read<MzansiProfileProvider>().setBusinessIndex(5);
+    };
+    return MihPackageTools(
+      tools: temp,
+      selcetedIndex: context.watch<MzansiProfileProvider>().businessIndex,
+    );
+  }
+
+  List<String> getToolTitle() {
+    List<String> toolTitles = [
+      "Profile",
+      "User",
+      "Team",
+      "Add",
+      "Reviews",
+      "Share",
+    ];
+    return toolTitles;
+  }
+
+  List<Widget> getToolBody() {
+    return [
+      _businessDetails,
+      _businessUser,
+      _businessTeam,
+      _businessUserSearch,
+      _businessReviews,
+      _businessQrCode,
+    ];
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_add_bookmark_alert.dart

@@ -0,0 +1,206 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_directory_provider.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_mzansi_directory_services.dart';
+import 'package:provider/provider.dart';
+
+class MihAddBookmarkAlert extends StatefulWidget {
+  final Business business;
+  final void Function()? onSuccessDismissPressed;
+  const MihAddBookmarkAlert({
+    super.key,
+    required this.business,
+    required this.onSuccessDismissPressed,
+  });
+
+  @override
+  State<MihAddBookmarkAlert> createState() => _MihAddBookmarkAlertState();
+}
+
+class _MihAddBookmarkAlertState extends State<MihAddBookmarkAlert> {
+  Future<void> getFavouriteBusinesses() async {
+    MzansiDirectoryProvider directoryProvider =
+        context.read<MzansiDirectoryProvider>();
+    MzansiProfileProvider profileProvider =
+        context.read<MzansiProfileProvider>();
+    await MihMzansiDirectoryServices().getAllUserBookmarkedBusiness(
+      profileProvider.user!.app_id,
+      directoryProvider,
+    );
+    List<Business> favBus = [];
+    Map<String, Future<String>> favBusImages = {};
+    Future<String> businessLogoUrl;
+    for (var bus in directoryProvider.bookmarkedBusinesses) {
+      await MihBusinessDetailsServices()
+          .getBusinessDetailsByBusinessId(bus.business_id)
+          .then((business) async {
+        favBus.add(business!);
+        businessLogoUrl = MihFileApi.getMinioFileUrl(business.logo_path);
+        favBusImages[business.business_id] = businessLogoUrl;
+      });
+    }
+    directoryProvider.setFavouriteBusinesses(
+      businesses: favBus,
+      businessesImagesUrl: favBusImages,
+    );
+  }
+
+  Future<void> addBookmark(
+      MzansiProfileProvider profileProvider, String business_id) async {
+    showDialog(
+      context: context,
+      builder: (context) {
+        return const Mihloadingcircle();
+      },
+    );
+    await MihMzansiDirectoryServices()
+        .addBookmarkedBusiness(profileProvider.user!.app_id, business_id)
+        .then((statusCode) {
+      context.pop();
+      if (statusCode == 201) {
+        successPopUp(
+          "Successfully Bookmarked Business!",
+          "${widget.business.Name} has successfully been added to favourite businessess in the Mzansi Directory.",
+        );
+      } else {
+        MihAlertServices().errorBasicAlert(
+          "Error Adding Bookmark",
+          "An error occured while add ${widget.business.Name} to you Mzansi Directory, Please try again later.",
+          context,
+        );
+      }
+    });
+  }
+
+  void successPopUp(String title, String message) {
+    MihAlertServices().successAdvancedAlert(
+      title,
+      message,
+      [
+        MihButton(
+          onPressed: () async {
+            await getFavouriteBusinesses();
+            widget.onSuccessDismissPressed!.call();
+            context.pop();
+            context.pop();
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      context,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context, MzansiProfileProvider profileProvider,
+          Widget? child) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: null,
+          onWindowTapClose: null,
+          backgroundColor: MihColors.getSecondaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          windowBody: Column(
+            children: [
+              Icon(
+                Icons.warning_rounded,
+                size: 150,
+                color: MihColors.getPrimaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              ),
+              Text(
+                "Bookmark Business",
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: MihColors.getPrimaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  fontSize: 25,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 15),
+              Text(
+                "Are you sure you want to save ${widget.business.Name} to your Mzansi Directory?",
+                style: TextStyle(
+                  color: MihColors.getPrimaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  fontSize: 18,
+                ),
+              ),
+              const SizedBox(height: 25),
+              Wrap(
+                runAlignment: WrapAlignment.center,
+                crossAxisAlignment: WrapCrossAlignment.center,
+                alignment: WrapAlignment.center,
+                spacing: 10,
+                runSpacing: 10,
+                children: [
+                  MihButton(
+                    width: 300,
+                    onPressed: () async {
+                      Navigator.of(context).pop();
+                    },
+                    buttonColor: MihColors.getRedColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    child: Text(
+                      "Cancel",
+                      style: TextStyle(
+                        color: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        fontSize: 20,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ),
+                  MihButton(
+                    width: 300,
+                    onPressed: () {
+                      addBookmark(profileProvider, widget.business.business_id);
+                    },
+                    buttonColor: MihColors.getGreenColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    child: Text(
+                      "Bookmark Business",
+                      style: TextStyle(
+                        color: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        fontSize: 20,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_add_employee_window.dart

@@ -0,0 +1,203 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_dropdwn_field.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_employee_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihAddEmployeeWindow extends StatefulWidget {
+  final AppUser user;
+  const MihAddEmployeeWindow({
+    super.key,
+    required this.user,
+  });
+
+  @override
+  State<MihAddEmployeeWindow> createState() => _MihAddEmployeeWindowState();
+}
+
+class _MihAddEmployeeWindowState extends State<MihAddEmployeeWindow> {
+  TextEditingController accessController = TextEditingController();
+  TextEditingController usernameController = TextEditingController();
+  TextEditingController emailController = TextEditingController();
+  final _formKey = GlobalKey<FormState>();
+
+  Future<void> createBusinessUserAPICall(
+      MzansiProfileProvider mzansiProfileProvider) async {
+    int statusCode = await MihBusinessEmployeeServices().addEmployee(
+      mzansiProfileProvider,
+      widget.user,
+      accessController.text,
+      context,
+    );
+    if (statusCode == 201) {
+      String message =
+          "${widget.user.username} is now apart of your team with ${accessController.text} access to ${mzansiProfileProvider.business!.Name}";
+      successPopUp(message, false);
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  void successPopUp(String message, bool stayOnPersonalSide) {
+    MihAlertServices().successAdvancedAlert(
+      "Successfully Added Employee",
+      message,
+      [
+        MihButton(
+          onPressed: () {
+            context.pop();
+            context.pop();
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        )
+      ],
+      context,
+    );
+  }
+
+  bool isRequiredFieldsCaptured() {
+    if (accessController.text.isEmpty) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    accessController.dispose();
+    usernameController.dispose();
+    emailController.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    usernameController.text = widget.user.username;
+    emailController.text = widget.user.email;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: "Add Employee",
+          windowBody: Padding(
+            padding:
+                MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                    ? EdgeInsets.symmetric(horizontal: screenWidth * 0.05)
+                    : const EdgeInsets.symmetric(horizontal: 0),
+            child: Column(
+              children: [
+                MihForm(
+                  formKey: _formKey,
+                  formFields: [
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: usernameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "Username",
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: emailController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "Email",
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihDropdownField(
+                      controller: accessController,
+                      hintText: "Access Type",
+                      dropdownOptions: const ["Full", "Partial"],
+                      editable: true,
+                      enableSearch: true,
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                      requiredText: true,
+                    ),
+                    const SizedBox(height: 15.0),
+                    Center(
+                      child: MihButton(
+                        onPressed: () {
+                          if (_formKey.currentState!.validate()) {
+                            if (isRequiredFieldsCaptured()) {
+                              createBusinessUserAPICall(mzansiProfileProvider);
+                            } else {
+                              MihAlertServices().inputErrorAlert(context);
+                            }
+                          } else {
+                            MihAlertServices().inputErrorAlert(context);
+                          }
+                        },
+                        buttonColor: MihColors.getGreenColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        width: 300,
+                        child: Text(
+                          "Add",
+                          style: TextStyle(
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+          onWindowTapClose: () {
+            Navigator.pop(context);
+          },
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_delete_bookmark_alert.dart

@@ -0,0 +1,205 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/bookmarked_business.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_directory_provider.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_mzansi_directory_services.dart';
+import 'package:provider/provider.dart';
+
+class MihDeleteBookmarkAlert extends StatefulWidget {
+  final Business business;
+  final BookmarkedBusiness? bookmarkBusiness;
+  final void Function()? onSuccessDismissPressed;
+  // final String? startUpSearch;
+  const MihDeleteBookmarkAlert({
+    super.key,
+    required this.business,
+    required this.bookmarkBusiness,
+    required this.onSuccessDismissPressed,
+    // required this.startUpSearch,
+  });
+
+  @override
+  State<MihDeleteBookmarkAlert> createState() => _MihDeleteBookmarkAlertState();
+}
+
+class _MihDeleteBookmarkAlertState extends State<MihDeleteBookmarkAlert> {
+  Future<void> getFavouriteBusinesses() async {
+    MzansiDirectoryProvider directoryProvider =
+        context.read<MzansiDirectoryProvider>();
+    MzansiProfileProvider profileProvider =
+        context.read<MzansiProfileProvider>();
+    await MihMzansiDirectoryServices().getAllUserBookmarkedBusiness(
+      profileProvider.user!.app_id,
+      directoryProvider,
+    );
+    List<Business> favBus = [];
+    Map<String, Future<String>> favBusImages = {};
+    Future<String> businessLogoUrl;
+    for (var bus in directoryProvider.bookmarkedBusinesses) {
+      await MihBusinessDetailsServices()
+          .getBusinessDetailsByBusinessId(bus.business_id)
+          .then((business) async {
+        favBus.add(business!);
+        businessLogoUrl = MihFileApi.getMinioFileUrl(business.logo_path);
+        favBusImages[business.business_id] = businessLogoUrl;
+      });
+    }
+    directoryProvider.setFavouriteBusinesses(
+      businesses: favBus,
+      businessesImagesUrl: favBusImages,
+    );
+  }
+
+  Future<void> deleteBookmark(int idbookmarked_businesses) async {
+    showDialog(
+      context: context,
+      builder: (context) {
+        return const Mihloadingcircle();
+      },
+    );
+    await MihMzansiDirectoryServices()
+        .deleteBookmarkedBusiness(idbookmarked_businesses)
+        .then((statusCode) {
+      context.pop();
+      if (statusCode == 200) {
+        successPopUp(
+          "Successfully Removed Bookmark!",
+          "${widget.business.Name} has successfully been removed your favourite businessess in the Mzansi Directory.",
+        );
+      } else {
+        MihAlertServices().errorBasicAlert(
+          "Error Adding Bookmark",
+          "An error occured while add ${widget.business.Name} to you Mzansi Directory, Please try again later.",
+          context,
+        );
+      }
+    });
+  }
+
+  void successPopUp(String title, String message) {
+    MihAlertServices().successAdvancedAlert(
+      title,
+      message,
+      [
+        MihButton(
+          onPressed: () async {
+            await getFavouriteBusinesses();
+            widget.onSuccessDismissPressed!.call();
+            context.pop();
+            context.pop();
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        )
+      ],
+      context,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MihPackageWindow(
+      fullscreen: false,
+      windowTitle: null,
+      onWindowTapClose: null,
+      backgroundColor: MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+      windowBody: Column(
+        children: [
+          Icon(
+            Icons.warning_rounded,
+            size: 150,
+            color: MihColors.getPrimaryColor(
+                MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          ),
+          Text(
+            "Remove Bookmark",
+            textAlign: TextAlign.center,
+            style: TextStyle(
+              color: MihColors.getPrimaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 25,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+          const SizedBox(height: 15),
+          Text(
+            "Are you sure you want to remove ${widget.business.Name} from your Mzansi Directory?",
+            style: TextStyle(
+              color: MihColors.getPrimaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 18,
+            ),
+          ),
+          const SizedBox(height: 25),
+          Wrap(
+            runAlignment: WrapAlignment.center,
+            crossAxisAlignment: WrapCrossAlignment.center,
+            alignment: WrapAlignment.center,
+            spacing: 10,
+            runSpacing: 10,
+            children: [
+              MihButton(
+                width: 300,
+                onPressed: () async {
+                  Navigator.of(context).pop();
+                },
+                buttonColor: MihColors.getGreenColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                child: Text(
+                  "Cancel",
+                  style: TextStyle(
+                    color: MihColors.getPrimaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    fontSize: 20,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+              MihButton(
+                width: 300,
+                onPressed: () {
+                  // todo: remove bookmark
+                  deleteBookmark(
+                      widget.bookmarkBusiness!.idbookmarked_businesses);
+                },
+                buttonColor: MihColors.getRedColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                child: Text(
+                  "Remove Business",
+                  style: TextStyle(
+                    color: MihColors.getPrimaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    fontSize: 20,
+                    fontWeight: FontWeight.bold,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_edit_employee_details_window.dart

@@ -0,0 +1,271 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_speed_dial/flutter_speed_dial.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business_employee.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_dropdwn_field.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_employee_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihEditEmployeeDetailsWindow extends StatefulWidget {
+  final BusinessEmployee employee;
+  const MihEditEmployeeDetailsWindow({
+    super.key,
+    required this.employee,
+  });
+
+  @override
+  State<MihEditEmployeeDetailsWindow> createState() =>
+      _MihEditEmployeeDetailsWindowState();
+}
+
+class _MihEditEmployeeDetailsWindowState
+    extends State<MihEditEmployeeDetailsWindow> {
+  TextEditingController accessController = TextEditingController();
+  TextEditingController titleController = TextEditingController();
+  TextEditingController fnameController = TextEditingController();
+  TextEditingController lnameController = TextEditingController();
+  final _formKey = GlobalKey<FormState>();
+
+  void updateEmployeeAPICall(
+      MzansiProfileProvider mzansiProfileProvider) async {
+    int statusCode = await MihBusinessEmployeeServices().updateEmployeeDetails(
+        mzansiProfileProvider,
+        widget.employee,
+        titleController.text,
+        accessController.text,
+        context);
+    if (statusCode == 200) {
+      String message = "Your employees details have been updated.";
+      successPopUp(message, false);
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  Future<void> deleteEmployeeApiCall() async {
+    int statusCode = await MihBusinessEmployeeServices().deleteEmployee(
+      context.read<MzansiProfileProvider>(),
+      widget.employee,
+      context,
+    );
+    if (statusCode == 200) {
+      String message =
+          "The employee has been deleted successfully. This means they will no longer have access to your business profile";
+      context.pop();
+      successPopUp(message, false);
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  void showDeleteWarning() {
+    MihAlertServices().deleteConfirmationAlert(
+      "This team member will be deleted permanently from the business profile. Are you certain you want to delete it?",
+      () {
+        deleteEmployeeApiCall();
+      },
+      context,
+    );
+  }
+
+  void successPopUp(String message, bool stayOnPersonalSide) {
+    MihAlertServices().successAdvancedAlert(
+      "Successfully Updated Employee Details",
+      message,
+      [
+        MihButton(
+          onPressed: () {
+            context.pop();
+            context.pop();
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      context,
+    );
+  }
+
+  bool isRequiredFieldsCaptured() {
+    if (accessController.text.isEmpty || titleController.text.isEmpty) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  @override
+  void dispose() {
+    accessController.dispose();
+    titleController.dispose();
+    fnameController.dispose();
+    lnameController.dispose();
+    super.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    fnameController.text = widget.employee.fname;
+    lnameController.text = widget.employee.lname;
+    titleController.text = widget.employee.title;
+    accessController.text = widget.employee.access;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: "Employee Details",
+          menuOptions: [
+            SpeedDialChild(
+              child: Icon(
+                Icons.delete,
+                color: MihColors.getPrimaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              ),
+              label: "Delete Employee",
+              labelBackgroundColor: MihColors.getGreenColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              labelStyle: TextStyle(
+                color: MihColors.getPrimaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                fontWeight: FontWeight.bold,
+              ),
+              backgroundColor: MihColors.getGreenColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              onTap: () {
+                showDeleteWarning();
+              },
+            ),
+          ],
+          onWindowTapClose: () {
+            Navigator.pop(context);
+          },
+          windowBody: Padding(
+            padding:
+                MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                    ? EdgeInsets.symmetric(horizontal: screenWidth * 0.05)
+                    : const EdgeInsets.symmetric(horizontal: 0),
+            child: Column(
+              children: [
+                MihForm(
+                  formKey: _formKey,
+                  formFields: [
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: fnameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "First Name",
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: lnameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "Surname",
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: titleController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "Title",
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihDropdownField(
+                      controller: accessController,
+                      hintText: "Access Type",
+                      dropdownOptions: const ["Full", "Partial"],
+                      editable: true,
+                      enableSearch: true,
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                      requiredText: true,
+                    ),
+                    const SizedBox(height: 20.0),
+                    Center(
+                      child: MihButton(
+                        onPressed: () {
+                          if (_formKey.currentState!.validate()) {
+                            if (isRequiredFieldsCaptured()) {
+                              updateEmployeeAPICall(mzansiProfileProvider);
+                            } else {
+                              MihAlertServices().inputErrorAlert(context);
+                            }
+                          } else {
+                            MihAlertServices().inputErrorAlert(context);
+                          }
+                        },
+                        buttonColor: MihColors.getGreenColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        width: 300,
+                        child: Text(
+                          "Update",
+                          style: TextStyle(
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_review_business_window.dart

@@ -0,0 +1,550 @@
+import 'package:custom_rating_bar/custom_rating_bar.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_speed_dial/flutter_speed_dial.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business_review.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_directory_provider.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_mzansi_directory_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihReviewBusinessWindow extends StatefulWidget {
+  final Business business;
+  final BusinessReview? businessReview;
+  final double screenWidth;
+  final bool readOnly;
+  final void Function()? onSuccessDismissPressed;
+  const MihReviewBusinessWindow({
+    super.key,
+    required this.business,
+    required this.businessReview,
+    required this.screenWidth,
+    required this.readOnly,
+    required this.onSuccessDismissPressed,
+  });
+
+  @override
+  State<MihReviewBusinessWindow> createState() =>
+      _MihReviewBusinessWindowState();
+}
+
+class _MihReviewBusinessWindowState extends State<MihReviewBusinessWindow> {
+  final _formKey = GlobalKey<FormState>();
+  final TextEditingController _reviewTitleController = TextEditingController();
+  final TextEditingController _reviewScoreController = TextEditingController();
+  final TextEditingController _reviewReviewerController =
+      TextEditingController();
+  final TextEditingController _reviewDescriptionController =
+      TextEditingController();
+  late final VoidCallback _reviewDescriptionListener;
+  final ValueNotifier<int> _counter = ValueNotifier<int>(0);
+
+  void showDeleteReviewAlert(MzansiDirectoryProvider directoryProvider) {
+    MihAlertServices().errorAdvancedAlert(
+      "Delete Review",
+      "Are you sure you want to delete this review? This action cannot be undone.",
+      [
+        MihButton(
+          width: 300,
+          onPressed: () async {
+            showDialog(
+              context: context,
+              builder: (context) {
+                return const Mihloadingcircle();
+              },
+            );
+            await MihMzansiDirectoryServices()
+                .deleteBusinessReview(
+              widget.businessReview!.idbusiness_ratings,
+              widget.businessReview!.business_id,
+              widget.businessReview!.rating_score,
+              widget.business.rating,
+            )
+                .then((statusCode) async {
+              context.pop(); //Remove loading dialog
+              context.pop(); //Remove delete dialog
+              if (statusCode == 200) {
+                await refreshBusiness(directoryProvider);
+                successPopUp(
+                  "Successfully Deleted Review!",
+                  "Your review has successfully been delete and will no longer appear under the business.",
+                );
+              } else {
+                MihAlertServices().errorBasicAlert(
+                  "Error Deleting Review",
+                  "There was an error deleting your review. Please try again later.",
+                  context,
+                );
+              }
+            });
+          },
+          buttonColor: MihColors.getSecondaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          child: Text(
+            "Delete",
+            style: TextStyle(
+              color: MihColors.getPrimaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+        MihButton(
+          width: 300,
+          onPressed: () {
+            context.pop();
+          },
+          buttonColor: MihColors.getGreenColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          child: Text(
+            "Cancel",
+            style: TextStyle(
+              color: MihColors.getPrimaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      context,
+    );
+  }
+
+  Color getMissionVisionLimitColor(int limit) {
+    if (_counter.value <= limit) {
+      return MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    } else {
+      return MihColors.getRedColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    }
+  }
+
+  Future<void> refreshBusiness(
+      MzansiDirectoryProvider directoryProvider) async {
+    Business? refresedBusiness = await MihBusinessDetailsServices()
+        .getBusinessDetailsByBusinessId(widget.business.business_id);
+    if (refresedBusiness != null) {
+      directoryProvider.setSelectedBusiness(business: refresedBusiness);
+    }
+  }
+
+  void submitForm(
+    MzansiProfileProvider profileProvider,
+    MzansiDirectoryProvider directoryProvider,
+  ) async {
+    showDialog(
+      context: context,
+      builder: (context) {
+        return const Mihloadingcircle();
+      },
+    );
+    if (widget.businessReview != null) {
+      await MihMzansiDirectoryServices()
+          .updateBusinessReview(
+        widget.businessReview!.idbusiness_ratings,
+        widget.businessReview!.business_id,
+        _reviewTitleController.text,
+        _reviewDescriptionController.text,
+        _reviewScoreController.text,
+        widget.businessReview!.rating_score,
+        widget.business.rating,
+      )
+          .then((statusCode) async {
+        context.pop(); //Remove loading dialog
+        if (statusCode == 200) {
+          await refreshBusiness(directoryProvider);
+          successPopUp(
+            "Successfully Updated Review!",
+            "Your review has successfully been updated and will now appear under the business.",
+          );
+        } else {
+          MihAlertServices().errorBasicAlert(
+            "Error Updating Review",
+            "There was an error updating your review. Please try again later.",
+            context,
+          );
+        }
+      });
+    } else {
+      await MihMzansiDirectoryServices()
+          .addBusinessReview(
+        profileProvider.user!.app_id,
+        widget.business.business_id,
+        _reviewTitleController.text,
+        _reviewDescriptionController.text,
+        _reviewScoreController.text,
+        widget.business.rating.isEmpty ? "0.0" : widget.business.rating,
+      )
+          .then((statusCode) async {
+        context.pop(); //Remove loading dialog
+        if (statusCode == 201) {
+          await refreshBusiness(directoryProvider);
+          successPopUp(
+            "Successfully Added Review!",
+            "Your review has successfully been added and will now appear under the business.",
+          );
+        } else {
+          MihAlertServices().errorBasicAlert(
+            "Error Adding Review",
+            "There was an error adding your review. Please try again later.",
+            context,
+          );
+        }
+      });
+    }
+  }
+
+  void successPopUp(String title, String message) {
+    MihAlertServices().successAdvancedAlert(
+      title,
+      message,
+      [
+        MihButton(
+          onPressed: () {
+            context.pop();
+            context.pop();
+            widget.onSuccessDismissPressed!.call();
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      context,
+    );
+  }
+
+  String getWindowTitle() {
+    if (widget.readOnly) {
+      return "Review Details";
+    } else if (widget.businessReview != null) {
+      return "Update Review";
+    } else {
+      return "Add Review";
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    _reviewDescriptionController.removeListener(_reviewDescriptionListener);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _reviewDescriptionListener = () {
+      setState(() {
+        _counter.value = _reviewDescriptionController.text.characters.length;
+      });
+    };
+    _reviewDescriptionController.addListener(_reviewDescriptionListener);
+    if (widget.businessReview != null) {
+      setState(() {
+        _reviewTitleController.text = widget.businessReview!.rating_title;
+        _reviewDescriptionController.text =
+            widget.businessReview!.rating_description;
+        _reviewScoreController.text = widget.businessReview!.rating_score;
+        _reviewReviewerController.text = widget.businessReview!.reviewer;
+      });
+    } else {
+      _reviewScoreController.text = "1.0"; // Default score
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // return const Placeholder();
+    return Consumer2<MzansiProfileProvider, MzansiDirectoryProvider>(
+      builder: (BuildContext context, MzansiProfileProvider profileProvider,
+          MzansiDirectoryProvider directoryProvider, Widget? child) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: getWindowTitle(),
+          onWindowTapClose: () {
+            Navigator.of(context).pop();
+          },
+          menuOptions: widget.businessReview != null && !widget.readOnly
+              ? [
+                  SpeedDialChild(
+                    child: Icon(
+                      Icons.delete,
+                      color: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                    ),
+                    label: "Delete Review",
+                    labelBackgroundColor: MihColors.getGreenColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    labelStyle: TextStyle(
+                      color: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      fontWeight: FontWeight.bold,
+                    ),
+                    backgroundColor: MihColors.getGreenColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    onTap: () {
+                      showDeleteReviewAlert(directoryProvider);
+                    },
+                  ),
+                ]
+              : null,
+          windowBody: MihSingleChildScroll(
+            child: Padding(
+              padding: MzansiInnovationHub.of(context)!.theme.screenType ==
+                      "desktop"
+                  ? EdgeInsets.symmetric(horizontal: widget.screenWidth * 0.05)
+                  : EdgeInsets.symmetric(horizontal: widget.screenWidth * 0),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.center,
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  MihForm(
+                    formKey: _formKey,
+                    formFields: [
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          Text(
+                            "Business Rating",
+                            textAlign: TextAlign.left,
+                            style: TextStyle(
+                              color: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              fontSize: 18,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 4),
+                      widget.readOnly
+                          ? RatingBar.readOnly(
+                              size: 50,
+                              alignment: Alignment.centerLeft,
+                              filledIcon: Icons.star,
+                              emptyIcon: Icons.star_border,
+                              halfFilledIcon: Icons.star_half,
+                              filledColor: MihColors.getYellowColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              // filledColor: MzansiInnovationHub.of(context)!
+                              //     .theme
+                              //     .secondaryColor(),
+                              emptyColor: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              halfFilledColor: MihColors.getYellowColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              // MzansiInnovationHub.of(context)!
+                              //     .theme
+                              //     .secondaryColor(),
+                              isHalfAllowed: true,
+                              initialRating: widget.businessReview != null
+                                  ? double.parse(_reviewScoreController.text)
+                                  : 1,
+                              maxRating: 5,
+                            )
+                          : RatingBar(
+                              size: 50,
+                              alignment: Alignment.centerLeft,
+                              filledIcon: Icons.star,
+                              emptyIcon: Icons.star_border,
+                              halfFilledIcon: Icons.star_half,
+                              filledColor: MihColors.getYellowColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              emptyColor: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              halfFilledColor: MihColors.getYellowColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              isHalfAllowed: true,
+                              initialRating: widget.businessReview != null
+                                  ? double.parse(_reviewScoreController.text)
+                                  : 1,
+                              maxRating: 5,
+                              onRatingChanged: (double) {
+                                setState(() {
+                                  _reviewScoreController.text =
+                                      double.toStringAsFixed(1);
+                                });
+                                print(_reviewScoreController.text);
+                              },
+                            ),
+                      Visibility(
+                        visible: widget.readOnly,
+                        child: const SizedBox(height: 10),
+                      ),
+                      Visibility(
+                        visible: widget.readOnly,
+                        child: MihTextFormField(
+                          // width: 200,
+                          fillColor: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          inputColor: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          controller: _reviewReviewerController,
+                          multiLineInput: false,
+                          requiredText: true,
+                          readOnly: true,
+                          hintText: "Reviewer",
+                          validator: (value) {
+                            return null;
+                          },
+                        ),
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        // width: 200,
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: _reviewTitleController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: widget.readOnly,
+                        hintText: "Review Title",
+                        validator: (value) {
+                          return MihValidationServices()
+                              .isEmpty(_reviewTitleController.text);
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        height: 250,
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: _reviewDescriptionController,
+                        multiLineInput: true,
+                        requiredText: widget.readOnly,
+                        readOnly: widget.readOnly,
+                        hintText: "Review Description",
+                        validator: (value) {
+                          if (_reviewDescriptionController.text.isEmpty) {
+                            return null;
+                          } else {
+                            return MihValidationServices().validateLength(
+                                _reviewDescriptionController.text, 256);
+                          }
+                        },
+                      ),
+                      Visibility(
+                        visible: !widget.readOnly,
+                        child: SizedBox(
+                          height: 15,
+                          child: ValueListenableBuilder(
+                            valueListenable: _counter,
+                            builder: (BuildContext context, int value,
+                                Widget? child) {
+                              return Row(
+                                mainAxisSize: MainAxisSize.max,
+                                mainAxisAlignment: MainAxisAlignment.end,
+                                children: [
+                                  Text(
+                                    "$value",
+                                    style: TextStyle(
+                                      color: getMissionVisionLimitColor(256),
+                                      fontWeight: FontWeight.bold,
+                                    ),
+                                  ),
+                                  const SizedBox(width: 5),
+                                  Text(
+                                    "/256",
+                                    style: TextStyle(
+                                      color: getMissionVisionLimitColor(256),
+                                      fontWeight: FontWeight.bold,
+                                    ),
+                                  ),
+                                ],
+                              );
+                            },
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 25),
+                      Visibility(
+                        visible: !widget.readOnly,
+                        child: Center(
+                          child: MihButton(
+                            onPressed: () {
+                              if (_formKey.currentState!.validate()) {
+                                submitForm(
+                                  profileProvider,
+                                  directoryProvider,
+                                );
+                              } else {
+                                MihAlertServices().inputErrorAlert(context);
+                              }
+                            },
+                            buttonColor: MihColors.getGreenColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            width: 300,
+                            child: Text(
+                              widget.businessReview != null
+                                  ? "Update Review"
+                                  : "Add Review",
+                              style: TextStyle(
+                                color: MihColors.getPrimaryColor(
+                                    MzansiInnovationHub.of(context)!
+                                            .theme
+                                            .mode ==
+                                        "Dark"),
+                                fontSize: 20,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_update_business_details_window.dart

@@ -0,0 +1,620 @@
+import 'package:country_code_picker/country_code_picker.dart';
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ken_logger/ken_logger.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_location_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihUpdateBusinessDetailsWindow extends StatefulWidget {
+  final double width;
+  const MihUpdateBusinessDetailsWindow({
+    super.key,
+    required this.width,
+  });
+
+  @override
+  State<MihUpdateBusinessDetailsWindow> createState() =>
+      _MihUpdateBusinessDetailsWindowState();
+}
+
+class _MihUpdateBusinessDetailsWindowState
+    extends State<MihUpdateBusinessDetailsWindow> {
+  final _formKey = GlobalKey<FormState>();
+  PlatformFile? newSelectedLogoPic;
+  final fileNameController = TextEditingController();
+  final regController = TextEditingController();
+  final nameController = TextEditingController();
+  final typeController = TextEditingController();
+  final practiceNoController = TextEditingController();
+  final vatNoController = TextEditingController();
+  final countryCodeController = TextEditingController();
+  final contactController = TextEditingController();
+  final emailController = TextEditingController();
+  final locationController = TextEditingController();
+  final websiteController = TextEditingController();
+  final ratingController = TextEditingController();
+  final missionVisionController = TextEditingController();
+  final ValueNotifier<int> _counter = ValueNotifier<int>(0);
+  late String env;
+
+  void setContactNumberControllers(
+      MzansiProfileProvider mzansiProfileProvider) {
+    if (mzansiProfileProvider.business!.contact_no[0] == "+") {
+      List<String> contactDetails =
+          mzansiProfileProvider.business!.contact_no.split("-");
+      setState(() {
+        countryCodeController.text = contactDetails[0];
+        contactController.text = contactDetails[1];
+      });
+    } else {
+      setState(() {
+        countryCodeController.text = "+27";
+        contactController.text = mzansiProfileProvider.business!.contact_no;
+      });
+    }
+  }
+
+  void setControllers() {
+    MzansiProfileProvider mzansiProfileProvider =
+        context.read<MzansiProfileProvider>();
+    setState(() {
+      fileNameController.text =
+          mzansiProfileProvider.business!.logo_path.split("/").last;
+      regController.text = mzansiProfileProvider.business!.registration_no;
+      nameController.text = mzansiProfileProvider.business!.Name;
+      typeController.text = mzansiProfileProvider.business!.type;
+      practiceNoController.text = mzansiProfileProvider.business!.practice_no;
+      vatNoController.text = mzansiProfileProvider.business!.vat_no;
+      emailController.text = mzansiProfileProvider.business!.bus_email;
+      locationController.text = mzansiProfileProvider.business!.gps_location;
+      websiteController.text = mzansiProfileProvider.business!.website;
+      ratingController.text = mzansiProfileProvider.business!.rating;
+      missionVisionController.text =
+          mzansiProfileProvider.business!.mission_vision;
+    });
+    setContactNumberControllers(mzansiProfileProvider);
+    if (AppEnviroment.getEnv() == "Prod") {
+      env = "Prod";
+    } else {
+      env = "Dev";
+    }
+  }
+
+  Color getMissionVisionLimitColor(int limit) {
+    if (_counter.value <= limit) {
+      return MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    } else {
+      return MihColors.getRedColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    }
+  }
+
+  void _updateMissionVisionCounter() {
+    // New function name
+    // No need for setState since you are using a ValueNotifier for _counter
+    _counter.value = missionVisionController.text.characters.length;
+  }
+
+  String getNumberWithCountryCode() {
+    String numberWithoutBeginingZero = "";
+    if (contactController.text[0] == "0") {
+      numberWithoutBeginingZero = contactController.text
+          .replaceAll(" ", "")
+          .substring(1, contactController.text.length);
+    } else {
+      numberWithoutBeginingZero = contactController.text.replaceAll("-", " ");
+    }
+    return "${countryCodeController.text}-$numberWithoutBeginingZero";
+  }
+
+  bool isFormFilled() {
+    if (typeController.text.isEmpty) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  void successPopUp(String message, bool stayOnPersonalSide) {
+    MihAlertServices().successBasicAlert(
+      "Success!",
+      message,
+      context,
+    );
+  }
+
+  Future<bool> uploadFile(MzansiProfileProvider mzansiProfileProvider) async {
+    if (newSelectedLogoPic != null) {
+      int uploadStatusCode = 0;
+      uploadStatusCode = await MihFileApi.uploadFile(
+        mzansiProfileProvider.business!.business_id,
+        env,
+        "business_files",
+        newSelectedLogoPic!,
+        context,
+      );
+      if (uploadStatusCode == 200) {
+        int deleteStatusCode = 0;
+        deleteStatusCode = await MihFileApi.deleteFile(
+          mzansiProfileProvider.business!.logo_path.split("/").first,
+          env,
+          "business_files",
+          mzansiProfileProvider.business!.logo_path.split("/").last,
+          context,
+        );
+        if (deleteStatusCode == 200) {
+          return true;
+        } else {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    } else {
+      return true; // No file selected, so no upload needed
+    }
+  }
+
+  Future<void> submitForm(MzansiProfileProvider mzansiProfileProvider) async {
+    KenLogger.success("Start Submit Form");
+    if (isFormFilled()) {
+      KenLogger.success("Form Filled");
+      KenLogger.success("Start File Upload");
+      bool successfullyUploadedFile = await uploadFile(mzansiProfileProvider);
+      KenLogger.success(
+          "File Upload Complete: outcome $successfullyUploadedFile");
+      if (!mounted) return;
+      KenLogger.success("is mounted");
+      if (successfullyUploadedFile) {
+        KenLogger.success("Start Details Update");
+        int statusCode = 0;
+        statusCode = await MihBusinessDetailsServices().updateBusinessDetailsV2(
+          mzansiProfileProvider.business!.business_id,
+          nameController.text,
+          typeController.text,
+          regController.text,
+          practiceNoController.text,
+          vatNoController.text,
+          emailController.text,
+          getNumberWithCountryCode(),
+          // contactController.text,
+          locationController.text,
+          fileNameController.text,
+          websiteController.text,
+          ratingController.text.isEmpty ? "0" : ratingController.text,
+          missionVisionController.text,
+          mzansiProfileProvider,
+          context,
+        );
+        KenLogger.success("Details Update Complete: status code $statusCode");
+        if (!mounted) return;
+        KenLogger.success("is mounted");
+        if (statusCode == 200) {
+          KenLogger.success("Start Success Message");
+          //You left of here
+          String message = "Your information has been updated successfully!";
+          context.pop();
+          successPopUp(message, false);
+          // File uploaded successfully
+        } else {
+          context.pop();
+          // File upload failed
+          MihAlertServices().errorBasicAlert(
+            "Error Updating Business Details",
+            "An error occurred while updating the business details. Please try again.",
+            context,
+          );
+        }
+      } else {
+        context.pop();
+        if (!mounted) return;
+        MihAlertServices().internetConnectionAlert(context);
+      }
+    } else {
+      MihAlertServices().inputErrorAlert(context);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    setControllers();
+    missionVisionController.addListener(_updateMissionVisionCounter);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: 'Edit Profile',
+          onWindowTapClose: () {
+            context.pop();
+          },
+          windowBody: MihSingleChildScroll(
+            child: Padding(
+              padding:
+                  MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                      ? EdgeInsets.symmetric(horizontal: widget.width * 0.05)
+                      : EdgeInsets.symmetric(horizontal: widget.width * 0),
+              child: Column(
+                children: [
+                  MihForm(
+                    formKey: _formKey,
+                    formFields: [
+                      Center(
+                        child: MihCircleAvatar(
+                          imageFile: newSelectedLogoPic != null
+                              ? MemoryImage(newSelectedLogoPic!.bytes!)
+                              : mzansiProfileProvider.businessProfilePicture,
+                          width: 150,
+                          editable: true,
+                          fileNameController: fileNameController,
+                          userSelectedfile: newSelectedLogoPic,
+                          frameColor: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          backgroundColor: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          onChange: (selectedfile) {
+                            setState(() {
+                              newSelectedLogoPic = selectedfile;
+                            });
+                          },
+                        ),
+                      ),
+                      Visibility(
+                        visible: false,
+                        child: MihTextFormField(
+                          fillColor: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          inputColor: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          controller: fileNameController,
+                          multiLineInput: false,
+                          requiredText: true,
+                          readOnly: true,
+                          hintText: "Selected File Name",
+                        ),
+                      ),
+                      const SizedBox(height: 20),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: nameController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Business Name",
+                        validator: (value) {
+                          return MihValidationServices().isEmpty(value);
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: typeController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Business Type",
+                        validator: (value) {
+                          return MihValidationServices()
+                              .validateNoSpecialChars(value);
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: emailController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Business Email",
+                        validator: (value) {
+                          return MihValidationServices().validateEmail(value);
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      Container(
+                        width: 300,
+                        alignment: Alignment.topLeft,
+                        child: const Text(
+                          "Contact Number:",
+                          style: TextStyle(
+                            fontSize: 18,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                      Row(
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          CountryCodePicker(
+                            padding: EdgeInsetsGeometry.all(0),
+                            onChanged: (selectedCode) {
+                              setState(() {
+                                countryCodeController.text =
+                                    selectedCode.toString();
+                              });
+                              debugPrint(
+                                  "Selected Country Code: ${countryCodeController.text}");
+                            },
+                            initialSelection: countryCodeController.text,
+                            showDropDownButton: false,
+                            pickerStyle: PickerStyle.bottomSheet,
+                            dialogBackgroundColor: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            barrierColor: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                          Expanded(
+                            child: MihTextFormField(
+                              fillColor: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              inputColor: MihColors.getPrimaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              controller: contactController,
+                              numberMode: true,
+                              multiLineInput: false,
+                              requiredText: true,
+                              hintText: null,
+                              validator: (value) {
+                                return MihValidationServices().isEmpty(value);
+                              },
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        height: 250,
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: missionVisionController,
+                        multiLineInput: true,
+                        requiredText: true,
+                        hintText: "Business Mission & Vision",
+                        validator: (value) {
+                          return MihValidationServices().validateLength(
+                              missionVisionController.text, 256);
+                        },
+                      ),
+                      SizedBox(
+                        height: 15,
+                        child: ValueListenableBuilder(
+                          valueListenable: _counter,
+                          builder:
+                              (BuildContext context, int value, Widget? child) {
+                            return Row(
+                              mainAxisSize: MainAxisSize.max,
+                              mainAxisAlignment: MainAxisAlignment.end,
+                              children: [
+                                Text(
+                                  "$value",
+                                  style: TextStyle(
+                                    color: getMissionVisionLimitColor(256),
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                                const SizedBox(width: 5),
+                                Text(
+                                  "/256",
+                                  style: TextStyle(
+                                    color: getMissionVisionLimitColor(256),
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                              ],
+                            );
+                          },
+                        ),
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: websiteController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "Business Website",
+                        validator: (value) {
+                          return MihValidationServices()
+                              .validateWebsite(value, false);
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: regController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "Registration No.",
+                        validator: (value) {
+                          // return MihValidationServices().isEmpty(value);
+                          return null;
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: practiceNoController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "Practice Number",
+                        validator: (validateValue) {
+                          return null;
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: vatNoController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "VAT Number",
+                        validator: (value) {
+                          // return MihValidationServices().isEmpty(value);
+                          return null;
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      Row(
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          Flexible(
+                            child: MihTextFormField(
+                              fillColor: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              inputColor: MihColors.getPrimaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              controller: locationController,
+                              multiLineInput: false,
+                              requiredText: true,
+                              readOnly: true,
+                              hintText: "GPS Location",
+                            ),
+                          ),
+                          const SizedBox(width: 10.0),
+                          MihButton(
+                            onPressed: () {
+                              showDialog(
+                                context: context,
+                                builder: (context) {
+                                  return const Mihloadingcircle(
+                                    message: "Getting your location",
+                                  );
+                                },
+                              );
+                              MIHLocationAPI()
+                                  .getGPSPosition(context)
+                                  .then((position) {
+                                if (position != null) {
+                                  setState(() {
+                                    locationController.text =
+                                        "${position.latitude}, ${position.longitude}";
+                                  });
+                                }
+                                //Dismiss loading indicator
+                                context.pop();
+                              });
+                            },
+                            buttonColor: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            width: 100,
+                            child: Text(
+                              "Set",
+                              style: TextStyle(
+                                color: MihColors.getPrimaryColor(
+                                    MzansiInnovationHub.of(context)!
+                                            .theme
+                                            .mode ==
+                                        "Dark"),
+                                fontSize: 20,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 25),
+                      Center(
+                        child: MihButton(
+                          onPressed: () {
+                            if (_formKey.currentState!.validate()) {
+                              submitForm(mzansiProfileProvider);
+                            } else {
+                              MihAlertServices().inputErrorAlert(context);
+                            }
+                          },
+                          buttonColor: MihColors.getGreenColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          width: 300,
+                          child: Text(
+                            "Update",
+                            style: TextStyle(
+                              color: MihColors.getPrimaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              fontSize: 20,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 20),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/components/mih_update_my_business_user_details.dart

@@ -0,0 +1,372 @@
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_image_display.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_my_business_user_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihUpdateMyBusinessUserDetails extends StatefulWidget {
+  const MihUpdateMyBusinessUserDetails({super.key});
+
+  @override
+  State<MihUpdateMyBusinessUserDetails> createState() =>
+      _MihUpdateMyBusinessUserDetailsState();
+}
+
+class _MihUpdateMyBusinessUserDetailsState
+    extends State<MihUpdateMyBusinessUserDetails> {
+  final fileNameController = TextEditingController();
+  final titleTextController = TextEditingController();
+  final fnameController = TextEditingController();
+  final lnameController = TextEditingController();
+  final accessController = TextEditingController();
+  final signtureController = TextEditingController();
+  final _formKey = GlobalKey<FormState>();
+  PlatformFile? userPicFile;
+  PlatformFile? newSelectedSignaturePic;
+  late String env;
+
+  bool isFormFilled() {
+    if (titleTextController.text.isEmpty) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  Future<bool> uploadFile(MzansiProfileProvider mzansiProfileProvider) async {
+    if (newSelectedSignaturePic != null) {
+      int uploadStatusCode = 0;
+      uploadStatusCode = await MihFileApi.uploadFile(
+        mzansiProfileProvider.user!.app_id,
+        env,
+        "business_files",
+        newSelectedSignaturePic!,
+        context,
+      );
+      if (uploadStatusCode == 200) {
+        signtureController.text = newSelectedSignaturePic!.name;
+        int deleteStatusCode = 0;
+        deleteStatusCode = await MihFileApi.deleteFile(
+          mzansiProfileProvider.user!.app_id,
+          env,
+          "business_files",
+          mzansiProfileProvider.businessUser!.sig_path.split("/").last,
+          context,
+        );
+        if (deleteStatusCode == 200) {
+          return true;
+        } else {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    } else {
+      return true; // No file selected, so no upload needed
+    }
+  }
+
+  Future<void> submitForm(MzansiProfileProvider mzansiProfileProvider) async {
+    if (isFormFilled()) {
+      bool successfullyUploadedFile = await uploadFile(mzansiProfileProvider);
+      if (!mounted) return;
+      if (successfullyUploadedFile) {
+        int statusCode = await MihMyBusinessUserServices().updateBusinessUser(
+          mzansiProfileProvider.user!.app_id,
+          mzansiProfileProvider.businessUser!.business_id,
+          titleTextController.text,
+          accessController.text,
+          signtureController.text,
+          mzansiProfileProvider,
+          context,
+        );
+        if (!mounted) return;
+        if (statusCode == 200) {
+          String message = "Business details updated successfully";
+          context.pop();
+          successPopUp(message, false);
+        } else {
+          MihAlertServices().errorBasicAlert(
+            "Error Updating Business User Details",
+            "An error occurred while updating the business User details. Please check internet connection and try again.",
+            context,
+          );
+        }
+      } else {
+        MihAlertServices().internetConnectionAlert(context);
+      }
+    } else {
+      MihAlertServices().inputErrorAlert(context);
+    }
+  }
+
+  void successPopUp(String message, bool stayOnPersonalSide) {
+    MihAlertServices().successBasicAlert(
+      "Success!",
+      message,
+      context,
+    );
+  }
+
+  Widget getWindowBody(double width) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return MihSingleChildScroll(
+          child: Padding(
+            padding:
+                MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                    ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                    : EdgeInsets.symmetric(horizontal: width * 0.075),
+            child: Column(
+              children: [
+                MihForm(
+                  formKey: _formKey,
+                  formFields: [
+                    Center(
+                      child: MihCircleAvatar(
+                        imageFile: mzansiProfileProvider.userProfilePicture,
+                        width: 150,
+                        editable: false,
+                        fileNameController: fileNameController,
+                        userSelectedfile: userPicFile,
+                        frameColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        backgroundColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        onChange: (_) {},
+                      ),
+                    ),
+                    Visibility(
+                      visible: false,
+                      child: MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: fileNameController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: true,
+                        hintText: "Selected File Name",
+                      ),
+                    ),
+                    const SizedBox(height: 10),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: titleTextController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: false,
+                      hintText: "Title",
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                    ),
+                    const SizedBox(height: 10),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: fnameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "First Name",
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                    ),
+                    const SizedBox(height: 10),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: lnameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      readOnly: true,
+                      hintText: "Surname",
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                    ),
+                    const SizedBox(height: 10),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: accessController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      hintText: "Access Level",
+                      readOnly: true,
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                    ),
+                    const SizedBox(height: 10),
+                    Container(
+                      width: 300,
+                      alignment: Alignment.topLeft,
+                      child: const Text(
+                        "Signature:",
+                        style: TextStyle(
+                          fontSize: 18,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                    Center(
+                      child: MihImageDisplay(
+                        imageFile: newSelectedSignaturePic != null
+                            ? MemoryImage(newSelectedSignaturePic!.bytes!)
+                            : mzansiProfileProvider.businessUserSignature,
+                        width: 300,
+                        height: 200,
+                        editable: true,
+                        fileNameController: signtureController,
+                        userSelectedfile: newSelectedSignaturePic,
+                        onChange: (selectedFile) {
+                          setState(() {
+                            newSelectedSignaturePic = selectedFile;
+                          });
+                        },
+                      ),
+                    ),
+                    const SizedBox(height: 10),
+                    Visibility(
+                      visible: false,
+                      child: MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: fileNameController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: true,
+                        hintText: "Selected Signature File",
+                      ),
+                    ),
+                    const SizedBox(height: 15),
+                    Center(
+                      child: MihButton(
+                        onPressed: () {
+                          if (_formKey.currentState!.validate()) {
+                            submitForm(mzansiProfileProvider);
+                          } else {
+                            MihAlertServices().inputErrorAlert(context);
+                          }
+                        },
+                        buttonColor: MihColors.getGreenColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        width: 300,
+                        child: Text(
+                          "Update",
+                          style: TextStyle(
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  void setControllers() {
+    MzansiProfileProvider mzansiProfileProvider =
+        context.read<MzansiProfileProvider>();
+    fileNameController.text =
+        mzansiProfileProvider.user!.pro_pic_path.split("/").last;
+    signtureController.text =
+        mzansiProfileProvider.businessUser!.sig_path.split("/").last;
+    titleTextController.text = mzansiProfileProvider.businessUser!.title;
+    fnameController.text = mzansiProfileProvider.user!.fname;
+    lnameController.text = mzansiProfileProvider.user!.lname;
+    accessController.text = mzansiProfileProvider.businessUser!.access;
+    if (AppEnviroment.getEnv() == "Prod") {
+      env = "Prod";
+    } else {
+      env = "Dev";
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    fileNameController.dispose();
+    titleTextController.dispose();
+    fnameController.dispose();
+    lnameController.dispose();
+    accessController.dispose();
+    signtureController.dispose();
+    userPicFile = null;
+    newSelectedSignaturePic = null;
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    setControllers();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageWindow(
+      fullscreen: false,
+      windowTitle: "Edit Profile",
+      onWindowTapClose: () {
+        context.pop();
+      },
+      windowBody: getWindowBody(screenWidth),
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/mzansi_business_profile_view.dart

@@ -0,0 +1,155 @@
+import 'package:go_router/go_router.dart';
+import 'package:ken_logger/ken_logger.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_action.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tools.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_directory_provider.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_details_view.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_qr_code.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_reviews.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:provider/provider.dart';
+
+class MzansiBusinessProfileView extends StatefulWidget {
+  final String? businessId;
+  final bool fromMzansiDirectory;
+  const MzansiBusinessProfileView({
+    super.key,
+    required this.businessId,
+    required this.fromMzansiDirectory,
+  });
+
+  @override
+  State<MzansiBusinessProfileView> createState() =>
+      _MzansiBusinessProfileViewState();
+}
+
+class _MzansiBusinessProfileViewState extends State<MzansiBusinessProfileView> {
+  int _selcetedIndex = 0;
+  late final MihBusinessDetailsView _businessDetailsView;
+  late final MihBusinessReviews _businessReviews;
+  late final MihBusinessQrCode _businessQrCode;
+
+  Future<void> _fetchBusinessDetails(
+      MzansiDirectoryProvider directoryProvider) async {
+    if (widget.businessId != null) {
+      final biz = await MihBusinessDetailsServices()
+          .getBusinessDetailsByBusinessId(widget.businessId!);
+      if (biz == null) {
+        context.goNamed(
+          'mihHome',
+          extra: true,
+        );
+      } else {
+        KenLogger.success("Business found: ${biz.Name}");
+        directoryProvider.setSelectedBusiness(business: biz);
+      }
+    }
+    _businessDetailsView = MihBusinessDetailsView();
+    _businessReviews =
+        MihBusinessReviews(business: directoryProvider.selectedBusiness!);
+    _businessQrCode = MihBusinessQrCode(
+      business: directoryProvider.selectedBusiness!,
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    MzansiDirectoryProvider directoryProvider =
+        context.read<MzansiDirectoryProvider>();
+    _fetchBusinessDetails(directoryProvider);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiDirectoryProvider>(
+      builder: (BuildContext context, MzansiDirectoryProvider directoryProvider,
+          Widget? child) {
+        if (directoryProvider.selectedBusiness == null) {
+          KenLogger.warning("Business is null, showing loading indicator");
+          return Scaffold(
+            body: const Center(
+              child: Mihloadingcircle(),
+            ),
+          );
+        } else {
+          return MihPackage(
+            appActionButton: getAction(),
+            appTools: getTools(),
+            appBody: getToolBody(directoryProvider),
+            appToolTitles: getToolTitle(),
+            selectedbodyIndex: _selcetedIndex,
+            onIndexChange: (newValue) {
+              setState(() {
+                _selcetedIndex = newValue;
+              });
+            },
+          );
+        }
+      },
+    );
+  }
+
+  MihPackageAction getAction() {
+    return MihPackageAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        if (!widget.fromMzansiDirectory) {
+          context.goNamed(
+            'mihHome',
+          );
+        } else {
+          context.pop();
+        }
+        // context.goNamed(
+        //   "mzansiDirectory",
+        // );
+        FocusScope.of(context).unfocus();
+      },
+    );
+  }
+
+  MihPackageTools getTools() {
+    Map<Widget, void Function()?> temp = {};
+    temp[const Icon(Icons.business)] = () {
+      setState(() {
+        _selcetedIndex = 0;
+      });
+    };
+    temp[const Icon(Icons.star_rate_rounded)] = () {
+      setState(() {
+        _selcetedIndex = 1;
+      });
+    };
+    temp[const Icon(Icons.qr_code_rounded)] = () {
+      setState(() {
+        _selcetedIndex = 2;
+      });
+    };
+    return MihPackageTools(
+      tools: temp,
+      selcetedIndex: _selcetedIndex,
+    );
+  }
+
+  List<Widget> getToolBody(MzansiDirectoryProvider directoryProvider) {
+    return [
+      _businessDetailsView,
+      _businessReviews,
+      _businessQrCode,
+    ];
+  }
+
+  List<String> getToolTitle() {
+    List<String> toolTitles = [
+      "Profile",
+      "Reviews",
+      "Share Business",
+    ];
+    return toolTitles;
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/mzansi_set_up_business_profile.dart

@@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_action.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tools.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_details_set_up.dart';
+import 'package:provider/provider.dart';
+
+class MzansiSetUpBusinessProfile extends StatefulWidget {
+  const MzansiSetUpBusinessProfile({super.key});
+
+  @override
+  State<MzansiSetUpBusinessProfile> createState() =>
+      _MzansiSetUpBusinessProfileState();
+}
+
+class _MzansiSetUpBusinessProfileState
+    extends State<MzansiSetUpBusinessProfile> {
+  late final MihBusinessDetailsSetUp _businessDetailsSetUp;
+
+  @override
+  void initState() {
+    _businessDetailsSetUp = MihBusinessDetailsSetUp();
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MihPackage(
+      appActionButton: getAction(),
+      appTools: getTools(),
+      appBody: getToolBody(),
+      appToolTitles: getToolTitle(),
+      selectedbodyIndex: context.watch<MzansiProfileProvider>().businessIndex,
+      onIndexChange: (newIndex) {
+        context.read<MzansiProfileProvider>().setBusinessIndex(newIndex);
+      },
+    );
+  }
+
+  MihPackageAction getAction() {
+    return MihPackageAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        context.goNamed(
+          'mihHome',
+        );
+        FocusScope.of(context).unfocus();
+        context.read<MzansiProfileProvider>().setBusinessIndex(0);
+      },
+    );
+  }
+
+  MihPackageTools getTools() {
+    Map<Widget, void Function()?> temp = {};
+    temp[const Icon(Icons.business)] = () {
+      context.read<MzansiProfileProvider>().setBusinessIndex(0);
+    };
+    return MihPackageTools(
+      tools: temp,
+      selcetedIndex: context.watch<MzansiProfileProvider>().businessIndex,
+    );
+  }
+
+  List<String> getToolTitle() {
+    List<String> toolTitles = [
+      "Set Up Profile",
+    ];
+    return toolTitles;
+  }
+
+  List<Widget> getToolBody() {
+    return [
+      _businessDetailsSetUp,
+    ];
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tiles/mzansi_business_profile_tile.dart

@@ -0,0 +1,45 @@
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tile.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+
+class MzansiBusinessProfileTile extends StatefulWidget {
+  final double packageSize;
+  const MzansiBusinessProfileTile({
+    super.key,
+    required this.packageSize,
+  });
+
+  @override
+  State<MzansiBusinessProfileTile> createState() =>
+      _MzansiBusinessProfileTileState();
+}
+
+class _MzansiBusinessProfileTileState extends State<MzansiBusinessProfileTile> {
+  @override
+  Widget build(BuildContext context) {
+    return MihPackageTile(
+      onTap: () {
+        context.goNamed(
+          "businessProfileManage",
+        );
+        // Navigator.of(context).pushNamed(
+        //   '/business-profile/manage',
+        //   arguments: widget.arguments,
+        // );
+      },
+      appName: "Business Profile",
+      appIcon: Icon(
+        MihIcons.businessProfile,
+        color: MihColors.getSecondaryColor(
+            MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+        // size: widget.packageSize,
+      ),
+      iconSize: widget.packageSize,
+      textColor: MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tiles/mzansi_setup_business_profile_tile.dart

@@ -0,0 +1,50 @@
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tile.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:provider/provider.dart';
+
+class MzansiSetupBusinessProfileTile extends StatefulWidget {
+  final double packageSize;
+  const MzansiSetupBusinessProfileTile({
+    super.key,
+    required this.packageSize,
+  });
+
+  @override
+  State<MzansiSetupBusinessProfileTile> createState() =>
+      _MzansiSetupBusinessProfileTileState();
+}
+
+class _MzansiSetupBusinessProfileTileState
+    extends State<MzansiSetupBusinessProfileTile> {
+  @override
+  Widget build(BuildContext context) {
+    MzansiProfileProvider profileProvider =
+        context.read<MzansiProfileProvider>();
+    return MihPackageTile(
+      onTap: () {
+        context.goNamed(
+          'businessProfileSetup',
+          extra: profileProvider.user,
+        );
+        // Navigator.of(context).pushNamed(
+        //   '/business-profile/set-up',
+        //   arguments: widget.signedInUser,
+        // );
+      },
+      appName: "Set Up Business",
+      appIcon: Icon(
+        MihIcons.businessSetup,
+        color: MihColors.getSecondaryColor(
+            MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+      ),
+      iconSize: widget.packageSize,
+      textColor: MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_details.dart

@@ -0,0 +1,203 @@
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_business_info_card.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/components/mih_update_business_details_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:provider/provider.dart';
+
+class MihBusinessDetails extends StatefulWidget {
+  const MihBusinessDetails({
+    super.key,
+  });
+
+  @override
+  State<MihBusinessDetails> createState() => _MihBusinessDetailsState();
+}
+
+class _MihBusinessDetailsState extends State<MihBusinessDetails> {
+  PlatformFile? newSelectedLogoPic;
+  final fileNameController = TextEditingController();
+
+  void editBizProfileWindow(
+      MzansiProfileProvider mzansiProfileProvider, double width) {
+    showDialog(
+      barrierDismissible: false,
+      context: context,
+      builder: (context) => MihUpdateBusinessDetailsWindow(width: width),
+    );
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      innerHorizontalPadding: 10,
+      bodyItem: getBody(screenWidth, context),
+    );
+  }
+
+  Widget getBody(double width, BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return Stack(
+          children: [
+            MihSingleChildScroll(
+              child: Padding(
+                padding: MzansiInnovationHub.of(context)!.theme.screenType ==
+                        "desktop"
+                    ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                    : EdgeInsets.symmetric(horizontal: width * 0.075),
+                child: Column(
+                  children: [
+                    Center(
+                      child: MihCircleAvatar(
+                        key: UniqueKey(),
+                        imageFile: mzansiProfileProvider.businessProfilePicture,
+                        width: 150,
+                        editable: false,
+                        fileNameController: fileNameController,
+                        userSelectedfile: newSelectedLogoPic,
+                        frameColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        backgroundColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        onChange: (selectedfile) {
+                          setState(() {
+                            newSelectedLogoPic = selectedfile;
+                          });
+                        },
+                      ),
+                    ),
+                    FittedBox(
+                      child: Text(
+                        mzansiProfileProvider.business!.Name,
+                        style: TextStyle(
+                          fontSize: 35,
+                          fontWeight: FontWeight.bold,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        ),
+                      ),
+                    ),
+                    FittedBox(
+                      child: Text(
+                        mzansiProfileProvider.business!.type,
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.w600,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 5),
+                    Center(
+                      child: SizedBox(
+                        width: 700,
+                        child: Text(
+                          mzansiProfileProvider
+                                  .business!.mission_vision.isNotEmpty
+                              ? mzansiProfileProvider.business!.mission_vision
+                              : "No Mission & Vision added yet",
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.bold,
+                            color: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                    SizedBox(
+                      width: 700,
+                      child: MihBusinessCard(
+                        business: mzansiProfileProvider.business!,
+                        // startUpSearch: null,
+                        width: width,
+                      ),
+                    ),
+                    const SizedBox(height: 30.0),
+                    Center(
+                      child: MihButton(
+                        onPressed: () {
+                          // Connect with the user
+                          editBizProfileWindow(mzansiProfileProvider, width);
+                        },
+                        buttonColor: MihColors.getGreenColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        width: 300,
+                        child: Text(
+                          "Edit Profile",
+                          style: TextStyle(
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            // Positioned(
+            //   right: 5,
+            //   bottom: 10,
+            //   child: MihFloatingMenu(
+            //     animatedIcon: AnimatedIcons.menu_close,
+            //     children: [
+            //       SpeedDialChild(
+            //         child: Icon(
+            //           Icons.edit,
+            //           color: MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            //         ),
+            //         label: "Edit Profile",
+            //         labelBackgroundColor:
+            //             MihColors.getGreenColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            //         labelStyle: TextStyle(
+            //           color: MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            //           fontWeight: FontWeight.bold,
+            //         ),
+            //         backgroundColor:
+            //             MihColors.getGreenColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            //         onTap: () {
+            //           editBizProfileWindow(width);
+            //         },
+            //       )
+            //     ],
+            //   ),
+            // ),
+          ],
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_details_set_up.dart

@@ -0,0 +1,790 @@
+import 'package:country_code_picker/country_code_picker.dart';
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:go_router/go_router.dart';
+import 'package:http/http.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_image_display.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_location_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_my_business_user_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihBusinessDetailsSetUp extends StatefulWidget {
+  const MihBusinessDetailsSetUp({super.key});
+
+  @override
+  State<MihBusinessDetailsSetUp> createState() =>
+      _MihBusinessDetailsSetUpState();
+}
+
+class _MihBusinessDetailsSetUpState extends State<MihBusinessDetailsSetUp> {
+  final nameController = TextEditingController();
+  final typeController = TextEditingController();
+  final regController = TextEditingController();
+  final addressController = TextEditingController();
+  final fnameController = TextEditingController();
+  final lnameController = TextEditingController();
+  final titleController = TextEditingController();
+  final signtureController = TextEditingController();
+  final accessController = TextEditingController();
+  final countryCodeController = TextEditingController();
+  final contactController = TextEditingController();
+  final emailController = TextEditingController();
+  final locationController = TextEditingController();
+  final practiceNoController = TextEditingController();
+  final vatNoController = TextEditingController();
+  final websiteController = TextEditingController();
+  final ratingController = TextEditingController();
+  final missionVisionController = TextEditingController();
+  final logoFileNameController = TextEditingController();
+  PlatformFile? newSelectedLogoPic;
+  PlatformFile? newSelectedSignaturePic;
+  final FocusNode _focusNode = FocusNode();
+  final _formKey = GlobalKey<FormState>();
+  final ValueNotifier<int> _counter = ValueNotifier<int>(0);
+  final ValueNotifier<String> busType = ValueNotifier("");
+  late String env;
+
+  void submitForm(MzansiProfileProvider mzansiProfileProvider) {
+    if (isFieldsFilled()) {
+      createBusinessProfileAPICall(mzansiProfileProvider);
+    } else {
+      MihAlertServices().inputErrorAlert(context);
+    }
+  }
+
+  Future<void> createBusinessProfileAPICall(
+      MzansiProfileProvider mzansiProfileProvider) async {
+    Response response =
+        await MihBusinessDetailsServices().createBusinessDetails(
+      mzansiProfileProvider,
+      nameController.text,
+      typeController.text,
+      regController.text,
+      practiceNoController.text,
+      vatNoController.text,
+      emailController.text,
+      getNumberWithCountryCode(),
+      locationController.text,
+      logoFileNameController.text,
+      websiteController.text,
+      "0",
+      missionVisionController.text,
+      context,
+    );
+    if (response.statusCode == 201) {
+      bool successUpload =
+          await uploadFile(mzansiProfileProvider, newSelectedLogoPic);
+      if (successUpload) {
+        String logoUrl = await MihFileApi.getMinioFileUrl(
+            mzansiProfileProvider.business!.logo_path);
+        mzansiProfileProvider.setBusinessProfilePicUrl(logoUrl);
+      }
+      await createBusinessUserAPICall(mzansiProfileProvider);
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  Future<void> createBusinessUserAPICall(
+      MzansiProfileProvider mzansiProfileProvider) async {
+    int statusCode = await MihMyBusinessUserServices().createBusinessUser(
+      mzansiProfileProvider.business!.business_id,
+      mzansiProfileProvider.user!.app_id,
+      signtureController.text,
+      titleController.text,
+      accessController.text,
+      mzansiProfileProvider,
+      context,
+    );
+    if (statusCode == 201) {
+      bool successUpload =
+          await uploadFile(mzansiProfileProvider, newSelectedSignaturePic);
+      if (successUpload) {
+        String sigUrl = await MihFileApi.getMinioFileUrl(
+            mzansiProfileProvider.businessUser!.sig_path);
+        mzansiProfileProvider.setBusinessUserSignatureUrl(sigUrl);
+        String message =
+            "Your business profile is now live! You can now start connecting with customers and growing your business.";
+        successPopUp(message, false);
+      } else {
+        MihAlertServices().internetConnectionAlert(context);
+      }
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  Future<bool> uploadFile(
+      MzansiProfileProvider mzansiProfileProvider, PlatformFile? image) async {
+    if (newSelectedLogoPic != null) {
+      int uploadStatusCode = 0;
+      uploadStatusCode = await MihFileApi.uploadFile(
+        mzansiProfileProvider.business!.business_id,
+        env,
+        "business_files",
+        image,
+        context,
+      );
+      if (uploadStatusCode == 200) {
+        return true;
+      } else {
+        return false;
+      }
+    } else {
+      return true; // No file selected, so no upload needed
+    }
+  }
+
+  bool isFieldsFilled() {
+    if (typeController.text.isEmpty ||
+        titleController.text.isEmpty ||
+        accessController.text.isEmpty) {
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  String getNumberWithCountryCode() {
+    String numberWithoutBeginingZero = "";
+    if (contactController.text[0] == "0") {
+      numberWithoutBeginingZero = contactController.text
+          .replaceAll(" ", "")
+          .substring(1, contactController.text.length);
+    } else {
+      numberWithoutBeginingZero = contactController.text.replaceAll("-", " ");
+    }
+    return "${countryCodeController.text}-$numberWithoutBeginingZero";
+  }
+
+  Color getMissionVisionLimitColor(int limit) {
+    if (_counter.value <= limit) {
+      return MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    } else {
+      return MihColors.getRedColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    }
+  }
+
+  void typeSelected() {
+    if (typeController.text.isNotEmpty) {
+      busType.value = typeController.text;
+    } else {
+      busType.value = "";
+    }
+  }
+
+  void successPopUp(String message, bool stayOnPersonalSide) {
+    MihAlertServices().successAdvancedAlert(
+      "Successfully Updated Profile",
+      message,
+      [
+        MihButton(
+          onPressed: () {
+            context.goNamed(
+              'mihHome',
+              extra: stayOnPersonalSide,
+            );
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      context,
+    );
+  }
+
+  void initialiseControlers(MzansiProfileProvider mzansiProfileProvider) {
+    typeController.addListener(typeSelected);
+    setState(() {
+      fnameController.text = mzansiProfileProvider.user!.fname;
+      lnameController.text = mzansiProfileProvider.user!.lname;
+      accessController.text = "Full";
+      countryCodeController.text = "+27";
+    });
+    if (AppEnviroment.getEnv() == "Prod") {
+      env = "Prod";
+    } else {
+      env = "Dev";
+    }
+    missionVisionController.addListener(() {
+      setState(() {
+        _counter.value = missionVisionController.text.characters.length;
+      });
+    });
+  }
+
+  @override
+  void dispose() {
+    typeController.removeListener(typeSelected);
+    nameController.dispose();
+    typeController.dispose();
+    regController.dispose();
+    addressController.dispose();
+    fnameController.dispose();
+    lnameController.dispose();
+    titleController.dispose();
+    signtureController.dispose();
+    accessController.dispose();
+    countryCodeController.dispose();
+    contactController.dispose();
+    emailController.dispose();
+    locationController.dispose();
+    practiceNoController.dispose();
+    vatNoController.dispose();
+    websiteController.dispose();
+    ratingController.dispose();
+    missionVisionController.dispose();
+    logoFileNameController.dispose();
+    busType.dispose();
+    _focusNode.dispose();
+    _counter.dispose();
+    super.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    initialiseControlers(context.read<MzansiProfileProvider>());
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      bodyItem: getBody(screenWidth),
+    );
+  }
+
+  Widget getBody(double width) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return KeyboardListener(
+          focusNode: _focusNode,
+          autofocus: true,
+          onKeyEvent: (event) async {
+            if (event is KeyDownEvent &&
+                event.logicalKey == LogicalKeyboardKey.enter) {
+              if (_formKey.currentState!.validate()) {
+                submitForm(mzansiProfileProvider);
+              } else {
+                MihAlertServices().inputErrorAlert(context);
+              }
+            }
+          },
+          child: SingleChildScrollView(
+            child: Padding(
+              padding:
+                  MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                      ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                      : EdgeInsets.symmetric(horizontal: width * 0.075),
+              child: Column(
+                children: [
+                  const Text(
+                    "Business Details",
+                    style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      fontSize: 25,
+                    ),
+                  ),
+                  Divider(
+                      color: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark")),
+                  const SizedBox(height: 10.0),
+                  MihForm(
+                    formKey: _formKey,
+                    formFields: [
+                      Center(
+                        child: MihCircleAvatar(
+                          imageFile: newSelectedLogoPic != null
+                              ? MemoryImage(newSelectedLogoPic!.bytes!)
+                              : mzansiProfileProvider.businessProfilePicture,
+                          width: 150,
+                          editable: true,
+                          fileNameController: logoFileNameController,
+                          userSelectedfile: newSelectedLogoPic,
+                          frameColor: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          backgroundColor: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          onChange: (selectedfile) {
+                            setState(() {
+                              newSelectedLogoPic = selectedfile;
+                            });
+                          },
+                        ),
+                      ),
+                      const SizedBox(height: 20),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: nameController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Business Name",
+                        validator: (value) {
+                          return MihValidationServices().isEmpty(value);
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: typeController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Business Type",
+                        validator: (value) {
+                          return MihValidationServices()
+                              .validateNoSpecialChars(value);
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: emailController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Business Email",
+                        validator: (value) {
+                          return MihValidationServices().validateEmail(value);
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      Container(
+                        width: 300,
+                        alignment: Alignment.topLeft,
+                        child: const Text(
+                          "Contact Number:",
+                          style: TextStyle(
+                            fontSize: 18,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                      Row(
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          CountryCodePicker(
+                            padding: EdgeInsetsGeometry.all(0),
+                            onChanged: (selectedCode) {
+                              setState(() {
+                                countryCodeController.text =
+                                    selectedCode.toString();
+                              });
+                              debugPrint(
+                                  "Selected Country Code: ${countryCodeController.text}");
+                            },
+                            initialSelection: countryCodeController.text,
+                            showDropDownButton: false,
+                            pickerStyle: PickerStyle.bottomSheet,
+                            dialogBackgroundColor: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            barrierColor: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                          Expanded(
+                            child: MihTextFormField(
+                              fillColor: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              inputColor: MihColors.getPrimaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              controller: contactController,
+                              numberMode: true,
+                              multiLineInput: false,
+                              requiredText: true,
+                              hintText: null,
+                              validator: (value) {
+                                return MihValidationServices().isEmpty(value);
+                              },
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        height: 250,
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: missionVisionController,
+                        multiLineInput: true,
+                        requiredText: true,
+                        hintText: "Business Mission & Vision",
+                        validator: (value) {
+                          return MihValidationServices().validateLength(
+                              missionVisionController.text, 256);
+                        },
+                      ),
+                      SizedBox(
+                        height: 15,
+                        child: ValueListenableBuilder(
+                          valueListenable: _counter,
+                          builder:
+                              (BuildContext context, int value, Widget? child) {
+                            return Row(
+                              mainAxisSize: MainAxisSize.max,
+                              mainAxisAlignment: MainAxisAlignment.end,
+                              children: [
+                                Text(
+                                  "$value",
+                                  style: TextStyle(
+                                    color: getMissionVisionLimitColor(256),
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                                const SizedBox(width: 5),
+                                Text(
+                                  "/256",
+                                  style: TextStyle(
+                                    color: getMissionVisionLimitColor(256),
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                ),
+                              ],
+                            );
+                          },
+                        ),
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: websiteController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "Business Website",
+                        validator: (value) {
+                          return MihValidationServices()
+                              .validateWebsite(value, false);
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: regController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "Registration No.",
+                        validator: (value) {
+                          // return MihValidationServices().isEmpty(value);
+                          return null;
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: practiceNoController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "Practice Number",
+                        validator: (validateValue) {
+                          return null;
+                        },
+                      ),
+
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: vatNoController,
+                        multiLineInput: false,
+                        requiredText: false,
+                        hintText: "VAT Number",
+                        validator: (value) {
+                          // return MihValidationServices().isEmpty(value);
+                          return null;
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      Row(
+                        crossAxisAlignment: CrossAxisAlignment.end,
+                        children: [
+                          Flexible(
+                            child: MihTextFormField(
+                              fillColor: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              inputColor: MihColors.getPrimaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              controller: locationController,
+                              multiLineInput: false,
+                              requiredText: true,
+                              readOnly: true,
+                              hintText: "GPS Location",
+                            ),
+                          ),
+                          const SizedBox(width: 10.0),
+                          MihButton(
+                            onPressed: () {
+                              showDialog(
+                                context: context,
+                                builder: (context) {
+                                  return const Mihloadingcircle(
+                                    message: "Getting your location",
+                                  );
+                                },
+                              );
+                              MIHLocationAPI()
+                                  .getGPSPosition(context)
+                                  .then((position) {
+                                if (position != null) {
+                                  setState(() {
+                                    locationController.text =
+                                        "${position.latitude}, ${position.longitude}";
+                                  });
+                                }
+                                Navigator.of(context).pop();
+                              });
+                            },
+                            buttonColor: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            width: 100,
+                            child: Text(
+                              "Set",
+                              style: TextStyle(
+                                color: MihColors.getPrimaryColor(
+                                    MzansiInnovationHub.of(context)!
+                                            .theme
+                                            .mode ==
+                                        "Dark"),
+                                fontSize: 20,
+                                fontWeight: FontWeight.bold,
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                      const SizedBox(height: 15.0),
+                      //const SizedBox(height: 15.0),
+                      const Center(
+                        child: Text(
+                          "Business User",
+                          style: TextStyle(
+                            fontWeight: FontWeight.bold,
+                            fontSize: 22,
+                          ),
+                        ),
+                      ),
+                      Divider(
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark")),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: titleController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        hintText: "Title",
+                        validator: (value) {
+                          return MihValidationServices().isEmpty(value);
+                        },
+                      ),
+                      // MihDropdownField(
+                      //   controller: titleController,
+                      //   hintText: "Title",
+                      //   dropdownOptions: const ["Doctor", "Assistant", "Other"],
+                      //   editable: true,
+                      //   enableSearch: true,
+                      //   validator: (value) {
+                      //     return MihValidationServices().isEmpty(value);
+                      //   },
+                      //   requiredText: true,
+                      // ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: fnameController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: true,
+                        hintText: "First Name",
+                        validator: (value) {
+                          return MihValidationServices().isEmpty(value);
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: lnameController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: true,
+                        hintText: "Surname",
+                        validator: (value) {
+                          return MihValidationServices().isEmpty(value);
+                        },
+                      ),
+                      const SizedBox(height: 10.0),
+                      MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: accessController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: true,
+                        hintText: "Access Type",
+                        validator: (value) {
+                          return MihValidationServices().isEmpty(value);
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      Container(
+                        width: 300,
+                        alignment: Alignment.topLeft,
+                        child: const Text(
+                          "Signature:",
+                          style: TextStyle(
+                            fontSize: 18,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                      Center(
+                        child: MihImageDisplay(
+                          imageFile: newSelectedSignaturePic != null
+                              ? MemoryImage(newSelectedSignaturePic!.bytes!)
+                              : mzansiProfileProvider.businessUserSignature,
+                          width: 300,
+                          height: 200,
+                          editable: true,
+                          fileNameController: signtureController,
+                          userSelectedfile: newSelectedSignaturePic,
+                          onChange: (selectedFile) {
+                            setState(() {
+                              newSelectedSignaturePic = selectedFile;
+                            });
+                          },
+                        ),
+                      ),
+                      const SizedBox(height: 20.0),
+                      Center(
+                        child: MihButton(
+                          onPressed: () {
+                            if (_formKey.currentState!.validate()) {
+                              submitForm(mzansiProfileProvider);
+                            } else {
+                              MihAlertServices().inputErrorAlert(context);
+                            }
+                          },
+                          buttonColor: MihColors.getGreenColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          width: 300,
+                          child: Text(
+                            "Add",
+                            style: TextStyle(
+                              color: MihColors.getPrimaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                              fontSize: 20,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 30),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_details_view.dart

@@ -0,0 +1,233 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:custom_rating_bar/custom_rating_bar.dart';
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_directory_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_business_info_card.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:provider/provider.dart';
+
+class MihBusinessDetailsView extends StatefulWidget {
+  const MihBusinessDetailsView({
+    super.key,
+  });
+
+  @override
+  State<MihBusinessDetailsView> createState() => _MihBusinessDetailsViewState();
+}
+
+class _MihBusinessDetailsViewState extends State<MihBusinessDetailsView> {
+  late Future<String> futureImageUrl;
+  PlatformFile? file;
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    MzansiDirectoryProvider directoryProvider =
+        context.read<MzansiDirectoryProvider>();
+    futureImageUrl = MihFileApi.getMinioFileUrl(
+        directoryProvider.selectedBusiness!.logo_path);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      innerHorizontalPadding: 10,
+      bodyItem: getBody(screenWidth, context),
+    );
+  }
+
+  Widget getBody(double width, BuildContext context) {
+    double profilePictureWidth = 150;
+    return Consumer<MzansiDirectoryProvider>(
+      builder: (BuildContext context, MzansiDirectoryProvider directoryProvider,
+          Widget? child) {
+        return Stack(
+          children: [
+            MihSingleChildScroll(
+              child: Padding(
+                padding: MzansiInnovationHub.of(context)!.theme.screenType ==
+                        "desktop"
+                    ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                    : EdgeInsets.symmetric(horizontal: width * 0.075),
+                child: Column(
+                  children: [
+                    FutureBuilder(
+                        future: futureImageUrl,
+                        builder: (context, asyncSnapshot) {
+                          if (asyncSnapshot.connectionState ==
+                                  ConnectionState.done &&
+                              asyncSnapshot.hasData) {
+                            if (asyncSnapshot.requireData != "") {
+                              return MihCircleAvatar(
+                                imageFile: CachedNetworkImageProvider(
+                                    asyncSnapshot.requireData),
+                                width: profilePictureWidth,
+                                editable: false,
+                                fileNameController: TextEditingController(),
+                                userSelectedfile: file,
+                                frameColor: MihColors.getSecondaryColor(
+                                    MzansiInnovationHub.of(context)!
+                                            .theme
+                                            .mode ==
+                                        "Dark"),
+                                backgroundColor: MihColors.getPrimaryColor(
+                                    MzansiInnovationHub.of(context)!
+                                            .theme
+                                            .mode ==
+                                        "Dark"),
+                                onChange: () {},
+                              );
+                            } else {
+                              return Icon(
+                                MihIcons.iDontKnow,
+                                size: profilePictureWidth,
+                                color: MihColors.getSecondaryColor(
+                                    MzansiInnovationHub.of(context)!
+                                            .theme
+                                            .mode ==
+                                        "Dark"),
+                              );
+                            }
+                          } else {
+                            return Icon(
+                              MihIcons.mihRing,
+                              size: profilePictureWidth,
+                              color: MihColors.getSecondaryColor(
+                                  MzansiInnovationHub.of(context)!.theme.mode ==
+                                      "Dark"),
+                            );
+                          }
+                        }),
+                    // Center(
+                    //   child: MihCircleAvatar(
+                    //     imageFile: widget.logoImage,
+                    //     width: 150,
+                    //     editable: false,
+                    //     fileNameController: fileNameController,
+                    //     userSelectedfile: imageFile,
+                    //     frameColor:
+                    //         MihColors.getSecondaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    //     backgroundColor:
+                    //         MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    //     onChange: (selectedfile) {
+                    //       setState(() {
+                    //         imageFile = selectedfile;
+                    //       });
+                    //     },
+                    //   ),
+                    // ),
+                    FittedBox(
+                      child: Text(
+                        directoryProvider.selectedBusiness!.Name,
+                        style: TextStyle(
+                          fontSize: 35,
+                          fontWeight: FontWeight.bold,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        ),
+                      ),
+                    ),
+                    FittedBox(
+                      child: Text(
+                        directoryProvider.selectedBusiness!.type,
+                        style: TextStyle(
+                          fontSize: 20,
+                          fontWeight: FontWeight.w600,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 5),
+                    // FittedBox(
+                    //   child: Text(
+                    //     "Mission & Vision",
+                    //     style: TextStyle(
+                    //       fontSize: 15,
+                    //       fontWeight: FontWeight.bold,
+                    //       color: MzansiInnovationHub.of(context)!
+                    //           .theme
+                    //           .secondaryColor(),
+                    //     ),
+                    //   ),
+                    // ),
+                    Center(
+                      child: SizedBox(
+                        width: 700,
+                        child: Text(
+                          directoryProvider
+                                  .selectedBusiness!.mission_vision.isNotEmpty
+                              ? directoryProvider
+                                  .selectedBusiness!.mission_vision
+                              : "No Mission & Vision added yet",
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.bold,
+                            color: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                        ),
+                      ),
+                    ),
+                    const SizedBox(height: 10),
+                    RatingBar.readOnly(
+                      size: 50,
+                      alignment: Alignment.center,
+                      filledIcon: Icons.star,
+                      emptyIcon: Icons.star_border,
+                      halfFilledIcon: Icons.star_half,
+                      filledColor: MihColors.getYellowColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      // MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      emptyColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      halfFilledColor: MihColors.getYellowColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      // MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      isHalfAllowed: true,
+                      initialRating:
+                          directoryProvider.selectedBusiness!.rating.isNotEmpty
+                              ? double.parse(
+                                  directoryProvider.selectedBusiness!.rating)
+                              : 0,
+                      maxRating: 5,
+                    ),
+                    const SizedBox(height: 20),
+                    SizedBox(
+                      width: 700,
+                      child: MihBusinessCard(
+                        business: directoryProvider.selectedBusiness!,
+                        width: width,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_qr_code.dart

@@ -0,0 +1,440 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:file_picker/file_picker.dart';
+import 'package:file_saver/file_saver.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_speed_dial/flutter_speed_dial.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ken_logger/ken_logger.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_floating_menu.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:provider/provider.dart';
+import 'package:screenshot/screenshot.dart';
+import 'package:share_plus/share_plus.dart';
+import 'package:supertokens_flutter/supertokens.dart';
+
+class MihBusinessQrCode extends StatefulWidget {
+  final Business? business;
+  const MihBusinessQrCode({
+    super.key,
+    required this.business,
+  });
+
+  @override
+  State<MihBusinessQrCode> createState() => _MihBusinessQrCodeState();
+}
+
+class _MihBusinessQrCodeState extends State<MihBusinessQrCode> {
+  late Future<String> futureImageUrl;
+  late Business business;
+  PlatformFile? file;
+  late String qrCodedata;
+  int qrSize = 500;
+  bool _isUserSignedIn = false;
+  ScreenshotController screenshotController = ScreenshotController();
+  Uint8List? businessQRImageFile;
+
+  Future<void> _checkUserSession() async {
+    final doesSessionExist = await SuperTokens.doesSessionExist();
+    setState(() {
+      _isUserSignedIn = doesSessionExist;
+    });
+  }
+
+  String getQrCodeData(int qrSize) {
+    String color = MihColors.getPrimaryColor(
+            MzansiInnovationHub.of(context)!.theme.mode == "Dark")
+        .toARGB32()
+        .toRadixString(16)
+        .substring(2, 8);
+    // KenLogger.warning(color);
+    String bgColor = MihColors.getSecondaryColor(
+            MzansiInnovationHub.of(context)!.theme.mode == "Dark")
+        .toARGB32()
+        .toRadixString(16)
+        .substring(2, 8);
+    // KenLogger.warning(bgColor);
+    String encodedData =
+        Uri.encodeComponent("$qrCodedata${business.business_id}");
+
+    return "https://api.qrserver.com/v1/create-qr-code/?data=$encodedData&size=${qrSize}x${qrSize}&bgcolor=$bgColor&color=$color";
+  }
+
+  Future<void> saveImage(Uint8List imageBytes) async {
+    final String filename =
+        "${business.Name}_QR_Code_${DateTime.now().millisecondsSinceEpoch}.png";
+    if (kIsWeb) {
+      await FileSaver.instance.saveFile(
+        name: filename,
+        bytes: imageBytes,
+        fileExtension: "png",
+        mimeType: MimeType.png,
+      );
+    } else {
+      await FileSaver.instance.saveAs(
+        name: filename,
+        bytes: imageBytes,
+        fileExtension: "png",
+        mimeType: MimeType.png,
+      );
+    }
+  }
+
+  Future<void> downloadQrCode() async {
+    if (_isUserSignedIn) {
+      await screenshotController.capture().then((image) {
+        KenLogger.success("Image Captured: $image");
+        setState(() {
+          businessQRImageFile = image;
+        });
+      }).catchError((onError) {
+        KenLogger.error(onError);
+      });
+      KenLogger.success("QR Code Image Captured : $businessQRImageFile");
+      saveImage(businessQRImageFile!);
+    } else {
+      showSignInRequiredAlert();
+    }
+  }
+
+  void showSignInRequiredAlert() {
+    showDialog(
+      barrierDismissible: false,
+      context: context,
+      builder: (context) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: null,
+          onWindowTapClose: null,
+          windowBody: Column(
+            children: [
+              Icon(
+                MihIcons.mihLogo,
+                size: 100,
+                color: MihColors.getSecondaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              ),
+              Text(
+                "Let's Get Started",
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: MihColors.getPrimaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  fontSize: 25,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 15),
+              Text(
+                "Ready to dive in to the world of MIH?\nSign in or create a free MIH account to unlock all the powerful features of the MIH app. It's quick and easy!",
+                style: TextStyle(
+                  color: MihColors.getSecondaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  fontSize: 15,
+                ),
+              ),
+              const SizedBox(height: 25),
+              Center(
+                child: MihButton(
+                  onPressed: () {
+                    context.goNamed(
+                      'mihHome',
+                      extra: true,
+                    );
+                  },
+                  buttonColor: MihColors.getGreenColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  elevation: 10,
+                  width: 300,
+                  child: Text(
+                    "Sign In/ Create Account",
+                    style: TextStyle(
+                      color: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      fontSize: 20,
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                ),
+              )
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  Widget displayBusinessQRCode(double profilePictureWidth) {
+    return Screenshot(
+      controller: screenshotController,
+      child: Material(
+        color: MihColors.getSecondaryColor(
+                MzansiInnovationHub.of(context)!.theme.mode == "Dark")
+            .withValues(alpha: 0.6),
+        borderRadius: BorderRadius.circular(25),
+        elevation: 10,
+        shadowColor: Colors.black,
+        child: Container(
+          decoration: BoxDecoration(
+            color: MihColors.getSecondaryColor(
+                MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            borderRadius: BorderRadius.circular(20),
+          ),
+          child: Padding(
+              padding: const EdgeInsets.all(20.0),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  FutureBuilder(
+                    future: futureImageUrl,
+                    builder: (context, asyncSnapshot) {
+                      if (asyncSnapshot.connectionState ==
+                              ConnectionState.done &&
+                          asyncSnapshot.hasData) {
+                        if (asyncSnapshot.requireData != "" ||
+                            asyncSnapshot.requireData.isNotEmpty) {
+                          return MihCircleAvatar(
+                            imageFile: CachedNetworkImageProvider(
+                                asyncSnapshot.requireData),
+                            width: profilePictureWidth,
+                            editable: false,
+                            fileNameController: TextEditingController(),
+                            userSelectedfile: file,
+                            frameColor: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            backgroundColor: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            onChange: () {},
+                          );
+                        } else {
+                          return Icon(
+                            MihIcons.iDontKnow,
+                            size: profilePictureWidth,
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          );
+                        }
+                      } else {
+                        return Icon(
+                          MihIcons.mihRing,
+                          size: profilePictureWidth,
+                          color: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        );
+                      }
+                    },
+                  ),
+                  FittedBox(
+                    child: Text(
+                      business.Name,
+                      style: TextStyle(
+                        fontSize: 35,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                  FittedBox(
+                    child: Text(
+                      business.type,
+                      style: TextStyle(
+                        fontSize: 20,
+                        fontWeight: FontWeight.w600,
+                        color: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(height: 5),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      FittedBox(
+                        child: Text(
+                          "Powered by MIH",
+                          style: TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.w600,
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(width: 5),
+                      Icon(
+                        MihIcons.mihLogo,
+                        size: 20,
+                        color: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 10),
+                  SizedBox(
+                    width: 300,
+                    height: 300,
+                    child: CachedNetworkImage(
+                      imageUrl: getQrCodeData(qrSize.toInt()),
+                      placeholder: (context, url) => const Mihloadingcircle(),
+                      errorWidget: (context, url, error) =>
+                          const Icon(Icons.error),
+                    ),
+                  ),
+                  const SizedBox(height: 10),
+                  FittedBox(
+                    child: Text(
+                      "Scan & Connect",
+                      style: TextStyle(
+                        fontSize: 30,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                ],
+              )),
+        ),
+      ),
+    );
+  }
+
+  void shareMIHLink(BuildContext context, String message, String link) {
+    String shareText = "$message: $link";
+    SharePlus.instance.share(
+      ShareParams(text: shareText),
+    );
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    MzansiProfileProvider profileProvider =
+        context.read<MzansiProfileProvider>();
+    if (widget.business != null) {
+      business = widget.business!;
+    } else {
+      business = profileProvider.business!;
+    }
+    _checkUserSession();
+    futureImageUrl = MihFileApi.getMinioFileUrl(business.logo_path);
+    qrCodedata =
+        "${AppEnviroment.baseAppUrl}/business-profile/view?business_id=";
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    Size screenSize = MediaQuery.of(context).size;
+    return MihPackageToolBody(
+      borderOn: false,
+      innerHorizontalPadding: 10,
+      bodyItem: getBody(screenSize, context),
+    );
+  }
+
+  Widget getBody(Size screenSize, BuildContext context) {
+    double profilePictureWidth = 150;
+    return Stack(
+      alignment: Alignment.topCenter,
+      children: [
+        MihSingleChildScroll(
+          child: Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 15.0),
+            child: Padding(
+              padding:
+                  MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                      ? EdgeInsets.symmetric(horizontal: screenSize.width * 0.2)
+                      : EdgeInsets.symmetric(
+                          horizontal: screenSize.width * 0), //.075),
+              child: Padding(
+                padding: const EdgeInsets.only(top: 10.0),
+                child: displayBusinessQRCode(profilePictureWidth),
+              ),
+            ),
+          ),
+        ),
+        Positioned(
+          right: 10,
+          bottom: 10,
+          child: MihFloatingMenu(
+              animatedIcon: AnimatedIcons.menu_close,
+              children: [
+                SpeedDialChild(
+                  child: Icon(
+                    Icons.download_rounded,
+                    color: MihColors.getPrimaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  ),
+                  label: "Download QR Code",
+                  labelBackgroundColor: MihColors.getGreenColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  labelStyle: TextStyle(
+                    color: MihColors.getPrimaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    fontWeight: FontWeight.bold,
+                  ),
+                  backgroundColor: MihColors.getGreenColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  onTap: () {
+                    downloadQrCode();
+                  },
+                ),
+                SpeedDialChild(
+                  child: Icon(
+                    Icons.share_rounded,
+                    color: MihColors.getPrimaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  ),
+                  label: "Share Business",
+                  labelBackgroundColor: MihColors.getGreenColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  labelStyle: TextStyle(
+                    color: MihColors.getPrimaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                    fontWeight: FontWeight.bold,
+                  ),
+                  backgroundColor: MihColors.getGreenColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  onTap: () {
+                    shareMIHLink(
+                      context,
+                      "Check out ${business.Name} on the MIH app's Mzansi Directory",
+                      "$qrCodedata${business.business_id}",
+                    );
+                  },
+                ),
+              ]),
+        )
+      ],
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_reviews.dart

@@ -0,0 +1,253 @@
+import 'package:custom_rating_bar/custom_rating_bar.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business_review.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/components/mih_review_business_window.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_mzansi_directory_services.dart';
+import 'package:provider/provider.dart';
+
+class MihBusinessReviews extends StatefulWidget {
+  final Business? business;
+  const MihBusinessReviews({
+    super.key,
+    required this.business,
+  });
+
+  @override
+  State<MihBusinessReviews> createState() => _MihBusinessReviewsState();
+}
+
+class _MihBusinessReviewsState extends State<MihBusinessReviews> {
+  late Business business;
+
+  @override
+  void initState() {
+    super.initState();
+    MzansiProfileProvider profileProvider =
+        context.read<MzansiProfileProvider>();
+    if (widget.business != null) {
+      business = widget.business!;
+    } else {
+      business = profileProvider.business!;
+    }
+  }
+
+  void onReviewTap(BusinessReview? businessReview, double width) {
+    // showDialog(context: context, builder: (context)=> )
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) {
+        return MihReviewBusinessWindow(
+          business: business,
+          businessReview: businessReview,
+          screenWidth: width,
+          readOnly: true,
+          onSuccessDismissPressed: () {},
+        );
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return FutureBuilder(
+        future: MihMzansiDirectoryServices().getAllReviewsofBusiness(
+          business.business_id,
+        ),
+        builder: (context, asyncSnapshot) {
+          if (asyncSnapshot.connectionState == ConnectionState.waiting) {
+            return const Mihloadingcircle();
+          } else if (asyncSnapshot.connectionState == ConnectionState.done &&
+              asyncSnapshot.hasData) {
+            List<BusinessReview> reviews = asyncSnapshot.data!;
+            print("Reviews: ${reviews.length}");
+            if (reviews.isEmpty) {
+              return Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 10.0),
+                child: Column(
+                  // mainAxisAlignment: MainAxisAlignment.center,
+                  // crossAxisAlignment: CrossAxisAlignment.center,
+                  children: [
+                    const SizedBox(height: 50),
+                    Stack(
+                      alignment: AlignmentDirectional.center,
+                      children: [
+                        Padding(
+                          padding: const EdgeInsets.only(top: 10.0),
+                          child: Icon(
+                            MihIcons.mihRing,
+                            size: 165,
+                            color: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                        ),
+                        Icon(
+                          Icons.star_rate_rounded,
+                          size: 150,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 10),
+                    Text(
+                      "No reviews yet, be the first the review ${business.Name}",
+                      textAlign: TextAlign.center,
+                      overflow: TextOverflow.visible,
+                      style: TextStyle(
+                        fontSize: 25,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                    // const SizedBox(height: 10),
+                    // Center(
+                    //   child: RichText(
+                    //     textAlign: TextAlign.center,
+                    //     text: TextSpan(
+                    //       style: TextStyle(
+                    //         fontSize: 20,
+                    //         fontWeight: FontWeight.normal,
+                    //         color: MzansiInnovationHub.of(context)!
+                    //             .theme
+                    //             .secondaryColor(),
+                    //       ),
+                    //       children: [
+                    //         TextSpan(text: "Press "),
+                    //         WidgetSpan(
+                    //           alignment: PlaceholderAlignment.middle,
+                    //           child: Icon(
+                    //             Icons.menu,
+                    //             size: 20,
+                    //             color: MzansiInnovationHub.of(context)!
+                    //                 .theme
+                    //                 .secondaryColor(),
+                    //           ),
+                    //         ),
+                    //         TextSpan(text: " to add your first loyalty card"),
+                    //       ],
+                    //     ),
+                    //   ),
+                    // ),
+                  ],
+                ),
+              );
+              // return Column(
+              //   children: [
+              //     const SizedBox(height: 50),
+              //     Icon(
+              //       Icons.star_rate_rounded,
+              //       size: 150,
+              //       color:
+              //           MihColors.getSecondaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              //     ),
+              //     Text(
+              //       "No reviews yet, be the first the review\n${widget.business.Name}",
+              //       textAlign: TextAlign.center,
+              //       style: TextStyle(
+              //         fontSize: 18,
+              //         fontWeight: FontWeight.bold,
+              //       ),
+              //     ),
+              //   ],
+              // );
+            } else {
+              int descriptionDisplayCOunt = 75;
+              return ListView.separated(
+                itemCount: reviews.length,
+                separatorBuilder: (context, index) => Divider(),
+                itemBuilder: (context, index) {
+                  return ListTile(
+                    onTap: () {
+                      onReviewTap(reviews[index], screenWidth);
+                    },
+                    title: RatingBar.readOnly(
+                      size: 25,
+                      alignment: Alignment.centerLeft,
+                      filledIcon: Icons.star,
+                      emptyIcon: Icons.star_border,
+                      halfFilledIcon: Icons.star_half,
+                      filledColor: MihColors.getYellowColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      // MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      emptyColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      halfFilledColor: MihColors.getYellowColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      // MihColors.getPrimaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      // filledColor:
+                      //     MihColors.getSecondaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      // emptyColor:
+                      //     MihColors.getSecondaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      // halfFilledColor:
+                      //     MihColors.getSecondaryColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                      isHalfAllowed: true,
+                      initialRating: double.parse(reviews[index].rating_score),
+                      maxRating: 5,
+                    ),
+                    subtitle: Column(
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      mainAxisSize: MainAxisSize.max,
+                      children: [
+                        // Text(
+                        //   "${reviews[index].reviewer} ",
+                        //   style: TextStyle(
+                        //     fontSize: 15,
+                        //     fontWeight: FontWeight.bold,
+                        //   ),
+                        // ),
+                        Text(
+                          reviews[index].rating_title,
+                          softWrap: true,
+                          textAlign: TextAlign.left,
+                          style: TextStyle(
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                        Visibility(
+                          visible: reviews[index].rating_description.isNotEmpty,
+                          child: Text(
+                            reviews[index].rating_description.isEmpty
+                                ? ""
+                                : "${reviews[index].rating_description.substring(0, reviews[index].rating_description.length >= descriptionDisplayCOunt ? descriptionDisplayCOunt : reviews[index].rating_description.length - 1)}${reviews[index].rating_description.length >= descriptionDisplayCOunt ? "..." : ""}",
+                            style: TextStyle(
+                              fontSize: 18,
+                              fontWeight: FontWeight.normal,
+                            ),
+                          ),
+                        ),
+                        Text(
+                          "${reviews[index].date_time.split("T")[0]} ",
+                          style: TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.normal,
+                          ),
+                        ),
+                      ],
+                    ),
+                  );
+                },
+              );
+            }
+          } else {
+            return Center(child: Text('Error'));
+          }
+        });
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_business_user_search.dart

@@ -0,0 +1,203 @@
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_search_bar.dart';
+import 'package:mzansi_innovation_hub/mih_objects/app_user.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/builders/build_user_list.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_user_services.dart';
+import 'package:provider/provider.dart';
+
+class MihBusinessUserSearch extends StatefulWidget {
+  const MihBusinessUserSearch({
+    super.key,
+  });
+
+  @override
+  State<MihBusinessUserSearch> createState() => _MihBusinessUserSearchState();
+}
+
+class _MihBusinessUserSearchState extends State<MihBusinessUserSearch> {
+  final TextEditingController searchController = TextEditingController();
+  late Future<List<AppUser>> userSearchResults;
+  final FocusNode _searchFocusNode = FocusNode();
+  bool hasSearchedBefore = false;
+  String userSearch = "";
+  String errorCode = "";
+  String errorBody = "";
+
+  Future<List<AppUser>> fetchUsers(
+      MzansiProfileProvider profileProvider, String search) async {
+    return MihUserServices().searchUsers(profileProvider, search, context);
+  }
+
+  void submitUserForm(MzansiProfileProvider profileProvider) {
+    if (searchController.text != "") {
+      userSearch = searchController.text;
+      hasSearchedBefore = true;
+      userSearchResults = fetchUsers(profileProvider, userSearch);
+    }
+  }
+
+  Widget displayUserList(MzansiProfileProvider profileProvider) {
+    if (profileProvider.userSearchResults.isNotEmpty) {
+      return Expanded(child: BuildUserList());
+    }
+    if (hasSearchedBefore && userSearch.isNotEmpty) {
+      return Column(
+        children: [
+          const SizedBox(height: 50),
+          Icon(
+            MihIcons.iDontKnow,
+            size: 165,
+            color: MihColors.getSecondaryColor(
+                MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          ),
+          const SizedBox(height: 10),
+          Text(
+            "Let's try refining your search",
+            textAlign: TextAlign.center,
+            overflow: TextOverflow.visible,
+            style: TextStyle(
+              fontSize: 25,
+              fontWeight: FontWeight.bold,
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            ),
+          ),
+        ],
+      );
+    } else {
+      return Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 10.0),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const SizedBox(height: 50),
+            Icon(
+              MihIcons.personalProfile,
+              size: 165,
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            ),
+            const SizedBox(height: 10),
+            Text(
+              "Search for a member of Mzansi to add to your team",
+              textAlign: TextAlign.center,
+              overflow: TextOverflow.visible,
+              style: TextStyle(
+                fontSize: 25,
+                fontWeight: FontWeight.bold,
+                color: MihColors.getSecondaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              ),
+            ),
+            const SizedBox(height: 25),
+            Center(
+              child: RichText(
+                textAlign: TextAlign.center,
+                text: TextSpan(
+                  style: TextStyle(
+                    fontSize: 20,
+                    fontWeight: FontWeight.normal,
+                    color: MihColors.getSecondaryColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  ),
+                  children: [
+                    TextSpan(
+                        text: "You can search using their username or email"),
+                    // WidgetSpan(
+                    //   alignment: PlaceholderAlignment.middle,
+                    //   child: Icon(
+                    //     Icons.menu,
+                    //     size: 20,
+                    //     color: MzansiInnovationHub.of(context)!
+                    //         .theme
+                    //         .secondaryColor(),
+                    //   ),
+                    // ),
+                    // TextSpan(text: " to add your first loyalty card"),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      );
+    }
+    // return Center(
+    //   child: Text(
+    //     "Enter Username or Email to search",
+    //     style: TextStyle(
+    //         fontSize: 25,
+    //         color: MihColors.getGreyColor(MzansiInnovationHub.of(context)!.theme.mode == "Dark")),
+    //     textAlign: TextAlign.center,
+    //   ),
+    // );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    // TODO: implement dispose
+    super.dispose();
+    _searchFocusNode.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final Size size = MediaQuery.sizeOf(context);
+    final double width = size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      innerHorizontalPadding: 10,
+      bodyItem: getBody(width),
+    );
+  }
+
+  Widget getBody(double width) {
+    // dscvds
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context, MzansiProfileProvider profileProvider,
+          Widget? child) {
+        return Column(
+          mainAxisSize: MainAxisSize.max,
+          children: [
+            Padding(
+              padding: EdgeInsets.symmetric(horizontal: width / 20),
+              child: MihSearchBar(
+                controller: searchController,
+                hintText: "Search Users",
+                prefixIcon: Icons.search,
+                fillColor: MihColors.getSecondaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                hintColor: MihColors.getPrimaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                onPrefixIconTap: () {
+                  submitUserForm(profileProvider);
+                },
+                onClearIconTap: () {
+                  setState(() {
+                    searchController.clear();
+                    userSearch = "";
+                  });
+                  profileProvider.setUserearchResults(userSearchResults: []);
+                },
+                searchFocusNode: _searchFocusNode,
+              ),
+            ),
+            const SizedBox(height: 10),
+            displayUserList(profileProvider),
+          ],
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_my_business_team.dart

@@ -0,0 +1,81 @@
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_objects/business_employee.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/builders/build_employee_list.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class MihMyBusinessTeam extends StatefulWidget {
+  const MihMyBusinessTeam({
+    super.key,
+  });
+
+  @override
+  State<MihMyBusinessTeam> createState() => _MihMyBusinessTeamState();
+}
+
+class _MihMyBusinessTeamState extends State<MihMyBusinessTeam> {
+  String errorCode = "";
+  String errorBody = "";
+
+  // void getEmployeeData(MzansiProfileProvider mzansiProfileProvider) {
+  //   WidgetsBinding.instance.addPostFrameCallback((_) async {
+  //     await MihBusinessEmployeeServices()
+  //         .fetchEmployees(mzansiProfileProvider, context);
+  //   });
+  // }
+
+  Widget displayEmployeeList(List<BusinessEmployee> employeeList) {
+    if (employeeList.isNotEmpty) {
+      return Expanded(child: BuildEmployeeList());
+    }
+    return Center(
+      child: Text(
+        "",
+        style: TextStyle(
+            fontSize: 25,
+            color: MihColors.getGreyColor(
+                MzansiInnovationHub.of(context)!.theme.mode == "Dark")),
+        textAlign: TextAlign.center,
+      ),
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    // fetchEmployees(context.read<MzansiProfileProvider>()).catchError((e) {
+    //   // Handle the error thrown in fetchEmployees
+    //   print('Error fetching employees: $e');
+    // });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MihPackageToolBody(
+      borderOn: false,
+      bodyItem: getBody(),
+    );
+  }
+
+  Widget getBody() {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        if (mzansiProfileProvider.employeeList == null) {
+          return Center(
+            child: Mihloadingcircle(),
+          );
+        }
+        return Column(
+          children: [
+            displayEmployeeList(mzansiProfileProvider.employeeList!),
+          ],
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/business_profile/package_tools/mih_my_business_user.dart

@@ -0,0 +1,303 @@
+import 'dart:ui';
+
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_image_display.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/components/mih_update_my_business_user_details.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:provider/provider.dart';
+
+class MihMyBusinessUser extends StatefulWidget {
+  const MihMyBusinessUser({
+    super.key,
+  });
+
+  @override
+  State<MihMyBusinessUser> createState() => _MihMyBusinessUserState();
+}
+
+class _MihMyBusinessUserState extends State<MihMyBusinessUser> {
+  final fileNameController = TextEditingController();
+  final signtureController = TextEditingController();
+  PlatformFile? userPicFile;
+  PlatformFile? newSelectedSignaturePic;
+
+  void editBizUserProfileWindow(
+      MzansiProfileProvider mzansiProfileProvider, double width) {
+    showDialog(
+      barrierDismissible: false,
+      context: context,
+      builder: (context) => MihUpdateMyBusinessUserDetails(),
+    );
+  }
+
+  String getDisplayText(
+      MzansiProfileProvider profileProvider, String originalText) {
+    int textLength = originalText.length >= 13 ? 13 : 6;
+    String displayText = "";
+    if (profileProvider.hideBusinessUserDetails) {
+      for (int i = 0; i < textLength; i++) {
+        displayText += "●";
+      }
+    } else {
+      displayText = originalText;
+    }
+    return displayText;
+  }
+
+  Widget buildEmployeeInfoCard(MzansiProfileProvider profileProvider) {
+    TextStyle titleStyle = TextStyle(
+      fontSize: 30,
+      fontWeight: FontWeight.bold,
+      color: MihColors.getPrimaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+    TextStyle subtitleStyle = TextStyle(
+      fontSize: 20,
+      fontWeight: FontWeight.normal,
+      color: MihColors.getPrimaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+    TextStyle subtitleHeadingStyle = TextStyle(
+      fontSize: 20,
+      fontWeight: FontWeight.bold,
+      color: MihColors.getPrimaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+    return MihPackageWindow(
+      fullscreen: false,
+      windowTitle: "Employee Info Card",
+      onWindowTapClose: null,
+      backgroundColor: MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+      foregroundColor: MihColors.getPrimaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+      windowBody: Column(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.start,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      "${profileProvider.user!.fname} ${profileProvider.user!.lname}",
+                      style: titleStyle,
+                    ),
+                    RichText(
+                      text: TextSpan(
+                        children: <TextSpan>[
+                          TextSpan(
+                            text: "Title: ",
+                            style: subtitleHeadingStyle,
+                          ),
+                          TextSpan(
+                            text: profileProvider.businessUser!.title,
+                            style: subtitleStyle,
+                          ),
+                        ],
+                      ),
+                    ),
+                    RichText(
+                      text: TextSpan(
+                        children: <TextSpan>[
+                          TextSpan(
+                            text: "Access: ",
+                            style: subtitleHeadingStyle,
+                          ),
+                          TextSpan(
+                            text: getDisplayText(profileProvider,
+                                profileProvider.businessUser!.access),
+                            style: subtitleStyle,
+                          ),
+                        ],
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+
+  void setControllers() {
+    MzansiProfileProvider mzansiProfileProvider =
+        context.read<MzansiProfileProvider>();
+    fileNameController.text =
+        mzansiProfileProvider.user!.pro_pic_path.split("/").last;
+    signtureController.text =
+        mzansiProfileProvider.businessUser!.sig_path.split("/").last;
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    fileNameController.dispose();
+    signtureController.dispose();
+    userPicFile = null;
+    newSelectedSignaturePic = null;
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    setControllers();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      innerHorizontalPadding: 10,
+      bodyItem: getBody(screenWidth),
+    );
+  }
+
+  Widget getBody(double width) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return Stack(
+          children: [
+            MihSingleChildScroll(
+              child: Padding(
+                padding: MzansiInnovationHub.of(context)!.theme.screenType ==
+                        "desktop"
+                    ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                    : EdgeInsets.symmetric(horizontal: width * 0.075),
+                child: Column(
+                  children: [
+                    Center(
+                      child: MihCircleAvatar(
+                        imageFile: mzansiProfileProvider.userProfilePicture,
+                        width: 150,
+                        editable: false,
+                        fileNameController: fileNameController,
+                        userSelectedfile: userPicFile,
+                        frameColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        backgroundColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        onChange: (_) {},
+                      ),
+                    ),
+                    const SizedBox(height: 20),
+                    buildEmployeeInfoCard(mzansiProfileProvider),
+                    const SizedBox(height: 10),
+                    Container(
+                      width: 300,
+                      alignment: Alignment.topLeft,
+                      child: const Text(
+                        "Signature:",
+                        style: TextStyle(
+                          fontSize: 18,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                    Center(
+                      child: mzansiProfileProvider.hideBusinessUserDetails
+                          ? ClipRRect(
+                              borderRadius: BorderRadius.circular(300 * 0.1),
+                              child: ImageFiltered(
+                                imageFilter: ImageFilter.blur(
+                                    sigmaX: 15.0, sigmaY: 15.0),
+                                child: MihImageDisplay(
+                                  key: UniqueKey(),
+                                  imageFile: mzansiProfileProvider
+                                      .businessUserSignature,
+                                  width: 300,
+                                  height: 200,
+                                  editable: false,
+                                  fileNameController: signtureController,
+                                  userSelectedfile: newSelectedSignaturePic,
+                                  onChange: (selectedFile) {},
+                                ),
+                              ),
+                            )
+                          : MihImageDisplay(
+                              key: UniqueKey(),
+                              imageFile:
+                                  mzansiProfileProvider.businessUserSignature,
+                              width: 300,
+                              height: 200,
+                              editable: false,
+                              fileNameController: signtureController,
+                              userSelectedfile: newSelectedSignaturePic,
+                              onChange: (selectedFile) {},
+                            ),
+                    ),
+                    const SizedBox(height: 20),
+                    Center(
+                      child: MihButton(
+                        onPressed: () {
+                          editBizUserProfileWindow(
+                              mzansiProfileProvider, width);
+                        },
+                        buttonColor: MihColors.getGreenColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        width: 300,
+                        child: Text(
+                          "Edit Profile",
+                          style: TextStyle(
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+            Positioned(
+              right: 5,
+              top: 5,
+              child: MihButton(
+                width: 40,
+                height: 40,
+                onPressed: () {
+                  mzansiProfileProvider.setHideBusinessUserDetails(
+                      !mzansiProfileProvider.hideBusinessUserDetails);
+                },
+                buttonColor: mzansiProfileProvider.hideBusinessUserDetails
+                    ? MihColors.getGreenColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark")
+                    : MihColors.getRedColor(
+                        MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                child: Icon(
+                  mzansiProfileProvider.hideBusinessUserDetails
+                      ? Icons.visibility
+                      : Icons.visibility_off,
+                  color: MihColors.getPrimaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                ),
+              ),
+            ),
+          ],
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/components/mih_edit_personal_profile_window.dart

@@ -0,0 +1,528 @@
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ken_logger/ken_logger.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_form.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_window.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_text_form_field.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_toggle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_env.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_user_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
+import 'package:provider/provider.dart';
+
+class MihEditPersonalProfileWindow extends StatefulWidget {
+  const MihEditPersonalProfileWindow({super.key});
+
+  @override
+  State<MihEditPersonalProfileWindow> createState() =>
+      _MihEditPersonalProfileWindowState();
+}
+
+class _MihEditPersonalProfileWindowState
+    extends State<MihEditPersonalProfileWindow> {
+  TextEditingController proPicController = TextEditingController();
+  TextEditingController usernameController = TextEditingController();
+  TextEditingController fnameController = TextEditingController();
+  TextEditingController lnameController = TextEditingController();
+  TextEditingController purposeController = TextEditingController();
+  bool _controllersInitialized = false;
+  final ValueNotifier<int> _counter = ValueNotifier<int>(0);
+  final _formKey = GlobalKey<FormState>();
+  PlatformFile? newSelectedProPic;
+  String oldProPicName = "";
+  String env = "";
+  bool businessUser = false;
+
+  void initializeControllers(MzansiProfileProvider mzansiProfileProvider) {
+    businessUser = mzansiProfileProvider.user!.type == "business";
+    oldProPicName = mzansiProfileProvider.user!.pro_pic_path.isNotEmpty
+        ? mzansiProfileProvider.user!.pro_pic_path.split("/").last
+        : "";
+    env = AppEnviroment.getEnv() == "Prod" ? env = "Prod" : env = "Dev";
+    if (!_controllersInitialized && mzansiProfileProvider.user != null) {
+      usernameController.text = mzansiProfileProvider.user!.username;
+      fnameController.text = mzansiProfileProvider.user!.fname;
+      lnameController.text = mzansiProfileProvider.user!.lname;
+      purposeController.text = mzansiProfileProvider.user!.purpose;
+      proPicController.text =
+          mzansiProfileProvider.user!.pro_pic_path.isNotEmpty
+              ? mzansiProfileProvider.user!.pro_pic_path.split("/").last
+              : "";
+      businessUser = mzansiProfileProvider.user!.type == "business";
+      _controllersInitialized = true;
+    }
+  }
+
+  Future<void> submitForm(MzansiProfileProvider mzansiProfileProvider) async {
+    if (mzansiProfileProvider.user!.username != usernameController.text) {
+      bool isUsernameUnique = await MihUserServices.isUsernameUnique(
+          usernameController.text, context);
+      if (isUsernameUnique == false) {
+        notUniqueAlert();
+        return;
+      }
+    }
+    if (oldProPicName != proPicController.text) {
+      await uploadSelectedFile(mzansiProfileProvider, newSelectedProPic);
+    }
+    await updateUserApiCall(mzansiProfileProvider);
+  }
+
+  Future<void> updateUserApiCall(
+      MzansiProfileProvider mzansiProfileProvider) async {
+    KenLogger.success("businessUser: $businessUser");
+    int responseCode = await MihUserServices().updateUserV2(
+      mzansiProfileProvider.user!,
+      fnameController.text,
+      lnameController.text,
+      usernameController.text,
+      proPicController.text,
+      purposeController.text,
+      businessUser,
+      context,
+    );
+    if (responseCode == 200) {
+      setState(() {
+        setProfileVariables(mzansiProfileProvider);
+        newSelectedProPic = null;
+      });
+      // if (originalProfileTypeIsBusiness == false && businessUser == true) {
+      //   stayOnPersonalSide = false;
+      // }
+      String message = "Your information has been updated successfully!";
+      successPopUp(
+        mzansiProfileProvider,
+        message,
+      );
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  Future<void> uploadSelectedFile(
+      MzansiProfileProvider mzansiProfileProvider, PlatformFile? file) async {
+    var response = await MihFileApi.uploadFile(
+      mzansiProfileProvider.user!.app_id,
+      env,
+      "profile_files",
+      file,
+      context,
+    );
+    if (response == 200) {
+      deleteFileApiCall(mzansiProfileProvider, oldProPicName);
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  Future<void> deleteFileApiCall(
+      MzansiProfileProvider mzansiProfileProvider, String filename) async {
+    var response = await MihFileApi.deleteFile(
+      mzansiProfileProvider.user!.app_id,
+      env,
+      "profile_files",
+      filename,
+      context,
+    );
+    if (response == 200) {
+      //SQL delete
+    } else {
+      MihAlertServices().internetConnectionAlert(context);
+    }
+  }
+
+  void setProfileVariables(MzansiProfileProvider mzansiProfileProvider) {
+    businessUser = mzansiProfileProvider.user!.type == "business";
+    oldProPicName = mzansiProfileProvider.user!.pro_pic_path.isNotEmpty
+        ? mzansiProfileProvider.user!.pro_pic_path.split("/").last
+        : "";
+    env = AppEnviroment.getEnv() == "Prod" ? env = "Prod" : env = "Dev";
+  }
+
+  Color getPurposeLimitColor(int limit) {
+    if (_counter.value <= limit) {
+      return MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    } else {
+      return MihColors.getRedColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark");
+    }
+  }
+
+  void successPopUp(
+    MzansiProfileProvider profileProvider,
+    String message,
+  ) {
+    MihAlertServices().successAdvancedAlert(
+      "Successfully Updated Profile",
+      message,
+      [
+        MihButton(
+          onPressed: () {
+            if (profileProvider.user!.type.toLowerCase() == "business" &&
+                profileProvider.business == null) {
+              setupBusinessPopUp(profileProvider);
+            } else {
+              context.pop();
+              context.pop();
+            }
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          elevation: 10,
+          width: 300,
+          child: Text(
+            "Dismiss",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      context,
+    );
+  }
+
+  void setupBusinessPopUp(
+    MzansiProfileProvider profileProvider,
+  ) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: null,
+          onWindowTapClose: null,
+          windowBody: Column(
+            children: [
+              Icon(
+                MihIcons.businessSetup,
+                size: 150,
+                color: MihColors.getSecondaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              ),
+              Text(
+                "Setup Business Profile?",
+                textAlign: TextAlign.center,
+                style: TextStyle(
+                  color: MihColors.getPrimaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  fontSize: 25,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 15),
+              Text(
+                "It looks like this is the first time activating your business account. Would you like to set up your business now or would you like to do it later?",
+                style: TextStyle(
+                  color: MihColors.getSecondaryColor(
+                      MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                  fontSize: 15,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 25),
+              Center(
+                child: Wrap(
+                  alignment: WrapAlignment.center,
+                  runAlignment: WrapAlignment.center,
+                  spacing: 10,
+                  runSpacing: 10,
+                  children: [
+                    MihButton(
+                      onPressed: () {
+                        context.pop();
+                        context.goNamed(
+                          'businessProfileSetup',
+                          extra: profileProvider.user,
+                        );
+                      },
+                      buttonColor: MihColors.getGreenColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      elevation: 10,
+                      width: 300,
+                      child: Text(
+                        "Setup Business",
+                        style: TextStyle(
+                          color: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          fontSize: 20,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                    MihButton(
+                      onPressed: () {
+                        context.pop();
+                        context.pop();
+                        context.pop();
+                      },
+                      buttonColor: MihColors.getOrangeColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      elevation: 10,
+                      width: 300,
+                      child: Text(
+                        "Setup Later",
+                        style: TextStyle(
+                          color: MihColors.getPrimaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          fontSize: 20,
+                          fontWeight: FontWeight.bold,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              )
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  void notUniqueAlert() {
+    MihAlertServices().errorBasicAlert(
+      "Too Slow, That Username is Taken",
+      "The username you have entered is already taken by another member of Mzansi. Please choose a different username and try again.",
+      context,
+    );
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    initializeControllers(context.read<MzansiProfileProvider>());
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return MihPackageWindow(
+          fullscreen: false,
+          windowTitle: "Edit Profile",
+          onWindowTapClose: () {
+            Navigator.of(context).pop();
+          },
+          windowBody: Padding(
+            padding:
+                MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                    ? EdgeInsets.symmetric(horizontal: screenWidth * 0.05)
+                    : EdgeInsets.symmetric(horizontal: screenWidth * 0),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.start,
+              children: [
+                MihForm(
+                  formKey: _formKey,
+                  formFields: [
+                    Center(
+                      child: MihCircleAvatar(
+                        imageFile: newSelectedProPic != null
+                            ? MemoryImage(newSelectedProPic!.bytes!)
+                            : mzansiProfileProvider.userProfilePicture,
+                        width: 150,
+                        editable: true,
+                        fileNameController: proPicController,
+                        userSelectedfile: newSelectedProPic,
+                        frameColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        backgroundColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        onChange: (selectedImage) {
+                          setState(() {
+                            newSelectedProPic = selectedImage;
+                          });
+                        },
+                      ),
+                    ),
+                    // const SizedBox(height: 25.0),
+                    Visibility(
+                      visible: false,
+                      child: MihTextFormField(
+                        fillColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        inputColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        controller: proPicController,
+                        multiLineInput: false,
+                        requiredText: true,
+                        readOnly: true,
+                        hintText: "Selected File Name",
+                      ),
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: usernameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      hintText: "Username",
+                      validator: (value) {
+                        return MihValidationServices().validateUsername(value);
+                      },
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: fnameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      hintText: "First Name",
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: lnameController,
+                      multiLineInput: false,
+                      requiredText: true,
+                      hintText: "Last Name",
+                      validator: (value) {
+                        return MihValidationServices().isEmpty(value);
+                      },
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihTextFormField(
+                      height: 250,
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      inputColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      controller: purposeController,
+                      multiLineInput: true,
+                      requiredText: true,
+                      hintText: "Your Personal Mission",
+                      validator: (value) {
+                        return MihValidationServices()
+                            .validateLength(purposeController.text, 256);
+                      },
+                    ),
+                    SizedBox(
+                      height: 15,
+                      child: ValueListenableBuilder(
+                        valueListenable: _counter,
+                        builder:
+                            (BuildContext context, int value, Widget? child) {
+                          return Row(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.end,
+                            children: [
+                              Text(
+                                "$value",
+                                style: TextStyle(
+                                  color: getPurposeLimitColor(256),
+                                  fontWeight: FontWeight.bold,
+                                ),
+                              ),
+                              const SizedBox(width: 5),
+                              Text(
+                                "/256",
+                                style: TextStyle(
+                                  color: getPurposeLimitColor(256),
+                                  fontWeight: FontWeight.bold,
+                                ),
+                              ),
+                            ],
+                          );
+                        },
+                      ),
+                    ),
+                    const SizedBox(height: 10.0),
+                    MihToggle(
+                      hintText: "Activate Business Account",
+                      initialPostion: businessUser,
+                      fillColor: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      secondaryFillColor: MihColors.getPrimaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                      onChange: (value) {
+                        setState(() {
+                          businessUser = value;
+                        });
+                        KenLogger.success("Business User: $businessUser");
+                      },
+                    ),
+                    const SizedBox(height: 30.0),
+                    Center(
+                      child: MihButton(
+                        onPressed: () {
+                          //Add validation here
+                          if (_formKey.currentState!.validate()) {
+                            submitForm(mzansiProfileProvider);
+                          } else {
+                            MihAlertServices().inputErrorAlert(context);
+                          }
+                        },
+                        buttonColor: MihColors.getGreenColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        width: 300,
+                        child: Text(
+                          mzansiProfileProvider.user!.username.isEmpty
+                              ? "Setup Profile"
+                              : "Update",
+                          style: TextStyle(
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            fontSize: 20,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/mzansi_profile.dart

@@ -0,0 +1,122 @@
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_action.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tools.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_settings.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_data_helper_services.dart';
+import 'package:provider/provider.dart';
+
+class MzansiProfile extends StatefulWidget {
+  const MzansiProfile({
+    super.key,
+  });
+
+  @override
+  State<MzansiProfile> createState() => _MzansiProfileState();
+}
+
+class _MzansiProfileState extends State<MzansiProfile> {
+  bool _isLoadingInitialData = true;
+  late final MihPersonalProfile _personalProfile;
+  late final MihPersonalSettings _personalSettings;
+
+  Future<void> _loadInitialData() async {
+    setState(() {
+      _isLoadingInitialData = true;
+    });
+    MzansiProfileProvider mzansiProfileProvider =
+        context.read<MzansiProfileProvider>();
+    if (mzansiProfileProvider.user == null) {
+      await MihDataHelperServices().loadUserDataWithBusinessesData(
+        mzansiProfileProvider,
+      );
+    }
+    setState(() {
+      _isLoadingInitialData = false;
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _personalProfile = const MihPersonalProfile();
+    _personalSettings = const MihPersonalSettings();
+    _loadInitialData();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context, MzansiProfileProvider profileProvider,
+          Widget? child) {
+        if (_isLoadingInitialData) {
+          return Scaffold(
+            body: Center(
+              child: Mihloadingcircle(),
+            ),
+          );
+        }
+        return MihPackage(
+          appActionButton: getAction(),
+          appTools: getTools(),
+          appBody: getToolBody(),
+          appToolTitles: getToolTitle(),
+          selectedbodyIndex: profileProvider.personalIndex,
+          onIndexChange: (newIndex) {
+            profileProvider.setPersonalIndex(newIndex);
+          },
+        );
+      },
+    );
+  }
+
+  MihPackageAction getAction() {
+    return MihPackageAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        // Navigator.of(context).pop();
+        context.goNamed(
+          'mihHome',
+        );
+        FocusScope.of(context).unfocus();
+      },
+    );
+  }
+
+  MihPackageTools getTools() {
+    Map<Widget, void Function()?> temp = {};
+    temp[const Icon(Icons.person)] = () {
+      context.read<MzansiProfileProvider>().setPersonalIndex(0);
+    };
+    // temp[const Icon(Icons.person)] = () {
+    //   context.read<MzansiProfileProvider>().setPersonalIndex(1);
+    // };
+    temp[const Icon(Icons.settings)] = () {
+      context.read<MzansiProfileProvider>().setPersonalIndex(1);
+    };
+    return MihPackageTools(
+      tools: temp,
+      selcetedIndex: context.watch<MzansiProfileProvider>().personalIndex,
+    );
+  }
+
+  List<Widget> getToolBody() {
+    return [
+      _personalProfile,
+      _personalSettings,
+    ];
+  }
+
+  List<String> getToolTitle() {
+    List<String> toolTitles = [
+      "Profile",
+      "Settings",
+    ];
+    return toolTitles;
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/mzansi_profile_view.dart

@@ -0,0 +1,79 @@
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_action.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tools.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile_view.dart';
+import 'package:flutter/material.dart';
+
+class MzansiProfileView extends StatefulWidget {
+  const MzansiProfileView({
+    super.key,
+  });
+
+  @override
+  State<MzansiProfileView> createState() => _MzansiProfileViewState();
+}
+
+class _MzansiProfileViewState extends State<MzansiProfileView> {
+  int _selcetedIndex = 0;
+  late final MihPersonalProfileView _personalProfileView;
+
+  @override
+  void initState() {
+    super.initState();
+    _personalProfileView = MihPersonalProfileView();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MihPackage(
+      appActionButton: getAction(),
+      appTools: getTools(),
+      appBody: getToolBody(),
+      appToolTitles: getToolTitle(),
+      selectedbodyIndex: _selcetedIndex,
+      onIndexChange: (newValue) {
+        setState(() {
+          _selcetedIndex = newValue;
+        });
+      },
+    );
+  }
+
+  MihPackageAction getAction() {
+    return MihPackageAction(
+      icon: const Icon(Icons.arrow_back),
+      iconSize: 35,
+      onTap: () {
+        context.pop();
+        FocusScope.of(context).unfocus();
+      },
+    );
+  }
+
+  MihPackageTools getTools() {
+    Map<Widget, void Function()?> temp = {};
+    temp[const Icon(Icons.person)] = () {
+      setState(() {
+        _selcetedIndex = 0;
+      });
+    };
+    return MihPackageTools(
+      tools: temp,
+      selcetedIndex: _selcetedIndex,
+    );
+  }
+
+  List<Widget> getToolBody() {
+    return [
+      _personalProfileView,
+    ];
+  }
+
+  List<String> getToolTitle() {
+    List<String> toolTitles = [
+      "Profile",
+    ];
+    return toolTitles;
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_profile_tile.dart

@@ -0,0 +1,42 @@
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tile.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+
+class MzansiProfileTile extends StatefulWidget {
+  final double packageSize;
+
+  const MzansiProfileTile({
+    super.key,
+    required this.packageSize,
+  });
+
+  @override
+  State<MzansiProfileTile> createState() => _MzansiProfileTileState();
+}
+
+class _MzansiProfileTileState extends State<MzansiProfileTile> {
+  @override
+  Widget build(BuildContext context) {
+    // ImageProvider logo = MzansiInnovationHub.of(context)!.theme.logoImage();
+    return MihPackageTile(
+      onTap: () {
+        context.goNamed(
+          'mzansiProfileManage',
+        );
+      },
+      appName: "Mzansi Profile",
+      appIcon: Icon(
+        MihIcons.mihLogo,
+        color: MihColors.getSecondaryColor(
+            MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+        // size: widget.packageSize,
+      ),
+      iconSize: widget.packageSize,
+      textColor: MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/package_tiles/mzansi_setup_profile_tile.dart

@@ -0,0 +1,41 @@
+import 'package:go_router/go_router.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tile.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+
+class MzansiSetupProfileTile extends StatefulWidget {
+  final double packageSize;
+
+  const MzansiSetupProfileTile({
+    super.key,
+    required this.packageSize,
+  });
+
+  @override
+  State<MzansiSetupProfileTile> createState() => _MzansiSetupProfileTileState();
+}
+
+class _MzansiSetupProfileTileState extends State<MzansiSetupProfileTile> {
+  @override
+  Widget build(BuildContext context) {
+    return MihPackageTile(
+      onTap: () {
+        context.goNamed(
+          'mzansiProfileManage',
+        );
+      },
+      appName: "Set Up Profile",
+      appIcon: Icon(
+        MihIcons.profileSetup,
+        color: MihColors.getSecondaryColor(
+            MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+        // size: widget.packageSize,
+      ),
+      iconSize: widget.packageSize,
+      textColor: MihColors.getSecondaryColor(
+          MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile.dart

@@ -0,0 +1,301 @@
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_objects/profile_link.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_profile_links.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/personal_profile/components/mih_edit_personal_profile_window.dart';
+import 'package:provider/provider.dart';
+
+class MihPersonalProfile extends StatefulWidget {
+  const MihPersonalProfile({super.key});
+
+  @override
+  State<MihPersonalProfile> createState() => _MihPersonalProfileState();
+}
+
+class _MihPersonalProfileState extends State<MihPersonalProfile> {
+  TextEditingController proPicController = TextEditingController();
+  PlatformFile? newSelectedProPic;
+
+  void editProfileWindow(double width) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      builder: (context) => Consumer<MzansiProfileProvider>(
+        builder: (BuildContext context,
+            MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+          return MihEditPersonalProfileWindow();
+        },
+      ),
+    );
+  }
+
+  List<ProfileLink> getTempLinks() {
+    return [
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Youtube",
+        web_link: "https://www.youtube.com/@MzansiInnovationHub",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Threads",
+        web_link: "https://www.threads.com/@mzansi.innovation.hub",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "TikTok",
+        web_link: "https://www.tiktok.com/@mzansiinnovationhub",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "WhatsApp",
+        web_link: "https://whatsapp.com/channel/0029Vax3INCIyPtMn8KgeM2F",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Twitch",
+        web_link: "https://www.twitch.tv/mzansiinnovationhub",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Instagram",
+        web_link: "https://www.instagram.com/mzansi.innovation.hub/",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "X",
+        web_link: "https://x.com/mzansi_inno_hub",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "LinkedIn",
+        web_link: "https://www.linkedin.com/in/yasien-meth-172352108/",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Facebook",
+        web_link: "https://www.facebook.com/profile.php?id=61565345762136",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Reddit",
+        web_link: "https://www.reddit.com/r/Mzani_Innovation_Hub/",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "Discord",
+        web_link: "https://discord.gg/ZtTZYd5d",
+      ),
+      ProfileLink(
+        idprofile_links: 1,
+        app_id: "1234",
+        business_id: "",
+        destination: "My App",
+        web_link: "https://app.mzansi-innovation-hub.co.za/about",
+      ),
+    ];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      bodyItem: getBody(screenWidth),
+    );
+  }
+
+  Widget getBody(double width) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        if (mzansiProfileProvider.user == null) {
+          //Change to new user flow
+          return Center(
+            child: Mihloadingcircle(),
+          );
+        } else {
+          return MihSingleChildScroll(
+            child: Padding(
+              padding:
+                  MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                      ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                      : EdgeInsets.symmetric(horizontal: width * 0.075),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.start,
+                children: [
+                  Stack(
+                    children: [
+                      MihCircleAvatar(
+                        imageFile: mzansiProfileProvider.userProfilePicture,
+                        width: 150,
+                        editable: false,
+                        fileNameController: proPicController,
+                        userSelectedfile: newSelectedProPic,
+                        frameColor: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        backgroundColor: MihColors.getPrimaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                        onChange: (selectedImage) {
+                          setState(() {
+                            newSelectedProPic = selectedImage;
+                          });
+                        },
+                        key: ValueKey(mzansiProfileProvider.userProfilePicUrl),
+                      ),
+                      Positioned(
+                        bottom: 5,
+                        right: 5,
+                        child: MihButton(
+                          onPressed: () {
+                            editProfileWindow(width);
+                          },
+                          buttonColor: MihColors.getGreenColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          width: 35,
+                          height: 35,
+                          child: Icon(
+                            Icons.edit,
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 10.0),
+                  FittedBox(
+                    child: Text(
+                      mzansiProfileProvider.user!.username.isNotEmpty
+                          ? mzansiProfileProvider.user!.username
+                          : "username",
+                      style: TextStyle(
+                        fontSize: 35,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                  FittedBox(
+                    child: Text(
+                      mzansiProfileProvider.user!.fname.isNotEmpty
+                          ? "${mzansiProfileProvider.user!.fname} ${mzansiProfileProvider.user!.lname}"
+                          : "Name Surname",
+                      style: TextStyle(
+                        fontSize: 25,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                  FittedBox(
+                    child: Text(
+                      mzansiProfileProvider.user!.type == "business"
+                          ? "Business".toUpperCase()
+                          : "Personal".toUpperCase(),
+                      style: TextStyle(
+                        fontSize: 15,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(height: 10.0),
+                  Center(
+                    child: SizedBox(
+                      width: 700,
+                      child: Text(
+                        mzansiProfileProvider.user!.purpose.isNotEmpty
+                            ? mzansiProfileProvider.user!.purpose
+                            : "",
+                        textAlign: TextAlign.center,
+                        style: TextStyle(
+                          fontSize: 15,
+                          fontWeight: FontWeight.bold,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        ),
+                      ),
+                    ),
+                  ),
+                  const SizedBox(height: 15.0),
+                  Stack(
+                    children: [
+                      MihProfileLinks(
+                        // links: mzansiProfileProvider.personalLinks,
+                        links: getTempLinks(),
+                        buttonSize: 80,
+                        paddingOn: false,
+                      ),
+                      Positioned(
+                        top: 5,
+                        left: 5,
+                        child: MihButton(
+                          onPressed: () {
+                            editProfileWindow(width);
+                          },
+                          buttonColor: MihColors.getGreenColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                          width: 35,
+                          height: 35,
+                          child: Icon(
+                            Icons.link,
+                            color: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          );
+        }
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_profile_view.dart

@@ -0,0 +1,173 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_icons.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_directory_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_file_services.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_circle_avatar.dart';
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class MihPersonalProfileView extends StatefulWidget {
+  const MihPersonalProfileView({
+    super.key,
+  });
+
+  @override
+  State<MihPersonalProfileView> createState() => _MihPersonalProfileViewState();
+}
+
+class _MihPersonalProfileViewState extends State<MihPersonalProfileView> {
+  late Future<String> futureImageUrl;
+  PlatformFile? file;
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    MzansiDirectoryProvider directoryProvider =
+        context.read<MzansiDirectoryProvider>();
+    futureImageUrl = MihFileApi.getMinioFileUrl(
+        directoryProvider.selectedUser!.pro_pic_path);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    return MihPackageToolBody(
+      borderOn: false,
+      innerHorizontalPadding: 10,
+      bodyItem: getBody(screenWidth),
+    );
+  }
+
+  Widget getBody(double width) {
+    double profilePictureWidth = 150;
+    return Consumer<MzansiDirectoryProvider>(
+      builder: (BuildContext context, MzansiDirectoryProvider directoryProvider,
+          Widget? child) {
+        return MihSingleChildScroll(
+          child: Padding(
+            padding:
+                MzansiInnovationHub.of(context)!.theme.screenType == "desktop"
+                    ? EdgeInsets.symmetric(horizontal: width * 0.2)
+                    : EdgeInsets.symmetric(horizontal: width * 0.075),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.start,
+              children: [
+                FutureBuilder(
+                    future: futureImageUrl,
+                    builder: (context, asyncSnapshot) {
+                      if (asyncSnapshot.connectionState ==
+                              ConnectionState.done &&
+                          asyncSnapshot.hasData) {
+                        if (asyncSnapshot.requireData != "") {
+                          return MihCircleAvatar(
+                            imageFile: CachedNetworkImageProvider(
+                                asyncSnapshot.requireData),
+                            width: profilePictureWidth,
+                            editable: false,
+                            fileNameController: TextEditingController(),
+                            userSelectedfile: file,
+                            frameColor: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            backgroundColor: MihColors.getPrimaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                            onChange: () {},
+                          );
+                        } else {
+                          return Icon(
+                            MihIcons.iDontKnow,
+                            size: profilePictureWidth,
+                            color: MihColors.getSecondaryColor(
+                                MzansiInnovationHub.of(context)!.theme.mode ==
+                                    "Dark"),
+                          );
+                        }
+                      } else {
+                        return Icon(
+                          MihIcons.mihRing,
+                          size: profilePictureWidth,
+                          color: MihColors.getSecondaryColor(
+                              MzansiInnovationHub.of(context)!.theme.mode ==
+                                  "Dark"),
+                        );
+                      }
+                    }),
+                FittedBox(
+                  child: Text(
+                    directoryProvider.selectedUser!.username.isNotEmpty
+                        ? directoryProvider.selectedUser!.username
+                        : "Username",
+                    style: TextStyle(
+                      fontSize: 35,
+                      fontWeight: FontWeight.bold,
+                      color: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                    ),
+                  ),
+                ),
+                FittedBox(
+                  child: Text(
+                    directoryProvider.selectedUser!.fname.isNotEmpty
+                        ? "${directoryProvider.selectedUser!.fname} ${directoryProvider.selectedUser!.lname}"
+                        : "Name Surname",
+                    style: TextStyle(
+                      fontSize: 25,
+                      fontWeight: FontWeight.bold,
+                      color: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                    ),
+                  ),
+                ),
+                FittedBox(
+                  child: Text(
+                    directoryProvider.selectedUser!.type.toUpperCase(),
+                    style: TextStyle(
+                      fontSize: 15,
+                      fontWeight: FontWeight.bold,
+                      color: MihColors.getSecondaryColor(
+                          MzansiInnovationHub.of(context)!.theme.mode ==
+                              "Dark"),
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 10.0),
+                Center(
+                  child: SizedBox(
+                    width: 700,
+                    child: Text(
+                      directoryProvider.selectedUser!.purpose.isNotEmpty
+                          ? directoryProvider.selectedUser!.purpose
+                          : "No Personal Mission added yet",
+                      textAlign: TextAlign.center,
+                      style: TextStyle(
+                        fontSize: 15,
+                        fontWeight: FontWeight.bold,
+                        color: MihColors.getSecondaryColor(
+                            MzansiInnovationHub.of(context)!.theme.mode ==
+                                "Dark"),
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 30.0),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

mih_ui/lib/mih_packages/mzansi_profile/personal_profile/package_tools/mih_personal_settings.dart

@@ -0,0 +1,127 @@
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_providers/mzansi_profile_provider.dart';
+import 'package:mzansi_innovation_hub/mih_config/mih_colors.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_user_services.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_button.dart';
+import 'package:mzansi_innovation_hub/mih_package_components/mih_package_tool_body.dart';
+import 'package:flutter/material.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:provider/provider.dart';
+
+class MihPersonalSettings extends StatefulWidget {
+  const MihPersonalSettings({
+    super.key,
+  });
+
+  @override
+  State<MihPersonalSettings> createState() => _MihPersonalSettingsState();
+}
+
+class _MihPersonalSettingsState extends State<MihPersonalSettings> {
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<MzansiProfileProvider>(
+      builder: (BuildContext context,
+          MzansiProfileProvider mzansiProfileProvider, Widget? child) {
+        return MihPackageToolBody(
+          borderOn: false,
+          innerHorizontalPadding: 10,
+          bodyItem: getBody(mzansiProfileProvider),
+        );
+      },
+    );
+  }
+
+  void deleteAccountPopUp(
+      MzansiProfileProvider mzansiProfileProvider, BuildContext ctxtd) {
+    MihAlertServices().errorAdvancedAlert(
+      "Are you sure you want to permanently delete your MIH account?",
+      "This action will remove all of your data, and it cannot be recovered. We understand this is a big decision, so please take a moment to double-check.\n\nIf you're certain, please confirm below. If you've changed your mind, you can simply close this window.",
+      [
+        MihButton(
+          onPressed: () {
+            MihUserServices.deleteAccount(mzansiProfileProvider, context);
+          },
+          buttonColor: MihColors.getPrimaryColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          width: 300,
+          child: Text(
+            "Delete",
+            style: TextStyle(
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+        MihButton(
+          onPressed: () {
+            Navigator.pop(context);
+          },
+          buttonColor: MihColors.getGreenColor(
+              MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+          width: 300,
+          child: Text(
+            "Cancel",
+            style: TextStyle(
+              color: MihColors.getPrimaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              fontSize: 20,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+      ],
+      ctxtd,
+    );
+  }
+
+  Widget getBody(MzansiProfileProvider mzansiProfileProvider) {
+    return MihSingleChildScroll(
+      child: Column(
+        children: [
+          Center(
+            child: FaIcon(
+              FontAwesomeIcons.trashCan,
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+              size: 150,
+            ),
+          ),
+          const SizedBox(height: 10.0),
+          Text(
+            "Would you like to delete your MIH account?",
+            textAlign: TextAlign.center,
+            style: TextStyle(
+              fontSize: 18,
+              fontWeight: FontWeight.bold,
+              color: MihColors.getSecondaryColor(
+                  MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            ),
+          ),
+          const SizedBox(height: 10.0),
+          MihButton(
+            onPressed: () {
+              deleteAccountPopUp(mzansiProfileProvider, context);
+            },
+            buttonColor: MihColors.getRedColor(
+                MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+            width: 300,
+            child: Text(
+              "Delete Account",
+              style: TextStyle(
+                color: MihColors.getPrimaryColor(
+                    MzansiInnovationHub.of(context)!.theme.mode == "Dark"),
+                fontSize: 20,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}