bottom navigation

assets/langs/ar-SA.json

@@ -777,5 +777,6 @@
   "continuePlan": "متابعة خطة العلاج؟",
   "aboutApp": "حول التطبيق",
   "dontHaveAccount": "ليس لديك حساب؟",
-  "loginOrRegister": "تسجيل الدخول أو التسجيل"
+  "loginOrRegister": "تسجيل الدخول أو التسجيل",
+  "myFiles" : "ملفاتي"
 }

assets/langs/en-US.json

@@ -773,5 +773,6 @@
   "aboutPoints": "Online Appointment Booking & rescheduling, Insurance approval status, Find A doctor, Ask your doctor, Medical prescriptions, Lab results, Hospitals contact numbers, Doctor profiles, Hospitals locations, Pharmacies Locations, Hospital's Virtual Tour, Official Social Media, Vaccines Schedule, Health Calculators, Other Services",
   "termsConditions": "These Online Services Terms of Use (Service Terms) govern certain online services provided by Dr Sulaiman Al Habib Medical Services Group Company (HMG, we, us, our)...",
   "dontHaveAccount": "Don't have an account?",
-  "loginOrRegister": "Login or Register"
+  "loginOrRegister": "Login or Register",
+  "myFiles": "My Files"
 }

lib/core/app_assets.dart

@@ -54,6 +54,15 @@ class AppAssets {
   static const String add_icon = '$svgBasePath/add_icon.svg';
   static const String livecare_icon = '$svgBasePath/livecare_icon.svg';
 
+  //bottom navigation//
+
+  static const String homeBottom = '$svgBasePath/home_bottom.svg';
+  static const String bookAppoBottom = '$svgBasePath/book_appo_bottom.svg';
+  static const String myFilesBottom = '$svgBasePath/my_files_bottom.svg';
+  static const String toDoBottom = '$svgBasePath/todo_bottom.svg';
+  static const String servicesBottom = '$svgBasePath/services_bottom.svg';
+
+
   // PNGS //
   static const String hmg_logo = '$pngBasePath/hmg_logo.png';
   static const String livecare_service = '$pngBasePath/livecare_service.png';

lib/generated/locale_keys.g.dart

@@ -776,5 +776,6 @@ abstract class  LocaleKeys {
   static const aboutApp = 'aboutApp';
   static const dontHaveAccount = 'dontHaveAccount';
   static const loginOrRegister = 'loginOrRegister';
+  static const myFiles = 'myFiles';
 
 }

lib/presentation/home/landing_page.dart

@@ -13,6 +13,7 @@ import 'package:hmg_patient_app_new/presentation/home/widgets/small_service_card
 import 'package:hmg_patient_app_new/providers/authentication_view_model.dart';
 import 'package:hmg_patient_app_new/providers/bottom_navigation_provider.dart';
 import 'package:hmg_patient_app_new/theme/colors.dart';
+import 'package:hmg_patient_app_new/widgets/bottom_navigation/bottom_navigation.dart';
 import 'package:provider/provider.dart';
 
 import '../../core/app_assets.dart';
@@ -285,6 +286,7 @@ class _LandingPageState extends State<LandingPage> {
             ),
           ),
         ),
+        bottomNavigationBar: BottomNavigation(),
       );
     });
   }

lib/theme/colors.dart

@@ -44,4 +44,6 @@ static const Color alertLightColor = Color(0xFFD48D0526);
 static const Color infoLightColor = Color(0xFF0B85F726);
 static const Color warningLightColor = Color(0xFFFFCC0026);
 static const Color greyLightColor = Color(0xFFEFEFF026);
+
+static const Color bottomNAVBorder = Color(0xFFEEEEEE);
 }

lib/widgets/bottom_navigation/bottom_navigation.dart

@@ -0,0 +1,59 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:hmg_patient_app_new/core/app_assets.dart';
+import 'package:hmg_patient_app_new/core/utils/utils.dart';
+import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
+import 'package:hmg_patient_app_new/theme/colors.dart';
+
+class BottomNavigation extends StatelessWidget {
+  const BottomNavigation({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(vertical: 12),
+      decoration: const BoxDecoration(
+        color: Colors.white,
+        border: Border(
+          top: BorderSide(color: AppColors.bottomNAVBorder, width: 0.5),
+        ),
+
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceAround,
+        children: [
+          _buildNavItem(AppAssets.homeBottom, LocaleKeys.home.tr()),
+          _buildNavItem(AppAssets.myFilesBottom,  LocaleKeys.myFiles.tr()),
+          _buildNavItem(AppAssets.bookAppoBottom,  LocaleKeys.appointment.tr(), iconSize: 32),
+          _buildNavItem(AppAssets.toDoBottom,  LocaleKeys.todoList.tr()),
+          _buildNavItem(AppAssets.servicesBottom, LocaleKeys.services2.tr()),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildNavItem(String iconName, String label,{ double iconSize = 24}) {
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          padding: const EdgeInsets.all(10),
+          child: Utils.buildSvgWithAssets(
+            icon: iconName,
+            height: iconSize,
+            width: iconSize
+          ),
+        ),
+        // const SizedBox(height: 4),
+        Text(
+          label,
+          style: TextStyle(
+            fontSize: 13,
+            fontWeight: FontWeight.w500,
+            color: Colors.black87,
+          ),
+        ),
+      ],
+    );
+  }
+}