chore(notifications): fix conflig when show notification in android

Logging data
Try-catch function

analysis_options.yaml

@@ -7,6 +7,10 @@
 
 # The following line activates a set of recommended lints for Flutter apps,
 # packages, and plugins designed to encourage good coding practices.
+analyzer:
+  errors:
+    use_build_context_synchronously: ignore
+    avoid_print: ignore
 include: package:flutter_lints/flutter.yaml
 
 linter:
@@ -22,8 +26,8 @@ linter:
   # `// ignore_for_file: name_of_lint` syntax on the line or in the file
   # producing the lint.
   rules:
+    - prefer_relative_imports: true
     # avoid_print: false  # Uncomment to disable the `avoid_print` rule
     # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
-
 # Additional information about this file can be found at
 # https://dart.dev/guides/language/analysis-options

android/app/build.gradle

@@ -1,3 +1,10 @@
+plugins {
+    id "com.android.application"
+    id "kotlin-android"
+    id "dev.flutter.flutter-gradle-plugin"
+    id 'com.google.gms.google-services'
+}
+
 def localProperties = new Properties()
 def localPropertiesFile = rootProject.file('local.properties')
 if (localPropertiesFile.exists()) {
@@ -6,11 +13,6 @@ if (localPropertiesFile.exists()) {
     }
 }
 
-def flutterRoot = localProperties.getProperty('flutter.sdk')
-if (flutterRoot == null) {
-    // throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
-}
-
 def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
 if (flutterVersionCode == null) {
     flutterVersionCode = '1'
@@ -21,21 +23,12 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
-apply plugin: 'com.android.application'
-// START: FlutterFire Configuration
-apply plugin: 'com.google.gms.google-services'
-// END: FlutterFire Configuration
-apply plugin: 'kotlin-android'
-apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
-
-
 def keystoreProperties = new Properties()
 def keystorePropertiesFile = rootProject.file('key.properties')
 if (keystorePropertiesFile.exists()) {
     keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
 }
 
-
 android {
     namespace "vn.smatec.sfm"
     compileSdkVersion 35
@@ -44,12 +37,12 @@ android {
     compileOptions {
         // Flag to enable support for the new language APIs
         coreLibraryDesugaringEnabled true
-        sourceCompatibility JavaVersion.VERSION_1_8
+        sourceCompatibility JavaVersion.VERSION_17
-        targetCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_17
     }
 
     kotlinOptions {
-        jvmTarget = '1.8'
+        jvmTarget = '17'
     }
 
     sourceSets {
@@ -102,9 +95,9 @@ flutter {
 }
 
 dependencies {
-    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+//    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
-    implementation 'com.google.firebase:firebase-messaging-directboot:20.2.0'
+    implementation platform('com.google.firebase:firebase-bom:33.15.0')
-    coreLibraryDesugaring 'com.android.tools:desugar_jdk_libs:1.2.2'
+    coreLibraryDesugaring 'com.android.tools:desugar_jdk_libs:2.1.5'
     implementation 'androidx.window:window:1.0.0'
     implementation 'androidx.window:window-java:1.0.0'
 }

android/app/src/main/AndroidManifest.xml

@@ -1,30 +1,36 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:tools="http://schemas.android.com/tools"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-feature
+        android:name="android.hardware.camera"
+        android:required="false"
+        tools:targetApi="5" />
     <uses-permission android:name="android.permission.INTERNET"/>
-    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
-    <uses-permission android:name="android.permission.VIBRATE" />
-    <!-- <uses-permission android:name="android.permission.USE_FULL_SCREEN_INTENT" /> -->
-    <!-- NOTE: the example app requests USE_EXACT_ALARM to make it easier to run the app.
-            Developers will need to check if their own app needs to use SCHEDULE_EXACT_ALARM instead -->
-    <!-- <uses-permission android:name="android.permission.USE_EXACT_ALARM" /> -->
-    <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
-    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
-    <!-- NOTE: Special use was selected as it's the closest match for this example app.
-            apps should specify the appropriate permission for their use cases. -->
-    <!-- <uses-permission android:name="android.permission.FOREGROUND_SERVICE_SPECIAL_USE" /> -->
-    <!-- START Permissions Package -->
     <!-- Permissions options for the `camera` group -->
     <uses-permission android:name="android.permission.CAMERA"/>
     <!-- Permissions options for the `location` group -->
     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
-    
+    <!-- Permissions options for the `alarm` group -->
+    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
+    <uses-permission android:name="android.permission.WAKE_LOCK"/>
+    <uses-permission android:name="android.permission.VIBRATE" />
+    <uses-permission android:name="android.permission.USE_FULL_SCREEN_INTENT"/>
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.ACCESS_NOTIFICATION_POLICY" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS"/>
+    <uses-permission android:name="android.permission.USE_EXACT_ALARM"
+        tools:ignore="ExactAlarm" />
+    <uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM"/>
     <!-- END Permissions Package -->
     <application
         android:label="SFM"
         android:name="${applicationName}"
         android:icon="@mipmap/launcher_icon">
         <meta-data android:name="com.google.android.geo.API_KEY"
-            android:value="AIzaSyA9C7Pmxw6Gw3H2mM4WA_XGngRIIr2VS7k"/>
+            android:value="AIzaSyDI8b-PUgKUgj5rHdtgEHCwWjUXYJrqYhE"/>
         <activity
             android:name=".MainActivity"
             android:launchMode="singleTop"
@@ -34,6 +40,7 @@
             android:windowSoftInputMode="adjustResize"
             android:showWhenLocked="true"
             android:turnScreenOn="true"
+            android:enableOnBackInvokedCallback="true"
             android:exported="true">
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user
@@ -58,9 +65,27 @@
             android:name="flutterEmbedding"
             android:value="2" />
         <service
-            android:name="com.dexterous.flutterlocalnotifications.ForegroundService"        
+            android:name="com.dexterous.flutterlocalnotifications.ForegroundService"
             android:exported="false"
-            android:stopWithTask="false"/>
+            android:stopWithTask="false"
+            android:foregroundServiceType="specialUse" />
+        <service android:name="com.gdelataillade.alarm.services.NotificationOnKillService" />
+
+        <service
+            android:name="dev.fluttercommunity.plus.androidalarmmanager.AlarmService"
+            android:permission="android.permission.BIND_JOB_SERVICE"
+            android:exported="false"/>
+        <receiver
+            android:name="dev.fluttercommunity.plus.androidalarmmanager.AlarmBroadcastReceiver"
+            android:exported="false"/>
+        <receiver
+            android:name="dev.fluttercommunity.plus.androidalarmmanager.RebootBroadcastReceiver"
+            android:enabled="false"
+            android:exported="false">
+            <intent-filter>
+                <action android:name="android.intent.action.BOOT_COMPLETED" />
+            </intent-filter>
+        </receiver>
         <receiver android:exported="false" android:name="com.dexterous.flutterlocalnotifications.ActionBroadcastReceiver" />
         <receiver android:exported="false" android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationReceiver" />
         <receiver android:exported="false" android:name="com.dexterous.flutterlocalnotifications.ScheduledNotificationBootReceiver">

android/build.gradle

@@ -1,21 +1,9 @@
-buildscript {
+plugins {
-    ext.kotlin_version = '1.8.22'
+    id 'com.google.gms.google-services' version '4.3.15' apply false
-    repositories {
-        google()
-        mavenCentral()
-    }
-
-    dependencies {
-        // START: FlutterFire Configuration
-        classpath 'com.google.gms:google-services:4.3.15'
-        // END: FlutterFire Configuration
-        classpath 'com.android.tools.build:gradle:8.2.1'
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
-    }
 }
-
 allprojects {
     repositories {
+        gradlePluginPortal()
         google()
         mavenCentral()
     }
@@ -43,3 +31,7 @@ subprojects {
 tasks.register("clean", Delete) {
     delete rootProject.buildDir
 }
+
+
+
+

android/gradle/wrapper/gradle-wrapper.properties

@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.2-all.zip

android/settings.gradle

@@ -18,8 +18,11 @@ pluginManagement {
 
 plugins {
     id "dev.flutter.flutter-plugin-loader" version "1.0.0"
-    id "com.android.application" version "8.2.1" apply false
+    id "com.android.application" version "8.3.2" apply false
-    id "org.jetbrains.kotlin.android" version "1.8.22" apply false
+    // START: FlutterFire Configuration
+    id "com.google.gms.google-services" version "4.3.15" apply false
+    // END: FlutterFire Configuration
+    id "org.jetbrains.kotlin.android" version "2.1.0" apply false
 }
 
 include ":app"

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

ios/Podfile

@@ -1,5 +1,5 @@
 # Uncomment this line to define a global platform for your project
-platform :ios, '14.0'
+platform :ios, '15.0'
 
 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'
@@ -37,6 +37,35 @@ end
 post_install do |installer|
   installer.pods_project.targets.each do |target|
     flutter_additional_ios_build_settings(target)
+
+    target.build_configurations.each do |config|
+      # You can remove unused permissions here
+      # for more information: https://github.com/BaseflowIT/flutter-permission-handler/blob/master/permission_handler/ios/Classes/PermissionHandlerEnums.h
+      # e.g. when you don't need camera permission, just add 'PERMISSION_CAMERA=0'
+      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
+        '$(inherited)',
+
+        ## dart: PermissionGroup.camera
+        'PERMISSION_CAMERA=1',
+
+        ## The 'PERMISSION_LOCATION' macro enables the `locationWhenInUse` and `locationAlways` permission. If
+        ## the application only requires `locationWhenInUse`, only specify the `PERMISSION_LOCATION_WHENINUSE`
+        ## macro.
+        ##
+        ## dart: [PermissionGroup.location, PermissionGroup.locationAlways, PermissionGroup.locationWhenInUse]
+        'PERMISSION_LOCATION=0',
+        'PERMISSION_LOCATION_WHENINUSE=1',
+
+        ## dart: PermissionGroup.notification
+        'PERMISSION_NOTIFICATIONS=1',
+
+
+        ## dart: PermissionGroup.criticalAlerts
+        'PERMISSION_CRITICAL_ALERTS=1',
+
+      ]
+
+    end
         target.build_configurations.each do |config|
             config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '14.0'
         end

ios/Podfile.lock

@@ -1,62 +1,197 @@
 PODS:
+  - alarm (0.0.1):
+    - Flutter
+  - app_settings (5.1.1):
+    - Flutter
+  - connectivity_plus (0.0.1):
+    - Flutter
+  - Firebase/CoreOnly (11.10.0):
+    - FirebaseCore (~> 11.10.0)
+  - Firebase/Messaging (11.10.0):
+    - Firebase/CoreOnly
+    - FirebaseMessaging (~> 11.10.0)
+  - firebase_core (3.13.0):
+    - Firebase/CoreOnly (= 11.10.0)
+    - Flutter
+  - firebase_messaging (15.2.5):
+    - Firebase/Messaging (= 11.10.0)
+    - firebase_core
+    - Flutter
+  - FirebaseCore (11.10.0):
+    - FirebaseCoreInternal (~> 11.10.0)
+    - GoogleUtilities/Environment (~> 8.0)
+    - GoogleUtilities/Logger (~> 8.0)
+  - FirebaseCoreInternal (11.10.0):
+    - "GoogleUtilities/NSData+zlib (~> 8.0)"
+  - FirebaseInstallations (11.10.0):
+    - FirebaseCore (~> 11.10.0)
+    - GoogleUtilities/Environment (~> 8.0)
+    - GoogleUtilities/UserDefaults (~> 8.0)
+    - PromisesObjC (~> 2.4)
+  - FirebaseMessaging (11.10.0):
+    - FirebaseCore (~> 11.10.0)
+    - FirebaseInstallations (~> 11.0)
+    - GoogleDataTransport (~> 10.0)
+    - GoogleUtilities/AppDelegateSwizzler (~> 8.0)
+    - GoogleUtilities/Environment (~> 8.0)
+    - GoogleUtilities/Reachability (~> 8.0)
+    - GoogleUtilities/UserDefaults (~> 8.0)
+    - nanopb (~> 3.30910.0)
   - Flutter (1.0.0)
   - flutter_barcode_scanner_plus (3.0.7):
     - Flutter
+  - flutter_fgbg (0.0.1):
+    - Flutter
   - flutter_local_notifications (0.0.1):
     - Flutter
+  - geolocator_apple (1.2.0):
+    - Flutter
+    - FlutterMacOS
   - Google-Maps-iOS-Utils (5.0.0):
     - GoogleMaps (~> 8.0)
   - google_maps_flutter_ios (0.0.1):
     - Flutter
     - Google-Maps-iOS-Utils (< 7.0, >= 5.0)
     - GoogleMaps (< 10.0, >= 8.4)
+  - GoogleDataTransport (10.1.0):
+    - nanopb (~> 3.30910.0)
+    - PromisesObjC (~> 2.4)
   - GoogleMaps (8.4.0):
     - GoogleMaps/Maps (= 8.4.0)
   - GoogleMaps/Base (8.4.0)
   - GoogleMaps/Maps (8.4.0):
     - GoogleMaps/Base
+  - GoogleUtilities/AppDelegateSwizzler (8.1.0):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Network
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Environment (8.1.0):
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Logger (8.1.0):
+    - GoogleUtilities/Environment
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Network (8.1.0):
+    - GoogleUtilities/Logger
+    - "GoogleUtilities/NSData+zlib"
+    - GoogleUtilities/Privacy
+    - GoogleUtilities/Reachability
+  - "GoogleUtilities/NSData+zlib (8.1.0)":
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/Privacy (8.1.0)
+  - GoogleUtilities/Reachability (8.1.0):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
+  - GoogleUtilities/UserDefaults (8.1.0):
+    - GoogleUtilities/Logger
+    - GoogleUtilities/Privacy
   - maps_launcher (0.0.1):
     - Flutter
+  - nanopb (3.30910.0):
+    - nanopb/decode (= 3.30910.0)
+    - nanopb/encode (= 3.30910.0)
+  - nanopb/decode (3.30910.0)
+  - nanopb/encode (3.30910.0)
   - permission_handler_apple (9.3.0):
     - Flutter
+  - PromisesObjC (2.4.0)
+  - shared_preferences_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
+  - url_launcher_ios (0.0.1):
+    - Flutter
 
 DEPENDENCIES:
+  - alarm (from `.symlinks/plugins/alarm/ios`)
+  - app_settings (from `.symlinks/plugins/app_settings/ios`)
+  - connectivity_plus (from `.symlinks/plugins/connectivity_plus/ios`)
+  - firebase_core (from `.symlinks/plugins/firebase_core/ios`)
+  - firebase_messaging (from `.symlinks/plugins/firebase_messaging/ios`)
   - Flutter (from `Flutter`)
   - flutter_barcode_scanner_plus (from `.symlinks/plugins/flutter_barcode_scanner_plus/ios`)
+  - flutter_fgbg (from `.symlinks/plugins/flutter_fgbg/ios`)
   - flutter_local_notifications (from `.symlinks/plugins/flutter_local_notifications/ios`)
+  - geolocator_apple (from `.symlinks/plugins/geolocator_apple/darwin`)
   - google_maps_flutter_ios (from `.symlinks/plugins/google_maps_flutter_ios/ios`)
   - maps_launcher (from `.symlinks/plugins/maps_launcher/ios`)
   - permission_handler_apple (from `.symlinks/plugins/permission_handler_apple/ios`)
+  - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
+  - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
 
 SPEC REPOS:
   trunk:
+    - Firebase
+    - FirebaseCore
+    - FirebaseCoreInternal
+    - FirebaseInstallations
+    - FirebaseMessaging
     - Google-Maps-iOS-Utils
+    - GoogleDataTransport
     - GoogleMaps
+    - GoogleUtilities
+    - nanopb
+    - PromisesObjC
 
 EXTERNAL SOURCES:
+  alarm:
+    :path: ".symlinks/plugins/alarm/ios"
+  app_settings:
+    :path: ".symlinks/plugins/app_settings/ios"
+  connectivity_plus:
+    :path: ".symlinks/plugins/connectivity_plus/ios"
+  firebase_core:
+    :path: ".symlinks/plugins/firebase_core/ios"
+  firebase_messaging:
+    :path: ".symlinks/plugins/firebase_messaging/ios"
   Flutter:
     :path: Flutter
   flutter_barcode_scanner_plus:
     :path: ".symlinks/plugins/flutter_barcode_scanner_plus/ios"
+  flutter_fgbg:
+    :path: ".symlinks/plugins/flutter_fgbg/ios"
   flutter_local_notifications:
     :path: ".symlinks/plugins/flutter_local_notifications/ios"
+  geolocator_apple:
+    :path: ".symlinks/plugins/geolocator_apple/darwin"
   google_maps_flutter_ios:
     :path: ".symlinks/plugins/google_maps_flutter_ios/ios"
   maps_launcher:
     :path: ".symlinks/plugins/maps_launcher/ios"
   permission_handler_apple:
     :path: ".symlinks/plugins/permission_handler_apple/ios"
+  shared_preferences_foundation:
+    :path: ".symlinks/plugins/shared_preferences_foundation/darwin"
+  url_launcher_ios:
+    :path: ".symlinks/plugins/url_launcher_ios/ios"
 
 SPEC CHECKSUMS:
+  alarm: 9ff6d2dae9bd69c4022622f7e0a1e9c1dd70064e
+  app_settings: 5127ae0678de1dcc19f2293271c51d37c89428b2
+  connectivity_plus: cb623214f4e1f6ef8fe7403d580fdad517d2f7dd
+  Firebase: 1fe1c0a7d9aaea32efe01fbea5f0ebd8d70e53a2
+  firebase_core: 2d4534e7b489907dcede540c835b48981d890943
+  firebase_messaging: 75bc93a4df25faccad67f6662ae872ac9ae69b64
+  FirebaseCore: 8344daef5e2661eb004b177488d6f9f0f24251b7
+  FirebaseCoreInternal: ef4505d2afb1d0ebbc33162cb3795382904b5679
+  FirebaseInstallations: 9980995bdd06ec8081dfb6ab364162bdd64245c3
+  FirebaseMessaging: 2b9f56aa4ed286e1f0ce2ee1d413aabb8f9f5cb9
   Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
-  flutter_barcode_scanner_plus: 5777819a85622aed4284fb14d1fa33b72a64003d
+  flutter_barcode_scanner_plus: e5ef7f41cdbf3086e1b9348dce986dde3aa08696
-  flutter_local_notifications: 4cde75091f6327eb8517fa068a0a5950212d2086
+  flutter_fgbg: d3da78df78454b1808f0829a5da9cd17dfe16444
+  flutter_local_notifications: ad39620c743ea4c15127860f4b5641649a988100
+  geolocator_apple: ab36aa0e8b7d7a2d7639b3b4e48308394e8cef5e
   Google-Maps-iOS-Utils: 66d6de12be1ce6d3742a54661e7a79cb317a9321
-  google_maps_flutter_ios: e31555a04d1986ab130f2b9f24b6cdc861acc6d3
+  google_maps_flutter_ios: 0291eb2aa252298a769b04d075e4a9d747ff7264
+  GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
   GoogleMaps: 8939898920281c649150e0af74aa291c60f2e77d
-  maps_launcher: 2e5b6a2d664ec6c27f82ffa81b74228d770ab203
+  GoogleUtilities: 00c88b9a86066ef77f0da2fab05f65d7768ed8e1
-  permission_handler_apple: 9878588469a2b0d0fc1e048d9f43605f92e6cec2
+  maps_launcher: edf829809ba9e894d70e569bab11c16352dedb45
+  nanopb: fad817b59e0457d11a5dfbde799381cd727c1275
+  permission_handler_apple: 4ed2196e43d0651e8ff7ca3483a069d469701f2d
+  PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
+  shared_preferences_foundation: 9e1978ff2562383bd5676f64ec4e9aa8fa06a6f7
+  url_launcher_ios: 694010445543906933d732453a59da0a173ae33d
 
-PODFILE CHECKSUM: 9de95a6a40372eef38c524a1823cf12342740f38
+PODFILE CHECKSUM: 72b62bbc58143b910914489c5ddbf2bfa99b3dd4
 
 COCOAPODS: 1.16.2

ios/Runner.xcodeproj/project.pbxproj

@@ -17,6 +17,7 @@
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
+		A241E2BF2EAA2F1C00664284 /* warning_alarm.caf in Resources */ = {isa = PBXBuildFile; fileRef = A241E2BE2EAA2F1C00664284 /* warning_alarm.caf */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -64,6 +65,7 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		A241E2BE2EAA2F1C00664284 /* warning_alarm.caf */ = {isa = PBXFileReference; lastKnownFileType = file; path = warning_alarm.caf; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -109,6 +111,7 @@
 		97C146E51CF9000F007C117D = {
 			isa = PBXGroup;
 			children = (
+				A241E2BE2EAA2F1C00664284 /* warning_alarm.caf */,
 				9740EEB11CF90186004384FC /* Flutter */,
 				97C146F01CF9000F007C117D /* Runner */,
 				97C146EF1CF9000F007C117D /* Products */,
@@ -256,6 +259,7 @@
 				97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */,
 				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
 				5EFD34A62DA7D89800351DB2 /* GoogleService-Info.plist in Resources */,
+				A241E2BF2EAA2F1C00664284 /* warning_alarm.caf in Resources */,
 				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
 				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
 			);
@@ -465,7 +469,7 @@
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = SmartFM;
-				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -648,7 +652,7 @@
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = SmartFM;
-				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
@@ -678,7 +682,7 @@
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = SmartFM;
-				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",

ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -1,132 +0,0 @@
-{
-  "originHash" : "55c94c702657474632f237e12a19340acc7419ac493c42deecaaa9d0cd699fd8",
-  "pins" : [
-    {
-      "identity" : "abseil-cpp-binary",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/abseil-cpp-binary.git",
-      "state" : {
-        "revision" : "bbe8b69694d7873315fd3a4ad41efe043e1c07c5",
-        "version" : "1.2024072200.0"
-      }
-    },
-    {
-      "identity" : "app-check",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/app-check.git",
-      "state" : {
-        "revision" : "61b85103a1aeed8218f17c794687781505fbbef5",
-        "version" : "11.2.0"
-      }
-    },
-    {
-      "identity" : "firebase-ios-sdk",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/firebase-ios-sdk",
-      "state" : {
-        "revision" : "d1f7c7e8eaa74d7e44467184dc5f592268247d33",
-        "version" : "11.11.0"
-      }
-    },
-    {
-      "identity" : "flutterfire",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/flutterfire",
-      "state" : {
-        "revision" : "a80a123386fd4904cad6938673020a7bcf31b2f2",
-        "version" : "3.13.0-firebase-core-swift"
-      }
-    },
-    {
-      "identity" : "googleappmeasurement",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/GoogleAppMeasurement.git",
-      "state" : {
-        "revision" : "dd89fc79a77183830742a16866d87e4e54785734",
-        "version" : "11.11.0"
-      }
-    },
-    {
-      "identity" : "googledatatransport",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/GoogleDataTransport.git",
-      "state" : {
-        "revision" : "617af071af9aa1d6a091d59a202910ac482128f9",
-        "version" : "10.1.0"
-      }
-    },
-    {
-      "identity" : "googleutilities",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/GoogleUtilities.git",
-      "state" : {
-        "revision" : "53156c7ec267db846e6b64c9f4c4e31ba4cf75eb",
-        "version" : "8.0.2"
-      }
-    },
-    {
-      "identity" : "grpc-binary",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/grpc-binary.git",
-      "state" : {
-        "revision" : "cc0001a0cf963aa40501d9c2b181e7fc9fd8ec71",
-        "version" : "1.69.0"
-      }
-    },
-    {
-      "identity" : "gtm-session-fetcher",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/gtm-session-fetcher.git",
-      "state" : {
-        "revision" : "4d70340d55d7d07cc2fdf8e8125c4c126c1d5f35",
-        "version" : "4.4.0"
-      }
-    },
-    {
-      "identity" : "interop-ios-for-google-sdks",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/interop-ios-for-google-sdks.git",
-      "state" : {
-        "revision" : "040d087ac2267d2ddd4cca36c757d1c6a05fdbfe",
-        "version" : "101.0.0"
-      }
-    },
-    {
-      "identity" : "leveldb",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/leveldb.git",
-      "state" : {
-        "revision" : "a0bc79961d7be727d258d33d5a6b2f1023270ba1",
-        "version" : "1.22.5"
-      }
-    },
-    {
-      "identity" : "nanopb",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/nanopb.git",
-      "state" : {
-        "revision" : "b7e1104502eca3a213b46303391ca4d3bc8ddec1",
-        "version" : "2.30910.0"
-      }
-    },
-    {
-      "identity" : "promises",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/promises.git",
-      "state" : {
-        "revision" : "540318ecedd63d883069ae7f1ed811a2df00b6ac",
-        "version" : "2.4.0"
-      }
-    },
-    {
-      "identity" : "swift-protobuf",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/apple/swift-protobuf.git",
-      "state" : {
-        "revision" : "d72aed98f8253ec1aa9ea1141e28150f408cf17f",
-        "version" : "1.29.0"
-      }
-    }
-  ],
-  "version" : 3
-}

ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme

@@ -44,6 +44,7 @@
       buildConfiguration = "Debug"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      customLLDBInitFile = "$(SRCROOT)/Flutter/ephemeral/flutter_lldbinit"
       shouldUseLaunchSchemeArgsEnv = "YES">
       <MacroExpansion>
          <BuildableReference
@@ -72,11 +73,13 @@
       buildConfiguration = "Debug"
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      customLLDBInitFile = "$(SRCROOT)/Flutter/ephemeral/flutter_lldbinit"
       launchStyle = "0"
       useCustomWorkingDirectory = "NO"
       ignoresPersistentStateOnLaunch = "NO"
       debugDocumentVersioning = "YES"
       debugServiceExtension = "internal"
+      enableGPUValidationMode = "1"
       allowLocationSimulation = "YES">
       <BuildableProductRunnable
          runnableDebuggingMode = "0">

ios/Runner.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -1,132 +0,0 @@
-{
-  "originHash" : "55c94c702657474632f237e12a19340acc7419ac493c42deecaaa9d0cd699fd8",
-  "pins" : [
-    {
-      "identity" : "abseil-cpp-binary",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/abseil-cpp-binary.git",
-      "state" : {
-        "revision" : "bbe8b69694d7873315fd3a4ad41efe043e1c07c5",
-        "version" : "1.2024072200.0"
-      }
-    },
-    {
-      "identity" : "app-check",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/app-check.git",
-      "state" : {
-        "revision" : "61b85103a1aeed8218f17c794687781505fbbef5",
-        "version" : "11.2.0"
-      }
-    },
-    {
-      "identity" : "firebase-ios-sdk",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/firebase-ios-sdk",
-      "state" : {
-        "revision" : "d1f7c7e8eaa74d7e44467184dc5f592268247d33",
-        "version" : "11.11.0"
-      }
-    },
-    {
-      "identity" : "flutterfire",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/flutterfire",
-      "state" : {
-        "revision" : "a80a123386fd4904cad6938673020a7bcf31b2f2",
-        "version" : "3.13.0-firebase-core-swift"
-      }
-    },
-    {
-      "identity" : "googleappmeasurement",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/GoogleAppMeasurement.git",
-      "state" : {
-        "revision" : "dd89fc79a77183830742a16866d87e4e54785734",
-        "version" : "11.11.0"
-      }
-    },
-    {
-      "identity" : "googledatatransport",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/GoogleDataTransport.git",
-      "state" : {
-        "revision" : "617af071af9aa1d6a091d59a202910ac482128f9",
-        "version" : "10.1.0"
-      }
-    },
-    {
-      "identity" : "googleutilities",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/GoogleUtilities.git",
-      "state" : {
-        "revision" : "53156c7ec267db846e6b64c9f4c4e31ba4cf75eb",
-        "version" : "8.0.2"
-      }
-    },
-    {
-      "identity" : "grpc-binary",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/grpc-binary.git",
-      "state" : {
-        "revision" : "cc0001a0cf963aa40501d9c2b181e7fc9fd8ec71",
-        "version" : "1.69.0"
-      }
-    },
-    {
-      "identity" : "gtm-session-fetcher",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/gtm-session-fetcher.git",
-      "state" : {
-        "revision" : "4d70340d55d7d07cc2fdf8e8125c4c126c1d5f35",
-        "version" : "4.4.0"
-      }
-    },
-    {
-      "identity" : "interop-ios-for-google-sdks",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/interop-ios-for-google-sdks.git",
-      "state" : {
-        "revision" : "040d087ac2267d2ddd4cca36c757d1c6a05fdbfe",
-        "version" : "101.0.0"
-      }
-    },
-    {
-      "identity" : "leveldb",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/leveldb.git",
-      "state" : {
-        "revision" : "a0bc79961d7be727d258d33d5a6b2f1023270ba1",
-        "version" : "1.22.5"
-      }
-    },
-    {
-      "identity" : "nanopb",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/firebase/nanopb.git",
-      "state" : {
-        "revision" : "b7e1104502eca3a213b46303391ca4d3bc8ddec1",
-        "version" : "2.30910.0"
-      }
-    },
-    {
-      "identity" : "promises",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/google/promises.git",
-      "state" : {
-        "revision" : "540318ecedd63d883069ae7f1ed811a2df00b6ac",
-        "version" : "2.4.0"
-      }
-    },
-    {
-      "identity" : "swift-protobuf",
-      "kind" : "remoteSourceControl",
-      "location" : "https://github.com/apple/swift-protobuf.git",
-      "state" : {
-        "revision" : "d72aed98f8253ec1aa9ea1141e28150f408cf17f",
-        "version" : "1.29.0"
-      }
-    }
-  ],
-  "version" : 3
-}

ios/Runner/AppDelegate.swift

@@ -4,6 +4,8 @@ import flutter_local_notifications
 import GoogleMaps
 import FirebaseCore
 import FirebaseMessaging
+import UserNotifications
+import alarm
 
 @main
 @objc class AppDelegate: FlutterAppDelegate {
@@ -14,6 +16,7 @@ import FirebaseMessaging
     if #available(iOS 10.0, *) {
        UNUserNotificationCenter.current().delegate = self as UNUserNotificationCenterDelegate
     }
+    SwiftAlarmPlugin.registerBackgroundTasks()
     FirebaseApp.configure()
     GMSServices.provideAPIKey("AIzaSyA9C7Pmxw6Gw3H2mM4WA_XGngRIIr2VS7k")
     GeneratedPluginRegistrant.register(with: self)

ios/Runner/Base.lproj/Main.storyboard

@@ -1,8 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="23727" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina6_12" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="23721"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
         <!--Flutter View Controller-->
@@ -14,13 +16,14 @@
                         <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
             </objects>
+            <point key="canvasLocation" x="121" y="-34"/>
         </scene>
     </scenes>
 </document>

ios/Runner/Info.plist

@@ -7,7 +7,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
-	<string>Sfm App</string>
+	<string>SmartFM</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -28,19 +28,18 @@
 	<true/>
 	<key>NSCameraUsageDescription</key>
 	<string>Camera permission is required for barcode scanning.</string>
-	<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
-	<string>Always and when in use!</string>
-	<key>NSLocationAlwaysUsageDescription</key>
-	<string>Can I have location always?</string>
-	<key>NSLocationUsageDescription</key>
-	<string>Older devices need location.</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string>Need location when in use</string>
+	<string>Cần vị trí để hiển thị bản đồ hoặc tìm địa điểm gần bạn</string>
+	<key>NSUserNotificationsUsageDescription</key>
+	<string>Chúng tôi cần gửi thông báo khẩn cấp để cảnh báo về việc thiết bị phát hiện có cháy.</string>
+	<key>com.apple.developer.usernotifications.critical-alerts</key>
+	<true/>
 	<key>UIApplicationSupportsIndirectInputEvents</key>
 	<true/>
 	<key>UIBackgroundModes</key>
 	<array>
 		<string>fetch</string>
+		<string>audio</string>
 		<string>remote-notification</string>
 	</array>
 	<key>UILaunchStoryboardName</key>
@@ -62,5 +61,9 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
+	<key>BGTaskSchedulerPermittedIdentifiers</key>
+    	<array>
+    		<string>com.gdelataillade.fetch</string>
+    	</array>
 </dict>
 </plist>

lib/bloc/bell_bloc.dart

@@ -4,7 +4,6 @@ import '../product/base/bloc/base_bloc.dart';
 import '../feature/bell/bell_model.dart';
 
 class BellBloc extends BlocBase {
-
   final bellItems = StreamController<List<BellItems>>.broadcast();
   StreamSink<List<BellItems>> get sinkBellItems => bellItems.sink;
   Stream<List<BellItems>> get streamBellItems => bellItems.stream;

lib/bloc/device_detail_bloc.dart

@@ -1,19 +1,15 @@
 // ignore_for_file: use_build_context_synchronously
-
 import 'dart:async';
-import 'dart:convert';
 import 'dart:developer';
-
 import 'package:flutter/material.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
-import 'package:sfm_app/product/services/api_services.dart';
-import 'package:sfm_app/product/utils/device_utils.dart';
 
+import '../product/services/api_services.dart';
 import '../product/utils/date_time_utils.dart';
 import '../feature/device_log/device_logs_model.dart';
 import '../feature/devices/device_model.dart';
-
 import '../product/base/bloc/base_bloc.dart';
+import '../product/utils/device_utils.dart';
 
 class DetailDeviceBloc extends BlocBase {
   APIServices apiServices = APIServices();
@@ -42,14 +38,12 @@ class DetailDeviceBloc extends BlocBase {
     String thingID,
     Completer<GoogleMapController> controller,
   ) async {
-    String body = await apiServices.getDeviceInfomation(thingID);
+    await apiServices.execute(context, () async {
-    if (body != "") {
+      Device device = await apiServices.getDeviceInformation(thingID);
-      final data = jsonDecode(body);
-      Device device = Device.fromJson(data);
       sinkDeviceInfo.add(device);
       if (device.areaPath != null) {
         String fullLocation = await DeviceUtils.instance
-            .getFullDeviceLocation(context, device.areaPath!);
+            .getFullDeviceLocation(context, device.areaPath!, "");
         log("Location: $fullLocation");
         sinkDeviceLocation.add(fullLocation);
       }
@@ -74,40 +68,103 @@ class DetailDeviceBloc extends BlocBase {
         mapController
             .animateCamera(CameraUpdate.newCameraPosition(cameraPosition));
       }
-    }
+    });
+    // try {
+    //   Device device = await apiServices.getDeviceInformation(thingID);
+    //   sinkDeviceInfo.add(device);
+    //   if (device.areaPath != null) {
+    //     String fullLocation = await DeviceUtils.instance
+    //         .getFullDeviceLocation(context, device.areaPath!, "");
+    //     log("Location: $fullLocation");
+    //     sinkDeviceLocation.add(fullLocation);
+    //   }
+    //   Map<String, dynamic> sensorMap = {};
+    //   if (device.status!.sensors != null) {
+    //     sensorMap = DeviceUtils.instance
+    //         .getDeviceSensors(context, device.status!.sensors!);
+    //   } else {
+    //     sensorMap = DeviceUtils.instance.getDeviceSensors(context, []);
+    //   }
+    //   sinkDeviceSensor.add(sensorMap);
+    //   if (device.settings!.latitude! != "" &&
+    //       device.settings!.longitude! != "") {
+    //     final CameraPosition cameraPosition = CameraPosition(
+    //       target: LatLng(
+    //         double.parse(device.settings!.latitude!),
+    //         double.parse(device.settings!.longitude!),
+    //       ),
+    //       zoom: 13,
+    //     );
+    //     final GoogleMapController mapController = await controller.future;
+    //     mapController
+    //         .animateCamera(CameraUpdate.newCameraPosition(cameraPosition));
+    //   }
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
   void findLocation(BuildContext context, String areaPath) async {
     String fullLocation =
-        await DeviceUtils.instance.getFullDeviceLocation(context, areaPath);
+        await DeviceUtils.instance.getFullDeviceLocation(context, areaPath, "");
     sinkDeviceLocation.add(fullLocation);
   }
 
-  void getNearerSensorValue(String thingID) async {
+  void getNearerSensorValue(BuildContext context, String thingID) async {
-    List<SensorLogs> sensorTemps = [];
+    apiServices.execute(context, () async {
-    DateTime twoDaysAgo = DateTime.now().subtract(const Duration(days: 2));
+      List<SensorLogs> sensorTemps = [];
-    String from = DateTimeUtils.instance.formatDateTimeToString(twoDaysAgo);
+      DateTime twoDaysAgo = DateTime.now().subtract(const Duration(days: 2));
-    String now = DateTimeUtils.instance.formatDateTimeToString(DateTime.now());
+      String from = DateTimeUtils.instance.formatDateTimeToString(twoDaysAgo);
-    Map<String, dynamic> params = {
+      String now =
-      'thing_id': thingID,
+          DateTimeUtils.instance.formatDateTimeToString(DateTime.now());
-      'from': from,
+      Map<String, dynamic> params = {
-      'to': now,
+        'thing_id': thingID,
-      'limit': '100',
+        'from': from,
-      'n': '7',
+        'to': now,
-    };
+        'limit': '100',
-    final body = await apiServices.getLogsOfDevice(thingID, params);
+        'n': '7',
-    if (body != "") {
+      };
-      final data = jsonDecode(body);
+      DeviceLog devicesListLog =
-      DeviceLog devicesListLog = DeviceLog.fromJson(data);
+          await apiServices.getLogsOfDevice(thingID, params);
       if (devicesListLog.sensors!.isNotEmpty) {
         for (var sensor in devicesListLog.sensors!) {
           sensorTemps.add(sensor);
         }
         sensorTemps = sensorTemps.reversed.toList();
         sinkSensorTemps.add(sensorTemps);
-      } else{
+      } else {
         sinkSensorTemps.add([]);
       }
-    }
+    });
+    // try {
+    //   List<SensorLogs> sensorTemps = [];
+    //   DateTime twoDaysAgo = DateTime.now().subtract(const Duration(days: 2));
+    //   String from = DateTimeUtils.instance.formatDateTimeToString(twoDaysAgo);
+    //   String now =
+    //       DateTimeUtils.instance.formatDateTimeToString(DateTime.now());
+    //   Map<String, dynamic> params = {
+    //     'thing_id': thingID,
+    //     'from': from,
+    //     'to': now,
+    //     'limit': '100',
+    //     'n': '7',
+    //   };
+    //   DeviceLog devicesListLog =
+    //       await apiServices.getLogsOfDevice(thingID, params);
+    //   if (devicesListLog.sensors!.isNotEmpty) {
+    //     for (var sensor in devicesListLog.sensors!) {
+    //       sensorTemps.add(sensor);
+    //     }
+    //     sensorTemps = sensorTemps.reversed.toList();
+    //     sinkSensorTemps.add(sensorTemps);
+    //   } else {
+    //     sinkSensorTemps.add([]);
+    //   }
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    //   sinkSensorTemps.add([]);
+    // }
   }
 }

lib/bloc/device_logs_bloc.dart

@@ -1,12 +1,11 @@
 import 'dart:async';
-import 'dart:convert';
+import 'package:flutter/material.dart';
 
 import '../feature/devices/device_model.dart';
 import '../product/base/bloc/base_bloc.dart';
 import '../product/constant/app/app_constants.dart';
 import '../product/services/api_services.dart';
 import '../product/utils/date_time_utils.dart';
-
 import '../product/utils/device_utils.dart';
 import '../feature/device_log/device_logs_model.dart';
 
@@ -35,40 +34,38 @@ class DeviceLogsBloc extends BlocBase {
   @override
   void dispose() {}
 
-  void getAllDevices() async {
+  void getAllDevices(BuildContext context) async {
-    String body = await apiServices.getOwnerDevices();
+    await apiServices.execute(context, () async {
-    if (body != "") {
+      List<Device> originalDevices = await apiServices.getOwnerDevices();
-      final data = jsonDecode(body);
-      List<dynamic> items = data['items'];
-      List<Device> originalDevices = Device.fromJsonDynamicList(items);
       List<Device> devices =
           DeviceUtils.instance.sortDeviceByState(originalDevices);
       sinkAllDevices.add(devices);
-    }
+    });
   }
 
   void getDeviceLogByThingID(
+    BuildContext context,
     int offset,
     String thingID,
     DateTime fromDate,
     List<SensorLogs> sensors,
   ) async {
-    sinkmessage.add(ApplicationConstants.LOADING);
+    await apiServices.execute(context, () async {
-    String fromDateString =
+      sinkmessage.add(ApplicationConstants.LOADING);
-        DateTimeUtils.instance.formatDateTimeToString(fromDate);
+      String fromDateString =
-    String now = DateTimeUtils.instance.formatDateTimeToString(DateTime.now());
+          DateTimeUtils.instance.formatDateTimeToString(fromDate);
-    Map<String, dynamic> params = {
+      String now =
-      'thing_id': thingID,
+          DateTimeUtils.instance.formatDateTimeToString(DateTime.now());
-      'from': fromDateString,
+      Map<String, dynamic> params = {
-      'to': now,
+        'thing_id': thingID,
-      'limit': '30',
+        'from': fromDateString,
-      "offset": offset.toString(),
+        'to': now,
-      "asc": "true"
+        'limit': '30',
-    };
+        "offset": offset.toString(),
-    final body = await apiServices.getLogsOfDevice(thingID, params);
+        "asc": "true"
-    if (body != "") {
+      };
-      final data = jsonDecode(body);
+      DeviceLog devicesListLog =
-      DeviceLog devicesListLog = DeviceLog.fromJson(data);
+          await apiServices.getLogsOfDevice(thingID, params);
       if (devicesListLog.sensors!.isEmpty) {
         bool hasMore = false;
         sinkHasMore.add(hasMore);
@@ -81,6 +78,38 @@ class DeviceLogsBloc extends BlocBase {
         sinkmessage.add(ApplicationConstants.NO_DATA);
       }
       sinkSensors.add(sensors);
-    }
+    });
+    // try {
+    //   sinkmessage.add(ApplicationConstants.LOADING);
+    //   String fromDateString =
+    //       DateTimeUtils.instance.formatDateTimeToString(fromDate);
+    //   String now =
+    //       DateTimeUtils.instance.formatDateTimeToString(DateTime.now());
+    //   Map<String, dynamic> params = {
+    //     'thing_id': thingID,
+    //     'from': fromDateString,
+    //     'to': now,
+    //     'limit': '30',
+    //     "offset": offset.toString(),
+    //     "asc": "true"
+    //   };
+    //   DeviceLog devicesListLog =
+    //       await apiServices.getLogsOfDevice(thingID, params);
+    //   if (devicesListLog.sensors!.isEmpty) {
+    //     bool hasMore = false;
+    //     sinkHasMore.add(hasMore);
+    //   }
+    //   if (devicesListLog.sensors!.isNotEmpty) {
+    //     for (var sensor in devicesListLog.sensors!) {
+    //       sensors.add(sensor);
+    //     }
+    //   } else {
+    //     sinkmessage.add(ApplicationConstants.NO_DATA);
+    //   }
+    //   sinkSensors.add(sensors);
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 }

lib/bloc/device_notification_settings_bloc.dart

@@ -1,5 +1,4 @@
 import 'dart:async';
-
 import 'package:flutter/material.dart';
 
 import '../feature/settings/device_notification_settings/device_notification_settings_model.dart';
@@ -36,7 +35,6 @@ class DeviceNotificationSettingsBloc extends BlocBase {
   StreamSink<String> get sinkMessageChange => messageChange.sink;
   Stream<String> get streaMmessageChange => messageChange.stream;
 
-
   @override
   void dispose() {}
 }

lib/bloc/device_update_bloc.dart

@@ -1,16 +1,16 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:async';
-import 'dart:convert';
+import 'dart:developer';
-
 import 'package:flutter/material.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
 import 'package:intl/intl.dart';
+
 import '../product/services/api_services.dart';
 import '../product/services/language_services.dart';
 import '../product/shared/model/ward_model.dart';
+import '../product/shared/shared_snack_bar.dart';
 import '../product/utils/response_status_utils.dart';
-
 import '../product/shared/model/district_model.dart';
 import '../product/shared/model/province_model.dart';
 import '../feature/devices/device_model.dart';
@@ -75,151 +75,281 @@ class DeviceUpdateBloc extends BlocBase {
     // deviceInfo.done;
   }
 
-  Future<void> getAllProvinces() async {
+  Future<void> getAllProvinces(BuildContext context) async {
     List<DropdownMenuItem<Province>> provincesData = [];
     provincesData.clear();
     sinkListProvinces.add(provincesData);
-    final body = await apiServices.getAllProvinces();
+    await apiServices.execute(context, () async {
-    final data = jsonDecode(body);
+      List<Province> provinces = await apiServices.getAllProvinces();
-    List<dynamic> items = data["items"];
+      for (var province in provinces) {
-
+        provincesData.add(
-    final provinces = Province.fromJsonDynamicList(items);
+            DropdownMenuItem(value: province, child: Text(province.fullName!)));
-    for (var province in provinces) {
+      }
-      provincesData.add(
+      sinkListProvinces.add(provincesData);
-          DropdownMenuItem(value: province, child: Text(province.fullName!)));
+    });
-    }
-    sinkListProvinces.add(provincesData);
   }
 
-  Future<void> getAllDistricts(String provinceID) async {
+  Future<void> getAllDistricts(BuildContext context, String provinceID) async {
     List<DropdownMenuItem<District>> districtsData = [];
     districtsData.clear();
     sinkListDistricts.add(districtsData);
-    final body = await apiServices.getAllDistricts(provinceID);
+    await apiServices.execute(context, () async {
-    final data = jsonDecode(body);
+      final districts = await apiServices.getAllDistricts(provinceID);
-    List<dynamic> items = data["items"];
+      for (var district in districts) {
-    final districts = District.fromJsonDynamicList(items);
+        districtsData.add(
-    for (var district in districts) {
+            DropdownMenuItem(value: district, child: Text(district.fullName!)));
-      districtsData.add(
+      }
-          DropdownMenuItem(value: district, child: Text(district.fullName!)));
+      sinkListDistricts.add(districtsData);
-    }
+    });
-    sinkListDistricts.add(districtsData);
   }
 
-  Future<void> getAllWards(String districtID) async {
+  Future<void> getAllWards(BuildContext context, String districtID) async {
     List<DropdownMenuItem<Ward>> wardsData = [];
     wardsData.clear();
     sinkListWards.add(wardsData);
-    final body = await apiServices.getAllWards(districtID);
+    await apiServices.execute(context, () async {
-    final data = jsonDecode(body);
+      final wards = await apiServices.getAllWards(districtID);
-    List<dynamic> items = data["items"];
+      for (var ward in wards) {
-    final wards = Ward.fromJsonDynamicList(items);
+        wardsData
-    for (var ward in wards) {
+            .add(DropdownMenuItem(value: ward, child: Text(ward.fullName!)));
-      wardsData.add(DropdownMenuItem(value: ward, child: Text(ward.fullName!)));
+      }
-    }
+      sinkListWards.add(wardsData);
-    sinkListWards.add(wardsData);
+    });
   }
 
-  Future<void> getDeviceInfomation(
+  Future<void> getDeviceInformation(
+      BuildContext context,
       String thingID,
-      List<DropdownMenuItem<District>> districtsData,
-      List<DropdownMenuItem<Ward>> wardsData,
       TextEditingController deviceNameController,
       TextEditingController latitudeController,
       TextEditingController longitudeController) async {
-    String body = await apiServices.getDeviceInfomation(thingID);
+    await apiServices.execute(context, () async {
-    final data = jsonDecode(body);
+      Device device = await apiServices.getDeviceInformation(thingID);
-    Device device = Device.fromJson(data);
+      sinkDeviceInfo.add(device);
-    sinkDeviceInfo.add(device);
+      deviceNameController.text = device.name ?? "";
-    deviceNameController.text = device.name ?? "";
+      latitudeController.text = device.settings!.latitude ?? "";
-    latitudeController.text = device.settings!.latitude ?? "";
+      longitudeController.text = device.settings!.longitude ?? "";
-    longitudeController.text = device.settings!.longitude ?? "";
+
-    if (device.areaPath != "") {
+      if (device.areaPath != null && device.areaPath!.isNotEmpty) {
-      List<String> areaPath = device.areaPath!.split('_');
+        List<String> areaPath = device.areaPath!.split('_');
-      String provinceCode = areaPath[0];
+
-      String districtCode = areaPath[1];
+        // Kiểm tra độ dài của areaPath
-      String wardCode = areaPath[2];
+        if (areaPath.length >= 3) {
-      getAllDistricts(provinceCode);
+          String provinceCode = areaPath[0];
-      getAllWards(districtCode);
+          String districtCode = areaPath[1];
-      final provinceResponse = await apiServices.getProvinceByID(provinceCode);
+          String wardCode = areaPath[2];
-      final provincesData = jsonDecode(provinceResponse);
+
-      Province province = Province.fromJson(provincesData['data']);
+          // Kiểm tra các mã có hợp lệ không (không rỗng)
-      final districtResponse = await apiServices.getDistrictByID(districtCode);
+          if (provinceCode.isNotEmpty &&
-      final districtData = jsonDecode(districtResponse);
+              districtCode.isNotEmpty &&
-      District district = District.fromJson(districtData['data']);
+              wardCode.isNotEmpty) {
-      final wardResponse = await apiServices.getWardByID(wardCode);
+            try {
-      final wardData = jsonDecode(wardResponse);
+              // Lấy danh sách districts và wards
-      Ward ward = Ward.fromJson(wardData['data']);
+              await getAllDistricts(context, provinceCode);
-      Map<String, String> provinceData = {
+              await getAllWards(context, districtCode);
-        "name": province.fullName!,
+
-        "code": province.code!
+              // Xử lý Province
-      };
+              try {
-      sinkProvinceData.add(provinceData);
+                Province province =
-      Map<String, String> districData = {
+                    await apiServices.getProvinceByID(provinceCode);
-        "name": district.fullName!,
+                Map<String, String> provinceData = {
-        "code": district.code!,
+                  "name": province.fullName ?? "Unknown Province",
-      };
+                  "code": province.code ?? provinceCode
-      sinkDistrictData.add(districData);
+                };
-      Map<String, String> wardMap = {
+                sinkProvinceData.add(provinceData);
-        "name": ward.fullName!,
+              } catch (e) {
-        "code": ward.code!,
+                // Thêm dữ liệu mặc định khi lỗi
-      };
+                Map<String, String> provinceData = {
-      sinkWardData.add(wardMap);
+                  "name": "Error Loading Province",
-    }
+                  "code": provinceCode
+                };
+                sinkProvinceData.add(provinceData);
+                if (!context.mounted) return;
+                showErrorTopSnackBarCustom(context, e.toString());
+              }
+
+              // Xử lý District
+              try {
+                District district =
+                    await apiServices.getDistrictByID(districtCode);
+                Map<String, String> districData = {
+                  "name": district.fullName ?? "Unknown District",
+                  "code": district.code ?? districtCode,
+                };
+                sinkDistrictData.add(districData);
+              } catch (e) {
+                log("Lỗi khi lấy thông tin district ($districtCode): $e");
+                Map<String, String> districData = {
+                  "name": "Error Loading District",
+                  "code": districtCode,
+                };
+                sinkDistrictData.add(districData);
+              }
+
+              // Xử lý Ward
+              try {
+                Ward ward = await apiServices.getWardByID(wardCode);
+                Map<String, String> wardMap = {
+                  "name": ward.fullName ?? "Unknown Ward",
+                  "code": ward.code ?? wardCode,
+                };
+                sinkWardData.add(wardMap);
+              } catch (e) {
+                log("Lỗi khi lấy thông tin ward ($wardCode): $e");
+                Map<String, String> wardMap = {
+                  "name": "Error Loading Ward",
+                  "code": wardCode,
+                };
+                sinkWardData.add(wardMap);
+              }
+            } catch (e) {
+              log("Lỗi khi gọi getAllDistricts hoặc getAllWards: $e");
+            }
+          } else {
+            await getAllProvinces(context);
+            log("Một hoặc nhiều mã địa phương trống: Province: $provinceCode, District: $districtCode, Ward: $wardCode");
+          }
+        } else {
+          showNoIconTopSnackBar(
+              context,
+              "AreaPath không đủ thông tin: ${device.areaPath}",
+              Colors.orangeAccent,
+              Colors.white);
+        }
+      }
+    });
+    // try {
+    //   Device device = await apiServices.getDeviceInformation(thingID);
+    //   sinkDeviceInfo.add(device);
+    //   deviceNameController.text = device.name ?? "";
+    //   latitudeController.text = device.settings!.latitude ?? "";
+    //   longitudeController.text = device.settings!.longitude ?? "";
+
+    //   if (device.areaPath != null && device.areaPath!.isNotEmpty) {
+    //     List<String> areaPath = device.areaPath!.split('_');
+
+    //     // Kiểm tra độ dài của areaPath
+    //     if (areaPath.length >= 3) {
+    //       String provinceCode = areaPath[0];
+    //       String districtCode = areaPath[1];
+    //       String wardCode = areaPath[2];
+
+    //       // Kiểm tra các mã có hợp lệ không (không rỗng)
+    //       if (provinceCode.isNotEmpty &&
+    //           districtCode.isNotEmpty &&
+    //           wardCode.isNotEmpty) {
+    //         try {
+    //           // Lấy danh sách districts và wards
+    //           await getAllDistricts(context, provinceCode);
+    //           await getAllWards(context, districtCode);
+
+    //           // Xử lý Province
+    //           try {
+    //             Province province =
+    //                 await apiServices.getProvinceByID(provinceCode);
+    //             Map<String, String> provinceData = {
+    //               "name": province.fullName ?? "Unknown Province",
+    //               "code": province.code ?? provinceCode
+    //             };
+    //             sinkProvinceData.add(provinceData);
+    //           } catch (e) {
+    //             // Thêm dữ liệu mặc định khi lỗi
+    //             Map<String, String> provinceData = {
+    //               "name": "Error Loading Province",
+    //               "code": provinceCode
+    //             };
+    //             sinkProvinceData.add(provinceData);
+    //             if (!context.mounted) return;
+    //             showErrorTopSnackBarCustom(context, e.toString());
+    //           }
+
+    //           // Xử lý District
+    //           try {
+    //             District district =
+    //                 await apiServices.getDistrictByID(districtCode);
+    //             Map<String, String> districData = {
+    //               "name": district.fullName ?? "Unknown District",
+    //               "code": district.code ?? districtCode,
+    //             };
+    //             sinkDistrictData.add(districData);
+    //           } catch (e) {
+    //             log("Lỗi khi lấy thông tin district ($districtCode): $e");
+    //             Map<String, String> districData = {
+    //               "name": "Error Loading District",
+    //               "code": districtCode,
+    //             };
+    //             sinkDistrictData.add(districData);
+    //           }
+
+    //           // Xử lý Ward
+    //           try {
+    //             Ward ward = await apiServices.getWardByID(wardCode);
+    //             Map<String, String> wardMap = {
+    //               "name": ward.fullName ?? "Unknown Ward",
+    //               "code": ward.code ?? wardCode,
+    //             };
+    //             sinkWardData.add(wardMap);
+    //           } catch (e) {
+    //             print("Lỗi khi lấy thông tin ward ($wardCode): $e");
+    //             Map<String, String> wardMap = {
+    //               "name": "Error Loading Ward",
+    //               "code": wardCode,
+    //             };
+    //             sinkWardData.add(wardMap);
+    //           }
+    //         } catch (e) {
+    //           print("Lỗi khi gọi getAllDistricts hoặc getAllWards: $e");
+    //         }
+    //       } else {
+    //         await getAllProvinces(context);
+    //         print(
+    //             "Một hoặc nhiều mã địa phương trống: Province: $provinceCode, District: $districtCode, Ward: $wardCode");
+    //       }
+    //     } else {
+    //       showNoIconTopSnackBar(
+    //           context,
+    //           "AreaPath không đủ thông tin: ${device.areaPath}",
+    //           Colors.orangeAccent,
+    //           Colors.white);
+    //     }
+    //   }
+    // } catch (e) {
+    //   showNoIconTopSnackBar(context, "Lỗi trong getDeviceInfomation: $e",
+    //       Colors.orangeAccent, Colors.white);
+    // }
   }
 
-  Future<Province> getProvinceByName(String name) async {
+  Future<Province> getProvinceByName(BuildContext context, String name) async {
-    final response = await apiServices.getProvincesByName(name);
+    return await apiServices.execute(context, () async {
-    final data = jsonDecode(response);
+      List<Province> provinces = await apiServices.getProvincesByName(name);
-    if (data != null &&
-        data.containsKey('items') &&
-        data['items'] != null &&
-        data['items'].isNotEmpty) {
-      List<dynamic> items = data['items'];
-      List<Province> provinces = Province.fromJsonDynamicList(items);
       if (provinces.isNotEmpty) {
         return provinces[0];
+      } else {
+        return Province(name: "null");
       }
-    }
+    });
-    return Province(name: "null");
   }
 
-  Future<District> getDistrictByName(String name, String provinceCode) async {
+  Future<District> getDistrictByName(
-    final response = await apiServices.getDistrictsByName(name);
+      BuildContext context, String name, String provinceCode) async {
-    if (response != "") {
+    return apiServices.execute(context, () async {
-      final data = jsonDecode(response);
+      final districts = await apiServices.getDistrictsByName(name);
-      List<dynamic> items = data['items'];
+      return districts.firstWhere(
-      if (items.isNotEmpty) {
+        (district) => district.provinceCode == provinceCode,
-        List<District> districts = District.fromJsonDynamicList(items);
+        orElse: () => District(name: "null"),
-        if (districts.isNotEmpty) {
+      );
-          for (var district in districts) {
+    });
-            if (district.provinceCode == provinceCode) {
-              return district;
-            }
-          }
-        }
-      }
-    }
-    return District(name: "null");
   }
 
-  Future<Ward> getWardByName(String name, String districtCode) async {
+  Future<Ward> getWardByName(
-    final response = await apiServices.getWarsdByName(name);
+      BuildContext context, String name, String districtCode) async {
-    final data = jsonDecode(response);
+    return apiServices.execute(context, () async {
-    if (data != null && data['items'] != null) {
+      final wards = await apiServices.getWardsByName(name);
-      List<dynamic> items = data['items'];
+      return wards.firstWhere(
-      if (items.isNotEmpty) {
+        (ward) => ward.districtCode == districtCode,
-        List<Ward> wards = Ward.fromJsonDynamicList(items);
+        orElse: () => Ward(name: "null"),
-        if (wards.isNotEmpty) {
+      );
-          for (var ward in wards) {
+    });
-            if (ward.districtCode == districtCode) {
-              return ward;
-            }
-          }
-        }
-      }
-    }
-    return Ward(name: "null");
   }
 
   Future<void> updateDevice(
@@ -232,24 +362,50 @@ class DeviceUpdateBloc extends BlocBase {
     String districtCode,
     String wardCode,
   ) async {
-    DateTime dateTime = DateTime.now();
+    await apiServices.execute(context, () async {
-    String formattedDateTime =
+      DateTime dateTime = DateTime.now();
-        DateFormat('yyyy-MM-dd HH:mm:ss').format(dateTime);
+      String formattedDateTime =
-    Map<String, dynamic> body = {
+          DateFormat('yyyy-MM-dd HH:mm:ss').format(dateTime);
-      "name": name,
+      Map<String, dynamic> body = {
-      "area_province": provinceCode,
+        "name": name,
-      "area_district": districtCode,
+        "area_province": provinceCode,
-      "area_ward": wardCode,
+        "area_district": districtCode,
-      "latitude": latitude,
+        "area_ward": wardCode,
-      "longitude": longitude,
+        "latitude": latitude,
-      "note": "User updated device infomation at $formattedDateTime",
+        "longitude": longitude,
-    };
+        "note": "User updated device infomation at $formattedDateTime",
-    int statusCode = await apiServices.updateOwnerDevice(thingID, body);
+      };
-    showSnackBarResponseByStatusCodeNoIcon(
+      int statusCode = await apiServices.updateOwnerDevice(thingID, body);
-      context,
+      showSnackBarResponseByStatusCodeNoIcon(
-      statusCode,
+        context,
-      appLocalization(context).notification_update_device_success,
+        statusCode,
-      appLocalization(context).notification_update_device_failed,
+        appLocalization(context).notification_update_device_success,
-    );
+        appLocalization(context).notification_update_device_failed,
+      );
+    });
+    // try {
+    //   DateTime dateTime = DateTime.now();
+    //   String formattedDateTime =
+    //       DateFormat('yyyy-MM-dd HH:mm:ss').format(dateTime);
+    //   Map<String, dynamic> body = {
+    //     "name": name,
+    //     "area_province": provinceCode,
+    //     "area_district": districtCode,
+    //     "area_ward": wardCode,
+    //     "latitude": latitude,
+    //     "longitude": longitude,
+    //     "note": "User updated device infomation at $formattedDateTime",
+    //   };
+    //   int statusCode = await apiServices.updateOwnerDevice(thingID, body);
+    //   showSnackBarResponseByStatusCodeNoIcon(
+    //     context,
+    //     statusCode,
+    //     appLocalization(context).notification_update_device_success,
+    //     appLocalization(context).notification_update_device_failed,
+    //   );
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 }

lib/bloc/devices_manager_bloc.dart

@@ -1,11 +1,11 @@
 import 'dart:async';
-import 'dart:convert';
+import 'package:flutter/cupertino.dart';
 
 import '../feature/devices/device_model.dart';
 import '../product/base/bloc/base_bloc.dart';
 import '../product/constant/app/app_constants.dart';
 import '../product/services/api_services.dart';
-
+import '../product/shared/shared_snack_bar.dart';
 import '../product/utils/device_utils.dart';
 
 class DevicesManagerBloc extends BlocBase {
@@ -73,46 +73,51 @@ class DevicesManagerBloc extends BlocBase {
   //   }
   // }
 
-  void getDeviceByState(int state) async {
+  void getDeviceByState(BuildContext context, int state) async {
-    sinkTagStates.add([state]);
+    try {
+      sinkTagStates.add([state]);
 
-    Map<String, List<Device>> deviceByState = {
+      Map<String, List<Device>> deviceByState = {
-      ApplicationConstants.OFFLINE_STATE: [],
+        ApplicationConstants.OFFLINE_STATE: [],
-      ApplicationConstants.NORMAL_STATE: [],
+        ApplicationConstants.NORMAL_STATE: [],
-      ApplicationConstants.WARNING_STATE: [],
+        ApplicationConstants.WARNING_STATE: [],
-      ApplicationConstants.INPROGRESS_STATE: [],
+        ApplicationConstants.INPROGRESS_STATE: [],
-      ApplicationConstants.ERROR_STATE: [],
+        ApplicationConstants.ERROR_STATE: [],
-    };
+      };
 
-    List<Device> devices = [];
+      List<Device> devices = [];
-    String body;
+      List<Device> originalDevices = [];
+      if (state != -2) {
+        originalDevices = await apiServices
+            .getOwnerDeviceByState({"state": state.toString()});
+      } else {
+        originalDevices = await apiServices.getOwnerDevices();
+      }
 
-    if (state != -2) {
+      List<Device> publicDevices = [];
-      body =
-          await apiServices.getOwnerDeviceByState({"state": state.toString()});
-    } else {
-      body = await apiServices.getOwnerDevices();
-    }
-
-    if (body.isNotEmpty) {
-      final data = jsonDecode(body);
-      List<dynamic> items = data['items'];
-      List<Device> originalDevices = Device.fromJsonDynamicList(items);
 
+      for (var device in originalDevices) {
+        if (device.visibility == "PUBLIC") {
+          publicDevices.add(device);
+        }
+      }
       devices = (state != -2)
-          ? DeviceUtils.instance.sortDeviceAZByName(originalDevices)
+          ? DeviceUtils.instance.sortDeviceAZByName(publicDevices)
-          : DeviceUtils.instance.sortDeviceByState(originalDevices);
+          : DeviceUtils.instance.sortDeviceByState(publicDevices);
 
       if (state == -2) {
-        for (var device in originalDevices) {
+        for (var device in publicDevices) {
           String stateKey = _getStateKey(device.state!);
           deviceByState[stateKey]!.add(device);
         }
         sinkDeviceByState.add(deviceByState);
       }
-    }
 
-    sinkAllDevices.add(devices);
+      sinkAllDevices.add(devices);
+    } catch (e) {
+      if (!context.mounted) return;
+      showErrorTopSnackBarCustom(context, e.toString());
+    }
   }
 
   String _getStateKey(int state) {

lib/bloc/group_detail_bloc.dart

@@ -1,15 +1,13 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:async';
-import 'dart:convert';
-
 import 'package:flutter/widgets.dart';
+
 import '../feature/devices/device_model.dart';
 import '../product/base/bloc/base_bloc.dart';
 import '../product/services/api_services.dart';
 import '../product/services/language_services.dart';
 import '../product/utils/response_status_utils.dart';
-
 import '../feature/inter_family/group_detail/group_detail_model.dart';
 
 class DetailGroupBloc extends BlocBase {
@@ -29,12 +27,10 @@ class DetailGroupBloc extends BlocBase {
   @override
   void dispose() {}
 
-  Future<void> getGroupDetail(String groupID) async {
+  Future<void> getGroupDetail(BuildContext context, String groupID) async {
-    final body = await apiServices.getGroupDetail(groupID);
+    await apiServices.execute(context, () async {
-    final data = jsonDecode(body);
+      List<DeviceOfGroup> warningDevices = [];
-    List<DeviceOfGroup> warningDevices = [];
+      GroupDetail group = await apiServices.getGroupDetail(groupID);
-    if (data != null) {
-      GroupDetail group = GroupDetail.fromJson(data);
       sinkDetailGroup.add(group);
       if (group.devices != null) {
         for (var device in group.devices!) {
@@ -44,62 +40,135 @@ class DetailGroupBloc extends BlocBase {
         }
         sinkWarningDevice.add(warningDevices);
       }
-    }
+    });
+    // try {
+    //   List<DeviceOfGroup> warningDevices = [];
+    //   GroupDetail group = await apiServices.getGroupDetail(groupID);
+    //   sinkDetailGroup.add(group);
+    //   if (group.devices != null) {
+    //     for (var device in group.devices!) {
+    //       if (device.state == 1) {
+    //         warningDevices.add(device);
+    //       }
+    //     }
+    //     sinkWarningDevice.add(warningDevices);
+    //   }
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
   Future<void> approveUserToGroup(BuildContext context, String groupID,
       String userID, String userName) async {
-    Map<String, dynamic> body = {"group_id": groupID, "user_id": userID};
+    await apiServices.execute(context, () async {
-    int statusCode = await apiServices.approveGroup(body);
+      Map<String, dynamic> body = {"group_id": groupID, "user_id": userID};
-    showSnackBarResponseByStatusCode(context, statusCode,
+      int statusCode = await apiServices.approveGroup(body);
-        "Đã duyệt $userName vào nhóm!", "Duyệt $userName thất bại!");
+      showSnackBarResponseByStatusCode(context, statusCode,
+          "Đã duyệt $userName vào nhóm!", "Duyệt $userName thất bại!");
+    });
+    // try {
+    //   Map<String, dynamic> body = {"group_id": groupID, "user_id": userID};
+    //   int statusCode = await apiServices.approveGroup(body);
+    //   showSnackBarResponseByStatusCode(context, statusCode,
+    //       "Đã duyệt $userName vào nhóm!", "Duyệt $userName thất bại!");
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
   Future<void> deleteOrUnapproveUser(BuildContext context, String groupID,
       String userID, String userName) async {
-    int statusCode = await apiServices.deleteUserInGroup(groupID, userID);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(context, statusCode,
+      int statusCode = await apiServices.deleteUserInGroup(groupID, userID);
-        "Đã xóa người dùng $userName", "Xóa người dùng $userName thất bại");
+      showSnackBarResponseByStatusCode(context, statusCode,
+          "Đã xóa người dùng $userName", "Xóa người dùng $userName thất bại");
+    });
+    // try {
+    //   int statusCode = await apiServices.deleteUserInGroup(groupID, userID);
+    //   showSnackBarResponseByStatusCode(context, statusCode,
+    //       "Đã xóa người dùng $userName", "Xóa người dùng $userName thất bại");
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
   Future<void> deleteDevice(BuildContext context, String groupID,
       String thingID, String deviceName) async {
-    int statusCode = await apiServices.deleteDeviceInGroup(groupID, thingID);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(context, statusCode,
+      int statusCode = await apiServices.deleteDeviceInGroup(groupID, thingID);
-        "Đã xóa thiết bị $deviceName", "Xóa thiết bị $deviceName thất bại");
+      showSnackBarResponseByStatusCode(context, statusCode,
+          "Đã xóa thiết bị $deviceName", "Xóa thiết bị $deviceName thất bại");
+    });
+    // try {
+    //   int statusCode = await apiServices.deleteDeviceInGroup(groupID, thingID);
+    //   showSnackBarResponseByStatusCode(context, statusCode,
+    //       "Đã xóa thiết bị $deviceName", "Xóa thiết bị $deviceName thất bại");
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
   Future<void> leaveGroup(
       BuildContext context, String groupID, String userID) async {
-    int statusCode = await apiServices.deleteUserInGroup(groupID, userID);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.deleteUserInGroup(groupID, userID);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_leave_group_success,
+          statusCode,
-        appLocalization(context).notification_leave_group_failed);
+          appLocalization(context).notification_leave_group_success,
+          appLocalization(context).notification_leave_group_failed);
+    });
+    // try {
+    //   int statusCode = await apiServices.deleteUserInGroup(groupID, userID);
+    //   showSnackBarResponseByStatusCode(
+    //       context,
+    //       statusCode,
+    //       appLocalization(context).notification_leave_group_success,
+    //       appLocalization(context).notification_leave_group_failed);
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
   Future<void> updateDeviceNameInGroup(
       BuildContext context, String thingID, String newAlias) async {
-    Map<String, dynamic> body = {"thing_id": thingID, "alias": newAlias};
+    await apiServices.execute(context, () async {
-    int statusCode = await apiServices.updateDeviceAlias(body);
+      Map<String, dynamic> body = {"thing_id": thingID, "alias": newAlias};
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.updateDeviceAlias(body);
-      context,
+      showSnackBarResponseByStatusCode(
-      statusCode,
+        context,
-      appLocalization(context).notification_update_device_success,
+        statusCode,
-      appLocalization(context).notification_update_device_failed,
+        appLocalization(context).notification_update_device_success,
-    );
+        appLocalization(context).notification_update_device_failed,
+      );
+    });
+    // try {
+    //   Map<String, dynamic> body = {"thing_id": thingID, "alias": newAlias};
+    //   int statusCode = await apiServices.updateDeviceAlias(body);
+    //   showSnackBarResponseByStatusCode(
+    //     context,
+    //     statusCode,
+    //     appLocalization(context).notification_update_device_success,
+    //     appLocalization(context).notification_update_device_failed,
+    //   );
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 
-  Future<List<Device>> getOwnerDevices() async {
+  Future<List<Device>> getOwnerDevices(BuildContext context) {
-    List<Device> allDevices = [];
+    return apiServices.execute(context, () async {
-    String body = await apiServices.getOwnerDevices();
+      final originalDevices = await apiServices.getOwnerDevices();
-    if (body != "") {
+      return originalDevices
-      final data = jsonDecode(body);
+          .where((device) => device.visibility == "PUBLIC")
-      List<dynamic> items = data['items'];
+          .toList();
-      allDevices = Device.fromJsonDynamicList(items);
+    });
-    }
-    return allDevices;
   }
 
   Future<void> addDeviceToGroup(
@@ -107,12 +176,26 @@ class DetailGroupBloc extends BlocBase {
     Map<String, dynamic> body = {
       "thing_id": thingID,
     };
-    int statusCode = await apiServices.addDeviceToGroup(groupID, body);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.addDeviceToGroup(groupID, body);
-      context,
+      showSnackBarResponseByStatusCode(
-      statusCode,
+        context,
-      appLocalization(context).notification_add_device_success,
+        statusCode,
-      appLocalization(context).notification_add_device_failed,
+        appLocalization(context).notification_add_device_success,
-    );
+        appLocalization(context).notification_add_device_failed,
+      );
+    });
+    // try {
+    //   int statusCode = await apiServices.addDeviceToGroup(groupID, body);
+    //   showSnackBarResponseByStatusCode(
+    //     context,
+    //     statusCode,
+    //     appLocalization(context).notification_add_device_success,
+    //     appLocalization(context).notification_add_device_failed,
+    //   );
+    // } catch (e) {
+    //   if (!context.mounted) return;
+    //   showErrorTopSnackBarCustom(context, e.toString());
+    // }
   }
 }

lib/bloc/home_bloc.dart

@@ -1,34 +1,143 @@
 import 'dart:async';
+import 'package:flutter/material.dart';
 
+import '../product/extension/context_extension.dart';
+import '../product/services/api_services.dart';
 import '../feature/home/device_alias_model.dart';
-
 import '../product/base/bloc/base_bloc.dart';
+import '../product/services/language_services.dart';
+import '../product/utils/device_utils.dart';
 
 class HomeBloc extends BlocBase {
+  APIServices apiServices = APIServices();
 
-  final allDevicesAliasMap = StreamController<Map<String,List<DeviceWithAlias>>>.broadcast();
+  final allDevicesAliasMap =
-  StreamSink<Map<String,List<DeviceWithAlias>>> get sinkAllDevicesAliasMap =>
+      StreamController<Map<String, List<DeviceWithAlias>>?>.broadcast();
+  StreamSink<Map<String, List<DeviceWithAlias>>?> get sinkAllDevicesAliasMap =>
       allDevicesAliasMap.sink;
-  Stream<Map<String,List<DeviceWithAlias>>> get streamAllDevicesAliasMap =>
+  Stream<Map<String, List<DeviceWithAlias>>?> get streamAllDevicesAliasMap =>
       allDevicesAliasMap.stream;
 
-  final allDevicesAliasJoinedMap = StreamController<Map<String,List<DeviceWithAlias>>>.broadcast();
+  // final allDevicesAliasJoinedMap =
-  StreamSink<Map<String,List<DeviceWithAlias>>> get sinkAllDevicesAliasJoinedMap =>
+  //     StreamController<Map<String, List<DeviceWithAlias>>>.broadcast();
-      allDevicesAliasJoinedMap.sink;
+  // StreamSink<Map<String, List<DeviceWithAlias>>>
-  Stream<Map<String,List<DeviceWithAlias>>> get streamAllDevicesAliasJoinedMap =>
+  //     get sinkAllDevicesAliasJoinedMap => allDevicesAliasJoinedMap.sink;
-      allDevicesAliasJoinedMap.stream;
+  // Stream<Map<String, List<DeviceWithAlias>>>
+  //     get streamAllDevicesAliasJoinedMap => allDevicesAliasJoinedMap.stream;
 
   final countNotification = StreamController<int>.broadcast();
   StreamSink<int> get sinkCountNotification => countNotification.sink;
   Stream<int> get streamCountNotification => countNotification.stream;
 
-    final ownerDevicesStatus =
+  final hasJoinedDevice = StreamController<bool?>.broadcast();
+  StreamSink<bool?> get sinkHasJoinedDevice => hasJoinedDevice.sink;
+  Stream<bool?> get streamHasJoinedDevice => hasJoinedDevice.stream;
+
+  final ownerDevicesStatus =
       StreamController<Map<String, List<DeviceWithAlias>>>.broadcast();
-  StreamSink<Map<String, List<DeviceWithAlias>>>
+  StreamSink<Map<String, List<DeviceWithAlias>>> get sinkOwnerDevicesStatus =>
-      get sinkOwnerDevicesStatus => ownerDevicesStatus.sink;
+      ownerDevicesStatus.sink;
   Stream<Map<String, List<DeviceWithAlias>>> get streamOwnerDevicesStatus =>
       ownerDevicesStatus.stream;
 
+
+  final aliasDevices = StreamController<List<DeviceWithAlias>?>.broadcast();
+  StreamSink<List<DeviceWithAlias>?> get sinkAliasDevices => aliasDevices.sink;
+  Stream<List<DeviceWithAlias>?> get streamAliasDevices => aliasDevices.stream;
+
+  void getOwnerAndJoinedDevices(BuildContext context) async {
+    await apiServices.execute(context, () async {
+      List<DeviceWithAlias> devices = await apiServices.getDashBoardDevices().handleApiError();
+      List<DeviceWithAlias> publicDevices = [];
+      for (var device in devices) {
+        if (device.visibility == "PUBLIC") {
+          publicDevices.add(device);
+        }
+      }
+      // getDeviceStatusAliasMap(publicDevices);
+      sinkAllDevicesAliasMap.add(null);
+      sinkAliasDevices.add(publicDevices);
+      if (!context.mounted) return;
+      getOwnerDeviceState(context, publicDevices);
+    });
+  }
+  void getOwnerDeviceState(BuildContext context,List<DeviceWithAlias> allDevices) async {
+    // int notificationCount = 0;
+    Map<String, List<DeviceWithAlias>> ownerDevicesStatus = {};
+
+    if (!context.mounted) return;
+    sinkOwnerDevicesStatus.add(ownerDevicesStatus);
+
+    int count = 0;
+    for (var device in allDevices) {
+      // if (device.isOwner != true) continue;
+
+      if (!context.mounted) return;
+      Map<String, dynamic> sensorMap = DeviceUtils.instance
+          .getDeviceSensors(context, device.status?.sensors ?? []);
+
+      if (device.state == 1 || device.state == 3) {
+        ownerDevicesStatus["state"] ??= [];
+        ownerDevicesStatus["state"]!.add(device);
+        if (!context.mounted) return;
+        sinkOwnerDevicesStatus.add(ownerDevicesStatus);
+        count++;
+      }
+
+      final noDataMessage = appLocalization(context).no_data_message;
+      if (sensorMap['sensorBattery'] != noDataMessage) {
+        if (double.parse(sensorMap['sensorBattery']) <= 20) {
+          ownerDevicesStatus['battery'] ??= [];
+          ownerDevicesStatus['battery']!.add(device);
+          if (!context.mounted) return;
+          sinkOwnerDevicesStatus.add(ownerDevicesStatus);
+          count++;
+        }
+      }
+    }
+    if (!context.mounted) return;
+    sinkCountNotification.add(count);
+  }
+
+  void getDeviceStatusAliasMap(List<DeviceWithAlias> devices) {
+    Map<String, List<DeviceWithAlias>> allDevicesAliasMap = {};
+    for (var key in ['all', 'online', 'offline', 'warning', 'not-use']) {
+      allDevicesAliasMap[key] = [];
+    }
+
+    for (DeviceWithAlias device in devices) {
+      allDevicesAliasMap['all']!.add(device);
+      if (device.state == 0 || device.state == 1) {
+        allDevicesAliasMap['online']!.add(device);
+      }
+      if (device.state == -1) {
+        allDevicesAliasMap['offline']!.add(device);
+      }
+      if (device.state == 1) {
+        allDevicesAliasMap['warning']!.add(device);
+      }
+      if (device.state == -2) {
+        allDevicesAliasMap['not-use']!.add(device);
+      }
+
+    }
+    sinkAllDevicesAliasMap.add(allDevicesAliasMap);
+  }
+
+
+
+
+
+
   @override
-  void dispose() {}
+  void dispose() {
+    allDevicesAliasMap.close();
+    // allDevicesAliasJoinedMap.close();
+    countNotification.close();
+    hasJoinedDevice.close();
+    ownerDevicesStatus.close();
+    aliasDevices.close();
+  }
+
+
 }

lib/bloc/inter_family_bloc.dart

@@ -1,12 +1,9 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:async';
-import 'dart:convert';
-import 'dart:developer';
-
 import 'package:flutter/material.dart';
-import '../product/constant/app/app_constants.dart';
 
+import '../product/constant/app/app_constants.dart';
 import '../product/services/api_services.dart';
 import '../product/base/bloc/base_bloc.dart';
 import '../product/services/language_services.dart';
@@ -35,82 +32,78 @@ class InterFamilyBloc extends BlocBase {
   @override
   void dispose() {}
 
-  void getAllGroup(String role) async {
+  void getAllGroup(BuildContext context, String role) async {
     List<Group> groups = [];
     sinkCurrentGroups.add(groups);
-    final body = await apiServices.getAllGroups();
+    await apiServices.execute(context, () async {
-
+      groups = await apiServices.getAllGroups();
-    if (body.isNotEmpty) {
-      final data = jsonDecode(body);
-      List<dynamic> items = data["items"];
-      groups = Group.fromJsonDynamicList(items);
       groups = sortGroupByName(groups);
 
       List<Group> currentGroups = groups.where(
         (group) {
           bool isPublic = group.visibility == "PUBLIC";
-
           if (role == ApplicationConstants.OWNER_GROUP) {
             return group.isOwner == true && isPublic;
           }
-
           if (role == ApplicationConstants.PARTICIPANT_GROUP) {
             return group.isOwner == null && isPublic;
           }
-
           return false;
         },
       ).toList();
-
       sinkCurrentGroups.add(currentGroups);
-    } else {
+    });
-      log("Get groups from API failed");
-    }
-    log("Inter Family Role: $role");
   }
 
   Future<void> createGroup(
       BuildContext context, String name, String description) async {
-    APIServices apiServices = APIServices();
+    await apiServices.execute(context, () async {
-    Map<String, dynamic> body = {"name": name, "description": description};
+      Map<String, dynamic> body = {"name": name, "description": description};
-    int? statusCode = await apiServices.createGroup(body);
+      int? statusCode = await apiServices.createGroup(body);
-    showSnackBarResponseByStatusCode(
+      showSnackBarResponseByStatusCode(
-        context,
+          context,
-        statusCode,
+          statusCode,
-        appLocalization(context).notification_add_group_success,
+          appLocalization(context).notification_add_group_success,
-        appLocalization(context).notification_add_group_failed);
+          appLocalization(context).notification_add_group_failed);
+    });
   }
 
-  Future<void> changeGroupInfomation(BuildContext context, String groupID,
+  Future<void> changeGroupInformation(BuildContext context, String groupID,
       String name, String description) async {
-    Map<String, dynamic> body = {"name": name, "description": description};
+    await apiServices.execute(context, () async {
-    int statusCode = await apiServices.updateGroup(body, groupID);
+      Map<String, dynamic> body = {"name": name, "description": description};
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.updateGroup(body, groupID);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_update_group_success,
+          statusCode,
-        appLocalization(context).notification_update_group_failed);
+          appLocalization(context).notification_update_group_success,
+          appLocalization(context).notification_update_group_failed);
+    });
   }
 
   Future<void> joinGroup(BuildContext context, String groupID) async {
     Map<String, dynamic> body = {
       "group_id": groupID,
     };
-    int statusCode = await apiServices.joinGroup(groupID, body);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.joinGroup(groupID, body);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_join_request_group_success,
+          statusCode,
-        appLocalization(context).notification_join_request_group_failed);
+          appLocalization(context).notification_join_request_group_success,
+          appLocalization(context).notification_join_request_group_failed);
+    });
   }
 
   Future<void> deleteGroup(BuildContext context, String groupID) async {
-    int statusCode = await apiServices.deleteGroup(groupID);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.deleteGroup(groupID);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_delete_group_success,
+          statusCode,
-        appLocalization(context).notification_delete_group_failed);
+          appLocalization(context).notification_delete_group_success,
+          appLocalization(context).notification_delete_group_failed);
+    });
   }
 
   List<Group> sortGroupByName(List<Group> groups) {

lib/bloc/login_bloc.dart

@@ -1,18 +1,15 @@
 import 'dart:async';
 import '../product/base/bloc/base_bloc.dart';
 
-class LoginBloc extends BlocBase{
+class LoginBloc extends BlocBase {
-  
+  final loginRequest = StreamController<Map<String, dynamic>>.broadcast();
-  final loginRequest = StreamController<Map<String,dynamic>>.broadcast();
+  StreamSink<Map<String, dynamic>> get sinkLoginRequest => loginRequest.sink;
-  StreamSink<Map<String,dynamic>> get sinkLoginRequest => loginRequest.sink;
+  Stream<Map<String, dynamic>> get streamLoginRequest => loginRequest.stream;
-  Stream<Map<String,dynamic>> get streamLoginRequest => loginRequest.stream;
+
-  
   final isShowPassword = StreamController<bool>.broadcast();
   StreamSink<bool> get sinkIsShowPassword => isShowPassword.sink;
   Stream<bool> get streamIsShowPassword => isShowPassword.stream;
 
   @override
-  void dispose() {
+  void dispose() {}
-  }
+}
-
-}

lib/bloc/main_bloc.dart

@@ -1,13 +1,12 @@
 import 'dart:async';
-import 'dart:convert';
 import 'dart:developer';
-
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/cache/local_manager.dart';
+
-import 'package:sfm_app/product/constant/app/api_path_constant.dart';
+import '../product/cache/local_manager.dart';
-import 'package:sfm_app/product/constant/enums/local_keys_enums.dart';
+import '../product/constant/app/api_path_constant.dart';
-import 'package:sfm_app/product/network/network_manager.dart';
+import '../product/constant/enums/local_keys_enums.dart';
+import '../product/network/network_manager.dart';
 import '../product/base/bloc/base_bloc.dart';
 import '../product/services/api_services.dart';
 import '../feature/bell/bell_model.dart';
@@ -42,14 +41,14 @@ class MainBloc extends BlocBase {
   @override
   void dispose() {}
 
-  void getUserProfile() async {
+  void getUserProfile(BuildContext context) async {
-    String data = await apiServices.getUserDetail();
+    await apiServices.execute(context, () async {
-    User user = User.fromJson(jsonDecode(data));
+      User user = await apiServices.getUserDetail();
-    sinkUserProfile.add(user);
+      sinkUserProfile.add(user);
+    });
   }
 
   getFCMTokenAndPresentations() async {
-
     String? firebaseAppToken = await FirebaseMessaging.instance.getToken();
 
     if (firebaseAppToken != null) {
@@ -60,14 +59,11 @@ class MainBloc extends BlocBase {
     }
   }
 
-  Future<int> sendNotificationToken(String token) async{
+  Future<int> sendNotificationToken(String token) async {
     String uid = await getUID();
-    Map<String,dynamic> body = {
+    Map<String, dynamic> body = {"user_id": uid, "app_token": token};
-      "user_id": uid,
+    int statusCode = await NetworkManager.instance!
-      "app_token": token
+        .updateDataInServer(APIPathConstants.NOTIFICATION_TOKEN_PATH, body);
-    };
-    int statusCode = await NetworkManager.instance!.updateDataInServer(
-        APIPathConstants.NOTIFICATION_TOKEN_PATH, body);
     return statusCode;
   }
 

lib/bloc/map_bloc.dart

@@ -1,9 +1,9 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:async';
-
 import 'package:flutter/material.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
+
 import '../product/services/map_services.dart';
 import '../product/shared/shared_snack_bar.dart';
 import '../feature/devices/device_model.dart';
@@ -75,6 +75,4 @@ class MapBloc extends BlocBase {
           context, "Không tìm thấy đường", Colors.orange, Colors.white);
     }
   }
-
-  
 }

lib/bloc/settings_bloc.dart

@@ -1,15 +1,17 @@
 import 'dart:async';
+import 'package:flutter/cupertino.dart';
 
+import '../product/services/api_services.dart';
 import '../feature/settings/profile/profile_model.dart';
 import '../product/base/bloc/base_bloc.dart';
 
-class SettingsBloc extends BlocBase {  
+class SettingsBloc extends BlocBase {
 // Settings Screen
+  APIServices apiServices = APIServices();
   final userProfile = StreamController<User>.broadcast();
   StreamSink<User> get sinkUserProfile => userProfile.sink;
   Stream<User> get streamUserProfile => userProfile.stream;
 
-
 // Profile Screen
   final isChangeProfileInfomation = StreamController<bool>.broadcast();
   StreamSink<bool> get sinkIsChangeProfileInfomation =>
@@ -17,9 +19,13 @@ class SettingsBloc extends BlocBase {
   Stream<bool> get streamIsChangeProfileInfomation =>
       isChangeProfileInfomation.stream;
 
-
+  void getUserProfile(BuildContext context) async {
+    await apiServices.execute(context, () async {
+      User user = await apiServices.getUserDetail();
+      sinkUserProfile.add(user);
+    });
+  }
 
   @override
-  void dispose() {
+  void dispose() {}
-  }
 }

lib/bloc/sim_data_bloc.dart

@@ -0,0 +1,34 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+
+import '../product/services/api_services.dart';
+import '../feature/devices/device_model.dart';
+import '../product/base/bloc/base_bloc.dart';
+
+class SimDataBloc extends BlocBase{
+
+  APIServices apiServices = APIServices();
+
+  final devices = StreamController<List<Device>>.broadcast();
+  StreamSink<List<Device>> get sinkDevices => devices.sink;
+  Stream<List<Device>> get streamDevices => devices.stream;
+
+  @override
+  void dispose() {}
+
+  void getOwnerDevices(BuildContext context) async {
+    await apiServices.execute(context, () async {
+      List<Device> devices = [];
+      devices = await apiServices.getOwnerDevices();
+
+      List<Device> publicDevices = [];
+      for (var device in devices) {
+        if (device.visibility == "PUBLIC") {
+          publicDevices.add(device);
+        }
+      }
+      sinkDevices.add(publicDevices);
+    });
+  }
+
+}

lib/feature/bell/bell_screen.dart

@@ -1,11 +1,12 @@
 import 'dart:async';
-
 import 'package:flutter/material.dart';
-import '../../product/extension/context_extension.dart';
+
 import '../../product/services/language_services.dart';
 import '../../bloc/bell_bloc.dart';
 import '../../product/base/bloc/base_bloc.dart';
 import '../../product/services/api_services.dart';
+import '../../product/shared/shared_component_loading_animation.dart';
+import '../../product/shared/shared_loading_animation.dart';
 import 'bell_model.dart';
 
 class BellScreen extends StatefulWidget {
@@ -56,11 +57,7 @@ class _BellScreenState extends State<BellScreen> {
             initialData: items,
             builder: (context, bellSnapshot) {
               return check
-                  ? Center(
+                  ? const SharedLoadingAnimation()
-                      child: CircularProgressIndicator(
-                        value: context.highValue,
-                      ),
-                    )
                   : bellSnapshot.data?.isEmpty ?? true
                       ? Center(
                           child: Text(
@@ -78,16 +75,8 @@ class _BellScreenState extends State<BellScreen> {
                                 if (index < bellSnapshot.data!.length) {
                                   return GestureDetector(
                                     onTap: () async {
-                                      List<String> read = [];
+                                      readNotification(
-                                      read.add(bellSnapshot.data![index].id!);
+                                          bellSnapshot.data![index].id!);
-                                      int code = await apiServices
-                                          .updateStatusOfNotification(read);
-                                      if (code == 200) {
-                                        read.clear();
-                                      } else {
-                                        read.clear();
-                                      }
-                                      refresh();
                                     },
                                     child: Column(
                                       children: [
@@ -143,7 +132,7 @@ class _BellScreenState extends State<BellScreen> {
                                       builder: (context, hasMoreSnapshot) {
                                         return Center(
                                           child: hasMoreSnapshot.data ?? hasMore
-                                              ? const CircularProgressIndicator()
+                                              ? const SharedComponentLoadingAnimation()
                                               : Text(
                                                   appLocalization(context)
                                                       .bell_read_all,
@@ -173,20 +162,31 @@ class _BellScreenState extends State<BellScreen> {
     getBellNotification(offset);
   }
 
-  Future<void> getBellNotification(int offset) async {
+  void readNotification(String id) async {
-    bell = await apiServices.getBellNotifications(
+    await apiServices.execute(context, () async {
-        offset.toString(), (offset + 20).toString());
+      List<String> read = [];
+      read.add(id);
+      await apiServices.updateStatusOfNotification(read);
+      read.clear();
+    });
+    refresh();
+  }
 
-    if (bell.items!.isEmpty) {
+  Future<void> getBellNotification(int offset) async {
-      hasMore = false;
+    apiServices.execute(context, () async {
-      bellBloc.sinkHasMore.add(hasMore);
+      bell = await apiServices.getBellNotifications(
-    } else {
+          offset.toString(), (offset + 20).toString());
-      for (var item in bell.items!) {
+      if (bell.items!.isEmpty) {
-        items.add(item);
+        hasMore = false;
+        bellBloc.sinkHasMore.add(hasMore);
+      } else {
+        for (var item in bell.items!) {
+          items.add(item);
+        }
       }
-    }
+      bellBloc.bellItems.add(items);
-    bellBloc.bellItems.add(items);
+      check = false;
-    check = false;
+    });
   }
 
   String timeAgo(BuildContext context, DateTime dateTime) {

lib/feature/device_log/device_logs_screen.dart

@@ -1,7 +1,10 @@
 
 import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
+
 import 'package:intl/intl.dart';
+import '../../product/shared/shared_component_loading_animation.dart';
+import '../../product/shared/shared_loading_animation.dart';
 import 'widgets/tag_widget.dart';
 import '../devices/device_model.dart';
 import '../../bloc/device_logs_bloc.dart';
@@ -12,7 +15,6 @@ import '../../product/services/language_services.dart';
 import '../../product/shared/shared_snack_bar.dart';
 import '../../product/utils/date_time_utils.dart';
 import '../../product/utils/device_utils.dart';
-
 import '../../product/base/bloc/base_bloc.dart';
 import 'device_logs_model.dart';
 
@@ -42,7 +44,7 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
       () {
         if (controller.position.maxScrollExtent == controller.offset) {
           offset += 30;
-          deviceLogsBloc.getDeviceLogByThingID(
+          deviceLogsBloc.getDeviceLogByThingID(context,
               offset, thingID, dateTime!, sensors);
         }
       },
@@ -63,11 +65,9 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
       body: StreamBuilder<List<Device>>(
         stream: deviceLogsBloc.streamAllDevices,
         builder: (context, allDevicesSnapshot) {
-          if (allDevicesSnapshot.data?[0].thingId == null) {
+          if (allDevicesSnapshot.data == null) {
-            deviceLogsBloc.getAllDevices();
+            deviceLogsBloc.getAllDevices(context);
-            return const Center(
+            return const SharedLoadingAnimation();
-              child: CircularProgressIndicator(),
-            );
           } else {
             return StreamBuilder<List<SensorLogs>>(
               stream: deviceLogsBloc.streamSensors,
@@ -90,9 +90,7 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
                             hint: Text(
                               appLocalization(context)
                                   .choose_device_dropdownButton,
-                              style: const TextStyle(
+                              style: context.responsiveBodySmall
-                                fontSize: 14,
-                              ),
                             ),
                             items: allDevicesSnapshot.data?.isNotEmpty ?? false
                                 ? allDevicesSnapshot.data!
@@ -101,9 +99,7 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
                                         value: device.thingId,
                                         child: Text(
                                           device.name!,
-                                          style: const TextStyle(
+                                          style: context.responsiveBodySmall
-                                            fontSize: 14,
-                                          ),
                                         ),
                                       ),
                                     )
@@ -192,6 +188,7 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
                                         );
                                       } else {
                                         deviceLogsBloc.getDeviceLogByThingID(
+                                          context,
                                             offset,
                                             thingID,
                                             dateTime!,
@@ -250,7 +247,7 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
                                               return Center(
                                                 child: hasMoreSnapshot.data ??
                                                         hasMore
-                                                    ? const CircularProgressIndicator()
+                                                    ? const SharedComponentLoadingAnimation()
                                                     : Text(
                                                         appLocalization(context)
                                                             .main_no_data),
@@ -314,7 +311,7 @@ class _DeviceLogsScreenState extends State<DeviceLogsScreen> {
     deviceLogsBloc.sensors.add(sensors);
     hasMore = true;
     deviceLogsBloc.sinkHasMore.add(hasMore);
-    deviceLogsBloc.getDeviceLogByThingID(offset, thingID, dateTime!, sensors);
+    deviceLogsBloc.getDeviceLogByThingID(context,offset, thingID, dateTime!, sensors);
   }
 
   Widget leadingList(SensorLogs sensor) {

lib/feature/devices/add_new_device_widget.dart

@@ -1,7 +1,9 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/shared/shared_snack_bar.dart';
+
+import '../../bloc/devices_manager_bloc.dart';
+import '../../product/shared/shared_snack_bar.dart';
 import '../../product/utils/response_status_utils.dart';
 import '../../product/constant/enums/role_enums.dart';
 import '../../product/services/api_services.dart';
@@ -10,7 +12,8 @@ import '../../product/constant/icon/icon_constants.dart';
 import '../../product/extension/context_extension.dart';
 import '../../product/services/language_services.dart';
 
-addNewDevice(BuildContext context, String role) async {
+addNewDevice(BuildContext context, String role,
+    DevicesManagerBloc deviceManagerBloc) async {
   TextEditingController extIDController = TextEditingController(text: "");
   TextEditingController deviceNameController = TextEditingController(text: "");
   ScaffoldMessenger.of(context).showSnackBar(
@@ -25,8 +28,7 @@ addNewDevice(BuildContext context, String role) async {
             children: [
               Text(
                 '${appLocalization(context).add_device_title}: ',
-                style:
+                style: context.responsiveBodyLargeWithBold,
-                    const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
               ),
               Container(
                 alignment: Alignment.centerRight,
@@ -77,7 +79,8 @@ addNewDevice(BuildContext context, String role) async {
                       Colors.white);
                   ScaffoldMessenger.of(context).hideCurrentSnackBar();
                 } else {
-                  addDevices(context, role, extID, deviceName);
+                  addDevices(
+                      context, role, extID, deviceName, deviceManagerBloc);
                   ScaffoldMessenger.of(context).hideCurrentSnackBar();
                 }
               },
@@ -90,25 +93,31 @@ addNewDevice(BuildContext context, String role) async {
   );
 }
 
-void addDevices(
+void addDevices(BuildContext context, String role, String extID,
-    BuildContext context, String role, String extID, String deviceName) async {
+    String deviceName, DevicesManagerBloc deviceManagerBloc) async {
   APIServices apiServices = APIServices();
   Map<String, dynamic> body = {};
   if (role == RoleEnums.ADMIN.name) {
-    body = {"ext_id": extID, "name": deviceName};
+    await apiServices.execute(context,() async {
-    int statusCode = await apiServices.createDeviceByAdmin(body);
+      body = {"ext_id": extID, "name": deviceName};
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.createDeviceByAdmin(body);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_create_device_success,
+          statusCode,
-        appLocalization(context).notification_create_device_failed);
+          appLocalization(context).notification_create_device_success,
+          appLocalization(context).notification_create_device_failed);
+      deviceManagerBloc.getDeviceByState(context, -2);
+    });
   } else {
-    body = {"ext_id": extID};
+    await apiServices.execute(context,() async {
-    int statusCode = await apiServices.registerDevice(body);
+      body = {"ext_id": extID};
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.registerDevice(body);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_add_device_success,
+          statusCode,
-        appLocalization(context).notification_device_not_exist);
+          appLocalization(context).notification_add_device_success,
+          appLocalization(context).notification_device_not_exist);
+      deviceManagerBloc.getDeviceByState(context, -2);
+    });
   }
 }

lib/feature/devices/delete_device_widget.dart

@@ -1,6 +1,7 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'package:flutter/material.dart';
+
 import '../../bloc/devices_manager_bloc.dart';
 import '../../product/constant/enums/role_enums.dart';
 import '../../product/services/api_services.dart';
@@ -47,20 +48,24 @@ deleteOrUnregisterDevice(BuildContext context, DevicesManagerBloc devicesBloc,
     Map<String, dynamic> body = {
       "ext_id": extID,
     };
-    int statusCode = await apiServices.unregisterDevice(body);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.unregisterDevice(body);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_delete_device_success,
+          statusCode,
-        appLocalization(context).notification_delete_device_failed);
+          appLocalization(context).notification_delete_device_success,
-    devicesBloc.getDeviceByState(-2);
+          appLocalization(context).notification_delete_device_failed);
+      devicesBloc.getDeviceByState(context, -2);
+    });
   } else {
-    int statusCode = await apiServices.deleteDeviceByAdmin(extID);
+    await apiServices.execute(context, () async {
-    showSnackBarResponseByStatusCode(
+      int statusCode = await apiServices.deleteDeviceByAdmin(extID);
-        context,
+      showSnackBarResponseByStatusCode(
-        statusCode,
+          context,
-        appLocalization(context).notification_delete_device_success,
+          statusCode,
-        appLocalization(context).notification_delete_device_failed);
+          appLocalization(context).notification_delete_device_success,
-    devicesBloc.getDeviceByState(-2);
+          appLocalization(context).notification_delete_device_failed);
+      devicesBloc.getDeviceByState(context, -2);
+    });
   }
 }

lib/feature/devices/device_update/device_update_screen.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:search_choices/search_choices.dart';
 
+import '../../../product/shared/shared_loading_animation.dart';
 import '../device_model.dart';
 import '../../../bloc/device_update_bloc.dart';
 import 'map_dialog.dart';
@@ -8,7 +9,6 @@ import '../../../product/base/bloc/base_bloc.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/api_services.dart';
 import '../../../product/services/language_services.dart';
-
 import '../../../product/shared/model/district_model.dart';
 import '../../../product/shared/model/province_model.dart';
 import '../../../product/shared/model/ward_model.dart';
@@ -47,7 +47,7 @@ class _DeviceUpdateScreenState extends State<DeviceUpdateScreen> {
   void initState() {
     super.initState();
     deviceUpdateBloc = BlocProvider.of(context);
-    deviceUpdateBloc.getAllProvinces();
+    deviceUpdateBloc.getAllProvinces(context);
   }
 
   @override
@@ -72,16 +72,16 @@ class _DeviceUpdateScreenState extends State<DeviceUpdateScreen> {
                       initialData: device,
                       builder: (context, deviceInfoSnapshot) {
                         if (deviceInfoSnapshot.data!.thingId == null) {
-                          deviceUpdateBloc.getDeviceInfomation(
+                          deviceUpdateBloc.getDeviceInformation(
+                            context,
                               widget.thingID,
-                              districtsData,
+                              // provincesData,
-                              wardsData,
+                              // districtsData,
+                              // wardsData,
                               deviceNameController,
                               deviceLatitudeController,
                               deviceLongitudeController);
-                          return const Center(
+                          return const SharedLoadingAnimation();
-                            child: CircularProgressIndicator(),
-                          );
                         } else {
                           return StreamBuilder<bool>(
                             stream: deviceUpdateBloc.streamIsChanged,
@@ -245,7 +245,7 @@ class _DeviceUpdateScreenState extends State<DeviceUpdateScreen> {
                                                       .sinkProvinceData
                                                       .add(provinceData);
                                                   deviceUpdateBloc
-                                                      .getAllDistricts(
+                                                      .getAllDistricts(context,
                                                           value.code);
                                                   selectedDistrict = "";
                                                   districtData['name'] =
@@ -318,7 +318,7 @@ class _DeviceUpdateScreenState extends State<DeviceUpdateScreen> {
                                                       .sinkDistrictData
                                                       .add(districtData);
                                                   deviceUpdateBloc
-                                                      .getAllWards(value.code);
+                                                      .getAllWards(context,value.code);
                                                   selectedWard = "";
                                                   wardData['name'] =
                                                       selectedWard!;

lib/feature/devices/device_update/map_dialog.dart

@@ -2,15 +2,14 @@ import 'dart:async';
 import 'dart:convert';
 import 'dart:developer';
 import 'package:http/http.dart' as http;
-
 import 'package:flutter/material.dart';
-import 'package:google_maps_flutter/google_maps_flutter.dart' ;
+import 'package:google_maps_flutter/google_maps_flutter.dart';
+
 import '../../../bloc/device_update_bloc.dart';
 import '../../../product/constant/app/app_constants.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
 import '../../../product/shared/find_location_maps/shared_map_search_location.dart';
-
 import '../../../product/shared/find_location_maps/model/prediction_model.dart';
 import '../../../product/shared/shared_transition.dart';
 import 'geocode_model.dart';
@@ -64,7 +63,8 @@ showMapDialog(
                         String latitude = mapDialogLatitudeController.text;
                         String longitude = mapDialogLongitudeController.text;
                         log("Finish -- Latitude: $latitude, longitude: $longitude --");
-                        getDataFromApi(latitude, longitude, deviceUpdateBloc);
+                        getDataFromApi(
+                            context, latitude, longitude, deviceUpdateBloc);
                         latitudeController.text =
                             mapDialogLatitudeController.text;
                         longitudeController.text =
@@ -184,7 +184,7 @@ addMarker(
   updateCameraPosition(position, 14, mapController);
 }
 
-void getDataFromApi(String latitude, String longitude,
+void getDataFromApi(BuildContext context, String latitude, String longitude,
     DeviceUpdateBloc deviceUpdateBloc) async {
   String path =
       "maps/api/geocode/json?latlng=$latitude,$longitude&language=vi&result_type=political&key=${ApplicationConstants.MAP_KEY}";
@@ -215,7 +215,7 @@ void getDataFromApi(String latitude, String longitude,
     log("$key: $value");
   });
 
-  await _processLocations(locations, deviceUpdateBloc);
+  await _processLocations(context, locations, deviceUpdateBloc);
 }
 
 Map<String, String> _extractLocationComponents(
@@ -241,31 +241,31 @@ Map<String, String> _extractLocationComponents(
   return locations;
 }
 
-Future<void> _processLocations(
+Future<void> _processLocations(BuildContext context,
     Map<String, String> locations, DeviceUpdateBloc deviceUpdateBloc) async {
   String provinceNameFromAPI = locations['provincekey'] ?? "";
   String districtNameFromAPI = locations['districtkey'] ?? "";
   String wardNameFromAPI = locations['wardkey'] ?? "";
 
   final province =
-      await deviceUpdateBloc.getProvinceByName(provinceNameFromAPI);
+      await deviceUpdateBloc.getProvinceByName(context, provinceNameFromAPI);
   if (province.name != "null") {
     log("Province: ${province.fullName}, ProvinceCode: ${province.code}");
     deviceUpdateBloc.sinkProvinceData
         .add({"code": province.code!, "name": province.fullName!});
-    deviceUpdateBloc.getAllProvinces();
+    deviceUpdateBloc.getAllProvinces(context);
 
     final district = await deviceUpdateBloc.getDistrictByName(
-        districtNameFromAPI, province.code!);
+        context, districtNameFromAPI, province.code!);
     log("Districtname: ${district.fullName}, districtCode: ${district.code}");
-    deviceUpdateBloc.getAllDistricts(province.code!);
+    deviceUpdateBloc.getAllDistricts(context, province.code!);
     if (district.name != "null") {
       deviceUpdateBloc.sinkDistrictData
           .add({"code": district.code!, "name": district.fullName!});
-      final ward =
+      final ward = await deviceUpdateBloc.getWardByName(
-          await deviceUpdateBloc.getWardByName(wardNameFromAPI, district.code!);
+          context, wardNameFromAPI, district.code!);
       log("Wardname: ${ward.fullName}, WardCode: ${ward.code}");
-      deviceUpdateBloc.getAllWards(district.code!);
+      deviceUpdateBloc.getAllWards(context, district.code!);
       if (ward.name != "null") {
         log("Xac dinh duoc het thong tin tu toa do");
         deviceUpdateBloc.sinkWardData

lib/feature/devices/devices_manager_screen.dart

@@ -1,9 +1,11 @@
 import 'dart:async';
-
 import 'package:data_table_2/data_table_2.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
+
+import '../../product/shared/shared_component_loading_animation.dart';
+import '../../product/shared/shared_loading_animation.dart';
 import 'add_new_device_widget.dart';
 import 'delete_device_widget.dart';
 import 'device_model.dart';
@@ -29,7 +31,7 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
   late DevicesManagerBloc devicesManagerBloc;
   String role = "Undefine";
   APIServices apiServices = APIServices();
-  List<Device> devices = [];
+  // List<Device> devices = [];
   Timer? getAllDevicesTimer;
   List<Widget> tags = [];
   int tagIndex = -2;
@@ -41,7 +43,7 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
     const duration = Duration(seconds: 10);
     getAllDevicesTimer = Timer.periodic(
       duration,
-      (Timer t) => devicesManagerBloc.getDeviceByState(tagIndex),
+      (Timer t) => devicesManagerBloc.getDeviceByState(context,tagIndex),
     );
   }
 
@@ -58,36 +60,60 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
       body: StreamBuilder<List<int>>(
           stream: devicesManagerBloc.streamTagStates,
           builder: (context, tagSnapshot) {
-            return SafeArea(
+            return StreamBuilder<String>(
-              child: StreamBuilder<List<Device>>(
+                stream: devicesManagerBloc.streamUserRole,
-                stream: devicesManagerBloc.streamAllDevices,
+                initialData: role,
-                initialData: devices,
+              builder: (context, roleSnapshot) {
-                builder: (context, allDeviceSnapshot) {
+                return SafeArea(
-                  if (allDeviceSnapshot.data?.isEmpty ?? devices.isEmpty) {
+                  child: StreamBuilder<List<Device>>(
-                    devicesManagerBloc
+                    stream: devicesManagerBloc.streamAllDevices,
-                        .getDeviceByState(tagSnapshot.data?[0] ?? -2);
+                    builder: (context, allDeviceSnapshot) {
-                    return const Center(child: CircularProgressIndicator());
+                      if(allDeviceSnapshot.data == null){
-                  } else {
+                        devicesManagerBloc
-                    if (tagSnapshot.data!.isNotEmpty) {
+                            .getDeviceByState(context,tagSnapshot.data?[0] ?? -2);
-                      tagIndex = tagSnapshot.data![0];
+                        return const SharedLoadingAnimation();
-                      devicesManagerBloc.sinkTagStates.add([tagIndex]);
+                      }
-                    }
+                      if (allDeviceSnapshot.data!.isEmpty) {
-                    return SingleChildScrollView(
+                        return Center(
-                      child: Column(
+                          child: Column(
-                        children: [
+                            mainAxisAlignment: MainAxisAlignment.center,
-                          if (tagSnapshot.hasData &&
+                            crossAxisAlignment: CrossAxisAlignment.center,
-                              tagSnapshot.data!.isNotEmpty &&
+                            children: [
-                              tagSnapshot.data![0] != -2)
+                              Container(
-                            TagState(
+                                  width: 100,
-                              state: tagSnapshot.data![0],
+                                  height: 100,
-                              devicesManagerBloc: devicesManagerBloc,
+                                  decoration: BoxDecoration(
-                            ),
+                                    border: Border.all(color: Theme.of(context).colorScheme.primary),
-                          SizedBox(height: context.lowValue),
+                                    borderRadius: BorderRadius.circular(50)
-                          StreamBuilder<String>(
+                                  ),
-                            stream: devicesManagerBloc.streamUserRole,
+                                  child: IconButton(onPressed: (){
-                            initialData: role,
+                                    ScaffoldMessenger.of(context)
-                            builder: (context, roleSnapshot) {
+                                        .clearSnackBars();
-                                return SizedBox(
+                                    addNewDevice(context,
+                                        roleSnapshot.data ?? role, devicesManagerBloc);
+                                  }, iconSize: 50, icon: const Icon(Icons.add),),),
+                              SizedBox(height: context.mediumValue,),
+                              Text(appLocalization(context).dont_have_device, style: context.responsiveBodyMediumWithBold,)
+                            ],
+                          ),
+                        );
+                      } else {
+                        if (tagSnapshot.data!.isNotEmpty) {
+                          tagIndex = tagSnapshot.data![0];
+                          devicesManagerBloc.sinkTagStates.add([tagIndex]);
+                        }
+                        return SingleChildScrollView(
+                          child: Column(
+                            children: [
+                              if (tagSnapshot.hasData &&
+                                  tagSnapshot.data!.isNotEmpty &&
+                                  tagSnapshot.data![0] != -2)
+                                TagState(
+                                  state: tagSnapshot.data![0],
+                                  devicesManagerBloc: devicesManagerBloc,
+                                ),
+                              SizedBox(height: context.lowValue),
+                              SizedBox(
                                 height: getTableHeight(allDeviceSnapshot.data?.length ?? 1),
                                 child: PaginatedDataTable2(
                                   wrapInCard: false,
@@ -103,15 +129,16 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
                                     child: Text(
                                       appLocalization(context)
                                           .paginated_data_table_title,
-                                      style: context.headlineMediumTextStyle,
+                                      style: context.responsiveBodyLargeWithBold,
                                     ),
                                   ),
                                   columns: [
                                     if (roleSnapshot.data ==
-                                            RoleEnums.ADMIN.name ||
+                                        RoleEnums.ADMIN.name ||
                                         roleSnapshot.data ==
                                             RoleEnums.USER.name)
-                                      DataColumn(
+                                      DataColumn2(
+                                        fixedWidth: context.dynamicWidth(0.3),
                                         label: Text(appLocalization(context)
                                             .paginated_data_table_column_deviceName),
                                       ),
@@ -148,23 +175,23 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
                                     // log('Chuyen page: $pageIndex');
                                   },
                                   rowsPerPage:
-                                      (allDeviceSnapshot.data?.length ?? 1) < 6
+                                  (allDeviceSnapshot.data?.length ?? 1) < 6
-                                          ? (allDeviceSnapshot.data?.length ??
+                                      ? (allDeviceSnapshot.data?.length ??
-                                              0)
+                                      0)
-                                          : 5,
+                                      : 5,
 
                                   actions: [
                                     if (roleSnapshot.data ==
-                                            RoleEnums.USER.name ||
+                                        RoleEnums.USER.name ||
                                         roleSnapshot.data ==
                                             RoleEnums.ADMIN.name)
                                       IconButton(
                                           style: ButtonStyle(
                                             backgroundColor:
-                                                WidgetStateProperty.all<Color>(
+                                            WidgetStateProperty.all<Color>(
-                                                    Colors.green),
+                                                Colors.green),
                                             iconColor:
-                                                WidgetStateProperty.all<Color>(
+                                            WidgetStateProperty.all<Color>(
                                               Colors.white,
                                             ),
                                           ),
@@ -172,52 +199,48 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
                                             ScaffoldMessenger.of(context)
                                                 .clearSnackBars();
                                             addNewDevice(context,
-                                                roleSnapshot.data ?? role);
+                                                roleSnapshot.data ?? role, devicesManagerBloc);
                                           },
                                           icon: IconConstants.instance
                                               .getMaterialIcon(Icons.add))
                                   ],
                                   source: DeviceSource(
-                                    devices: allDeviceSnapshot.data ?? devices,
+                                    devices: allDeviceSnapshot.data ?? [],
                                     context: context,
                                     devicesBloc: devicesManagerBloc,
                                     role: role,
                                   ),
                                 ),
-                              );
+                              ),
-                            },
+                              SizedBox(height: context.lowValue),
+                              Text(
+                                appLocalization(context).overview_message,
+                                style: context.responsiveBodyLargeWithBold
+                              ),
+                              StreamBuilder<Map<String, List<Device>>>(
+                                stream: devicesManagerBloc.streamDeviceByState,
+                                builder: (context, devicesByStateSnapshot) {
+                                  if (devicesByStateSnapshot.data == null) {
+                                    devicesManagerBloc.getDeviceByState(context,
+                                        tagSnapshot.data?[0] ?? -2);
+                                    return const SharedComponentLoadingAnimation();
+                                  } else {
+                                    return SharedPieChart(
+                                      deviceByState:
+                                          devicesByStateSnapshot.data ?? {},
+                                      devicesManagerBloc: devicesManagerBloc,
+                                    );
+                                  }
+                                },
+                              ),
+                            ],
                           ),
-                          SizedBox(height: context.lowValue),
+                        );
-                          Text(
+                      }
-                            appLocalization(context).overview_message,
+                    },
-                            style: const TextStyle(
+                  ),
-                              fontSize: 20,
+                );
-                              fontWeight: FontWeight.bold,
+              }
-                            ),
-                          ),
-                          StreamBuilder<Map<String, List<Device>>>(
-                            stream: devicesManagerBloc.streamDeviceByState,
-                            builder: (context, devicesByStateSnapshot) {
-                              if (devicesByStateSnapshot.data == null) {
-                                devicesManagerBloc.getDeviceByState(
-                                    tagSnapshot.data?[0] ?? -2);
-                                return const Center(
-                                    child: CircularProgressIndicator());
-                              } else {
-                                return SharedPieChart(
-                                  deviceByState:
-                                      devicesByStateSnapshot.data ?? {},
-                                  devicesManagerBloc: devicesManagerBloc,
-                                );
-                              }
-                            },
-                          ),
-                        ],
-                      ),
-                    );
-                  }
-                },
-              ),
             );
           }),
     );
@@ -230,7 +253,7 @@ class _DevicesManagerScreenState extends State<DevicesManagerScreen> {
 
   double getTableHeight(int dataLength){
     if(dataLength < 3){
-      return context.dynamicHeight(0.3);
+      return context.dynamicHeight(0.35);
     }else {
       return context.dynamicHeight(0.4);
     }
@@ -370,7 +393,7 @@ class TagState extends StatelessWidget {
           ),
           GestureDetector(
             onTap: () {
-              devicesManagerBloc.getDeviceByState(-2);
+              devicesManagerBloc.getDeviceByState(context,-2);
             },
             child: const Icon(
               Icons.close,

lib/feature/error/not_found_screen.dart

@@ -1,7 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
-import 'package:sfm_app/product/constant/enums/app_route_enums.dart';
+
-import 'package:sfm_app/product/constant/image/image_constants.dart';
+import '../../product/constant/enums/app_route_enums.dart';
+import '../../product/constant/image/image_constants.dart';
 
 class NotFoundScreen extends StatelessWidget {
   const NotFoundScreen({super.key});

lib/feature/home/home_screen.dart

@@ -1,11 +1,12 @@
 import 'dart:async';
-import 'dart:convert';
 import 'dart:developer';
-
+import 'package:alarm/alarm.dart';
 import 'package:flutter/material.dart';
+
+import '../../product/shared/shared_loading_animation.dart';
+import '../../product/shared/shared_component_loading_animation.dart';
 import 'shared/alert_card.dart';
 import 'shared/warning_card.dart';
-import '../../product/utils/device_utils.dart';
 import 'device_alias_model.dart';
 import 'shared/overview_card.dart';
 import '../settings/device_notification_settings/device_notification_settings_model.dart';
@@ -17,7 +18,6 @@ import '../../product/base/bloc/base_bloc.dart';
 
 class HomeScreen extends StatefulWidget {
   const HomeScreen({super.key});
-
   @override
   State<HomeScreen> createState() => _HomeScreenState();
 }
@@ -25,305 +25,284 @@ class HomeScreen extends StatefulWidget {
 class _HomeScreenState extends State<HomeScreen> {
   late HomeBloc homeBloc;
   APIServices apiServices = APIServices();
-  Map<String, List<DeviceWithAlias>> allDevicesAliasMap = {};
-  Map<String, List<DeviceWithAlias>> allDevicesAliasJoinedMap = {};
-  List<DeviceWithAlias> devices = [];
   bool isFunctionCall = false;
   Timer? getAllDevicesTimer;
-  int notificationCount = 0;
-  Map<String, List<DeviceWithAlias>> ownerDevicesStatus = {};
-  List<String> ownerDevicesState = [];
 
   @override
   void initState() {
     super.initState();
     homeBloc = BlocProvider.of(context);
-    getOwnerAndJoinedDevices();
     const duration = Duration(seconds: 10);
-    getAllDevicesTimer = Timer.periodic(duration, (Timer t) => getOwnerAndJoinedDevices());
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      // Code ở đây chạy sau khi giao diện render xong
+      getAllDevicesTimer = Timer.periodic(
+          duration, (Timer t) => homeBloc.getOwnerAndJoinedDevices(context));
+      // Ví dụ: gọi API, scroll tới vị trí nào đó, v.v.
+    });
+  }
+
+  Future<void> loadAlarms() async {
+    final alarms = await Alarm.getAlarms();
+    log("Alarms: $alarms");
   }
 
   @override
   void dispose() {
     getAllDevicesTimer?.cancel();
+    homeBloc.dispose();
     super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return StreamBuilder<List<DeviceWithAlias>?>(
-      body: Padding(
+        stream: homeBloc.streamAliasDevices,
-        padding: context.paddingLow,
+        builder: (context, aliasDevicesSnapshot) {
-        child: SingleChildScrollView(
+          if (aliasDevicesSnapshot.data == null) {
-          child: Column(
+            homeBloc.getOwnerAndJoinedDevices(context);
-            children: <Widget>[
+            return const SharedLoadingAnimation();
-              Row(
+          } else {
-                children: [
+            homeBloc.getOwnerDeviceState(
-                  Text(
+                context, aliasDevicesSnapshot.data ?? []);
-                    appLocalization(context).notification,
+            homeBloc.getDeviceStatusAliasMap(aliasDevicesSnapshot.data ?? []);
-                    style: context.titleMediumTextStyle,
+            checkSettingDevice(aliasDevicesSnapshot.data ?? []);
-                  ),
+            return Scaffold(
-                  SizedBox(width: context.lowValue),
+              floatingActionButton: FloatingActionButton(
-                  StreamBuilder<int>(
+                onPressed: () {
-                    stream: homeBloc.streamCountNotification,
+                  loadAlarms();
-                    builder: (context, countSnapshot) {
+                },
-                      return Text(
+                child: const Icon(Icons.alarm),
-                        "(${countSnapshot.data ?? 0})",
-                        style: context.titleMediumTextStyle,
-                      );
-                    },
-                  )
-                ],
               ),
-              SizedBox(
+              body: Padding(
+                padding: context.paddingLow,
                 child: SingleChildScrollView(
-                  scrollDirection: Axis.horizontal,
+                  child: Column(
-                  child: StreamBuilder<Map<String, List<DeviceWithAlias>>>(
+                    children: <Widget>[
-                    stream: homeBloc.streamOwnerDevicesStatus,
+                      Row(
-                    builder: (context, snapshot) {
+                        children: [
-                      if (snapshot.data?['state'] != null || snapshot.data?['battery'] != null) {
+                          Text(
-                        return Row(
+                            appLocalization(context).notification,
-                          mainAxisAlignment: MainAxisAlignment.start,
+                            style: context.titleMediumTextStyle,
-                          crossAxisAlignment: CrossAxisAlignment.start,
-                          children: [
-                            if (snapshot.data?['state'] != null)
-                              ...snapshot.data!['state']!
-                                  .map(
-                                    (item) => FutureBuilder<Widget>(
-                                      future: warningCard(context, apiServices, item),
-                                      builder: (context, warningCardSnapshot) {
-                                        if (warningCardSnapshot.hasData) {
-                                          return ConstrainedBox(
-                                            constraints: const BoxConstraints(
-                                              maxWidth: 400,
-                                              maxHeight: 260,
-                                            ),
-                                            child: warningCardSnapshot.data!,
-                                          );
-                                        } else {
-                                          return const SizedBox.shrink();
-                                        }
-                                      },
-                                    ),
-                                  )
-                                  .toList(),
-                            if (snapshot.data?['battery'] != null)
-                              ...snapshot.data!['battery']!
-                                  .map(
-                                    (batteryItem) => FutureBuilder<Widget>(
-                                      future: notificationCard(
-                                          context, "lowBattery", appLocalization(context).low_battery_message, batteryItem),
-                                      builder: (context, warningCardSnapshot) {
-                                        if (warningCardSnapshot.hasData) {
-                                          return ConstrainedBox(
-                                            constraints: const BoxConstraints(
-                                              maxWidth: 400,
-                                              maxHeight: 260,
-                                            ),
-                                            child: warningCardSnapshot.data!,
-                                          );
-                                        } else {
-                                          return const SizedBox.shrink();
-                                        }
-                                      },
-                                    ),
-                                  )
-                                  .toList(),
-                          ],
-                        );
-                      } else {
-                        return Padding(
-                          padding: context.paddingMedium,
-                          child: Center(
-                            child: Row(
-                              children: [
-                                const Icon(
-                                  Icons.check_circle_outline_rounded,
-                                  size: 40,
-                                  color: Colors.green,
-                                ),
-                                SizedBox(width: context.lowValue),
-                                Text(
-                                  appLocalization(context).notification_description,
-                                  maxLines: 2,
-                                  overflow: TextOverflow.ellipsis,
-                                  softWrap: true,
-                                  textAlign: TextAlign.start,
-                                ),
-                              ],
-                            ),
                           ),
-                        );
+                          SizedBox(width: context.lowValue),
-                      }
+                          StreamBuilder<int>(
-                    },
+                            stream: homeBloc.streamCountNotification,
+                            builder: (context, countSnapshot) {
+                              if (countSnapshot.data == null) {
+                                homeBloc.getOwnerDeviceState(
+                                    context, aliasDevicesSnapshot.data ?? []);
+                                return const Text("0");
+                              } else {
+                                return Text(
+                                  "(${countSnapshot.data ?? 0})",
+                                  style: context.titleMediumTextStyle,
+                                );
+                              }
+                            },
+                          )
+                        ],
+                      ),
+                      SizedBox(
+                        child: SingleChildScrollView(
+                          scrollDirection: Axis.horizontal,
+                          child:
+                              StreamBuilder<Map<String, List<DeviceWithAlias>>>(
+                            stream: homeBloc.streamOwnerDevicesStatus,
+                            builder: (context, ownerDevicesStatusSnapshot) {
+                              if (ownerDevicesStatusSnapshot.data == null) {
+                                homeBloc.getOwnerDeviceState(
+                                    context, aliasDevicesSnapshot.data ?? []);
+                                return const SharedComponentLoadingAnimation();
+                              } else {
+                                return AnimatedSwitcher(
+                                  duration: context.lowDuration,
+                                  transitionBuilder: (Widget child,
+                                      Animation<double> animation) {
+                                    final offsetAnimation = Tween<Offset>(
+                                      begin: const Offset(0.0, 0.2),
+                                      end: Offset.zero,
+                                    ).animate(CurvedAnimation(
+                                      parent: animation,
+                                      curve: Curves.easeInOut,
+                                    ));
+                                    return FadeTransition(
+                                      opacity: animation,
+                                      child: SlideTransition(
+                                        position: offsetAnimation,
+                                        child: child,
+                                      ),
+                                    );
+                                  },
+                                  child: ownerDevicesStatusSnapshot
+                                                  .data?['state'] !=
+                                              null ||
+                                          ownerDevicesStatusSnapshot
+                                                  .data?['battery'] !=
+                                              null
+                                      ? ConstrainedBox(
+                                          key: const ValueKey('data'),
+                                          constraints: BoxConstraints(
+                                              minWidth: MediaQuery.of(context)
+                                                  .size
+                                                  .width),
+                                          child: Row(
+                                            mainAxisAlignment:
+                                                MainAxisAlignment.start,
+                                            children: [
+                                              if (ownerDevicesStatusSnapshot
+                                                      .data?['state'] !=
+                                                  null)
+                                                ...ownerDevicesStatusSnapshot
+                                                    .data!['state']!
+                                                    .map(
+                                                      (item) => SizedBox(
+                                                        width: context
+                                                            .dynamicWidth(0.95),
+                                                        child: FutureBuilder<
+                                                            Widget>(
+                                                          future: warningCard(
+                                                              context,
+                                                              apiServices,
+                                                              item),
+                                                          builder: (context,
+                                                              warningCardSnapshot) {
+                                                            if (warningCardSnapshot
+                                                                .hasData) {
+                                                              return warningCardSnapshot
+                                                                  .data!;
+                                                            } else {
+                                                              return const SizedBox
+                                                                  .shrink();
+                                                            }
+                                                          },
+                                                        ),
+                                                      ),
+                                                    )
+                                                    .toList(),
+                                              if (ownerDevicesStatusSnapshot
+                                                      .data?['battery'] !=
+                                                  null)
+                                                ...ownerDevicesStatusSnapshot
+                                                    .data!['battery']!
+                                                    .map(
+                                                      (batteryItem) => SizedBox(
+                                                        width: context
+                                                            .dynamicWidth(0.95),
+                                                        child: FutureBuilder<
+                                                            Widget>(
+                                                          future:
+                                                              notificationCard(
+                                                            context,
+                                                            "lowBattery",
+                                                            appLocalization(
+                                                                    context)
+                                                                .low_battery_message,
+                                                            batteryItem,
+                                                          ),
+                                                          builder: (context,
+                                                              warningCardSnapshot) {
+                                                            if (warningCardSnapshot
+                                                                .hasData) {
+                                                              return warningCardSnapshot
+                                                                  .data!;
+                                                            } else {
+                                                              return const SizedBox
+                                                                  .shrink();
+                                                            }
+                                                          },
+                                                        ),
+                                                      ),
+                                                    )
+                                                    .toList(),
+                                            ],
+                                          ),
+                                        )
+                                      : Padding(
+                                          key: const ValueKey('no_data'),
+                                          padding: context.paddingMedium,
+                                          child: Center(
+                                            child: Row(
+                                              mainAxisSize: MainAxisSize.min,
+                                              children: [
+                                                const Icon(
+                                                  Icons
+                                                      .check_circle_outline_rounded,
+                                                  size: 40,
+                                                  color: Colors.green,
+                                                ),
+                                                SizedBox(
+                                                    width: context.lowValue),
+                                                Text(
+                                                  appLocalization(context)
+                                                      .notification_description,
+                                                  maxLines: 2,
+                                                  overflow:
+                                                      TextOverflow.ellipsis,
+                                                  softWrap: true,
+                                                  textAlign: TextAlign.start,
+                                                ),
+                                              ],
+                                            ),
+                                          ),
+                                        ),
+                                );
+                              }
+                            },
+                          ),
+                        ),
+                      ),
+                      StreamBuilder<Map<String, List<DeviceWithAlias>>?>(
+                        stream: homeBloc.streamAllDevicesAliasMap,
+                        builder: (context, allDevicesAliasMapSnapshot) {
+                          if (allDevicesAliasMapSnapshot.data == null) {
+                            homeBloc.getDeviceStatusAliasMap(
+                                aliasDevicesSnapshot.data ?? []);
+                            return const SharedComponentLoadingAnimation();
+                          } else {
+                            final data = allDevicesAliasMapSnapshot.data!;
+                            return OverviewCard(
+                              isOwner: true,
+                              total: data['all']?.length ?? 0,
+                              active: data['online']?.length ?? 0,
+                              inactive: data['offline']?.length ?? 0,
+                              warning: data['warn']?.length ?? 0,
+                              unused: data['not-use']?.length ?? 0,
+                              showUnused: false,
+                            );
+                          }
+                        },
+                      ),
+                    ],
                   ),
                 ),
               ),
-              StreamBuilder<Map<String, List<DeviceWithAlias>>>(
+            );
-                  stream: homeBloc.streamAllDevicesAliasMap,
-                  builder: (context, allDevicesAliasMapSnapshot) {
-                    if (!allDevicesAliasMapSnapshot.hasData ||
-                        allDevicesAliasMapSnapshot.data == null) {
-                      return const Center(child: CircularProgressIndicator());
-                    }
-                    final data = allDevicesAliasMapSnapshot.data!;
-                    return OverviewCard(
-                        isOwner: true,
-                        total: data['all']?.length ?? 0,
-                        active: data['online']?.length ?? 0,
-                        inactive: data['offline']?.length ?? 0,
-                        warning: data['warn']?.length ?? 0,
-                        unused: data['not-use']?.length ?? 0);
-                  }),
-              SizedBox(height: context.lowValue),
-              StreamBuilder<Map<String, List<DeviceWithAlias>>>(
-                stream: homeBloc.streamAllDevicesAliasJoinedMap,
-                builder: (context, allDevicesAliasJoinedMapSnapshot) {
-                  if (!allDevicesAliasJoinedMapSnapshot.hasData ||
-                      allDevicesAliasJoinedMapSnapshot.data == null) {
-                    return const Center(child: CircularProgressIndicator());
-                  }
-                  final data = allDevicesAliasJoinedMapSnapshot.data!;
-                  final total = data['all']?.length ?? 0;
-                  final active = data['online']?.length ?? 0;
-                  final inactive = data['offline']?.length ?? 0;
-                  final warning = data['warn']?.length ?? 0;
-                  final unused = data['not-use']?.length ?? 0;
-
-                  if (total == 0 && active == 0 && inactive == 0 && warning == 0 && unused == 0) {
-                    return const SizedBox.shrink();
-                  }
-                  return OverviewCard(
-                    isOwner: false,
-                    total: total,
-                    active: active,
-                    inactive: inactive,
-                    warning: warning,
-                    unused: unused,
-                  );
-                },
-              ),
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-
-  void getOwnerAndJoinedDevices() async {
-    String response = await apiServices.getDashBoardDevices();
-    final data = jsonDecode(response);
-    List<dynamic> result = data["items"];
-    devices = DeviceWithAlias.fromJsonDynamicList(result);
-    getOwnerDeviceState(devices);
-    checkSettingDevice(devices);
-    getDeviceStatusAliasMap(devices);
-  }
-
-  void getOwnerDeviceState(List<DeviceWithAlias> allDevices) async {
-    List<DeviceWithAlias> ownerDevices = [];
-    for (var device in allDevices) {
-      if (device.isOwner!) {
-        ownerDevices.add(device);
-      }
-    }
-    if (ownerDevicesState.isEmpty || ownerDevicesState.length < devices.length) {
-      ownerDevicesState.clear();
-      ownerDevicesStatus.clear();
-      homeBloc.sinkOwnerDevicesStatus.add(ownerDevicesStatus);
-      int count = 0;
-      for (var device in ownerDevices) {
-        Map<String, dynamic> sensorMap =
-            DeviceUtils.instance.getDeviceSensors(context, device.status?.sensors ?? []);
-        if (device.state == 1 || device.state == 3) {
-          ownerDevicesStatus["state"] ??= [];
-          ownerDevicesStatus["state"]!.add(device);
-          homeBloc.sinkOwnerDevicesStatus.add(ownerDevicesStatus);
-          count++;
-        }
-        if (sensorMap['sensorBattery'] != appLocalization(context).no_data_message) {
-          if (double.parse(sensorMap['sensorBattery']) <= 20) {
-            ownerDevicesStatus['battery'] ??= [];
-            ownerDevicesStatus['battery']!.add(device);
-            homeBloc.sinkOwnerDevicesStatus.add(ownerDevicesStatus);
-            count++;
           }
-        }
+        });
-        notificationCount = count;
-        homeBloc.sinkCountNotification.add(notificationCount);
-      }
-    }
-  }
-
-  void getDeviceStatusAliasMap(List<DeviceWithAlias> devices) {
-    allDevicesAliasMap.clear();
-    allDevicesAliasJoinedMap.clear();
-
-    for (var key in ['all', 'online', 'offline', 'warning', 'not-use']) {
-      allDevicesAliasMap[key] = [];
-      allDevicesAliasJoinedMap[key] = [];
-    }
-
-    for (DeviceWithAlias device in devices) {
-      if (device.isOwner == true) {
-        allDevicesAliasMap['all']!.add(device);
-        if (device.state == 0 || device.state == 1) {
-          allDevicesAliasMap['online']!.add(device);
-        }
-        if (device.state == -1) {
-          allDevicesAliasMap['offline']!.add(device);
-        }
-        if (device.state == 1) {
-          allDevicesAliasMap['warning']!.add(device);
-        }
-        if (device.state == -2) {
-          allDevicesAliasMap['not-use']!.add(device);
-        }
-      } else {
-        allDevicesAliasJoinedMap['all']!.add(device);
-        if (device.state == 0 || device.state == 1) {
-          allDevicesAliasJoinedMap['online']!.add(device);
-        }
-        if (device.state == -1) {
-          allDevicesAliasJoinedMap['offline']!.add(device);
-        }
-        if (device.state == 1) {
-          allDevicesAliasJoinedMap['warning']!.add(device);
-        }
-        if (device.state == -2) {
-          allDevicesAliasJoinedMap['not-use']!.add(device);
-        }
-      }
-    }
-
-    homeBloc.sinkAllDevicesAliasMap.add(allDevicesAliasMap);
-    homeBloc.sinkAllDevicesAliasJoinedMap.add(allDevicesAliasJoinedMap);
   }
 
   void checkSettingDevice(List<DeviceWithAlias> devices) async {
     if (isFunctionCall) {
       log("Ham check setting da duoc goi");
     } else {
-      String? response = await apiServices.getAllSettingsNotificationOfDevices();
+      await apiServices.execute(context, () async {
-      if (response != "") {
-        final data = jsonDecode(response);
-        final result = data['data'];
-        // log("Data ${DeviceNotificationSettings.mapFromJson(jsonDecode(data)).values.toList()}");
         List<DeviceNotificationSettings> list =
-            DeviceNotificationSettings.mapFromJson(result).values.toList();
+            await apiServices.getAllSettingsNotificationOfDevices();
         // log("List: $list");
-        Set<String> thingIdsInList = list.map((device) => device.thingId!).toSet();
+        Set<String> thingIdsInList =
+            list.map((device) => device.thingId!).toSet();
         for (var device in devices) {
           if (!thingIdsInList.contains(device.thingId)) {
             log("Device with Thing ID ${device.thingId} is not in the notification settings list.");
-            await apiServices.setupDeviceNotification(device.thingId!, device.name!);
+            await apiServices.execute(context, () async {
+              await apiServices.setupDeviceNotification(
+                  device.thingId!, device.name!);
+            });
           } else {
             log("All devices are in the notification settings list.");
           }
         }
-      } else {
+      });
-        log("apiServices: getAllSettingsNotificationofDevices error!");
-      }
     }
     isFunctionCall = true;
   }

lib/feature/home/shared/alert_card.dart

@@ -3,24 +3,24 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:intl/intl.dart';
-import 'package:sfm_app/feature/home/device_alias_model.dart';
+
+import '../../../product/shared/shared_rocket_container.dart';
 import '../../../product/constant/enums/app_route_enums.dart';
 import '../../../product/constant/image/image_constants.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
 import '../../../product/utils/device_utils.dart';
-
 import '../../../product/constant/icon/icon_constants.dart';
+import '../device_alias_model.dart';
 
-Future<Widget> notificationCard(BuildContext context, String notiticationType,
+Future<Widget> notificationCard(BuildContext context, String notificationType,
     String notificationTitle, DeviceWithAlias device) async {
   String location = "";
   if (device.areaPath != "") {
     location = await DeviceUtils.instance
-        .getFullDeviceLocation(context, device.areaPath!);
+        .getFullDeviceLocation(context, device.areaPath!, "");
   }
   String path = "";
-  // DateTime time = DateTime.now();
   String time = "";
   for (var sensor in device.status!.sensors!) {
     if (sensor.name! == "7") {
@@ -29,7 +29,7 @@ Future<Widget> notificationCard(BuildContext context, String notiticationType,
       time = DateFormat('yyyy-MM-dd HH:mm:ss').format(dateTime);
     }
   }
-  if (notiticationType == "lowBattery") {
+  if (notificationType == "lowBattery") {
     path = ImageConstants.instance.getImage("low_battery");
   }
   return Card(
@@ -62,10 +62,7 @@ Future<Widget> notificationCard(BuildContext context, String notiticationType,
                   SizedBox(
                     child: Text(
                       "${appLocalization(context).device_title} ${device.isOwner! ? device.name : device.alias}",
-                      style: const TextStyle(
+                      style: context.responsiveBodyLargeWithBold,
-                        fontWeight: FontWeight.bold,
-                        fontSize: 18,
-                      ),
                       maxLines: 2,
                       overflow: TextOverflow.ellipsis,
                       softWrap: true,
@@ -92,7 +89,7 @@ Future<Widget> notificationCard(BuildContext context, String notiticationType,
               Expanded(
                 child: Text(
                   location,
-                  style: const TextStyle(fontSize: 15),
+                  style: context.responsiveBodySmall,
                   maxLines: 2,
                   overflow: TextOverflow.ellipsis,
                   softWrap: true,
@@ -111,7 +108,7 @@ Future<Widget> notificationCard(BuildContext context, String notiticationType,
               Expanded(
                 child: Text(
                   time.toString(),
-                  style: const TextStyle(fontSize: 15),
+                  style: context.responsiveBodySmall,
                   maxLines: 2,
                   overflow: TextOverflow.ellipsis,
                   softWrap: true,
@@ -120,24 +117,46 @@ Future<Widget> notificationCard(BuildContext context, String notiticationType,
               ),
             ],
           ),
-          Align(
+          SizedBox(
-            alignment: Alignment.centerRight,
+            height: context.lowValue,
-            child: OutlinedButton(
-              style: const ButtonStyle(
-                backgroundColor: WidgetStatePropertyAll(Colors.blueAccent),
-              ),
-              onPressed: () {
-                context.pushNamed(AppRoutes.DEVICE_DETAIL.name,
-                    pathParameters: {'thingID': device.thingId!});
-              },
-              child: Text(
-                appLocalization(context).detail_message,
-                style: const TextStyle(
-                  color: Colors.white,
-                ),
-              ),
-            ),
           ),
+          device.isOwner!
+              ? Align(
+                  alignment: Alignment.centerRight,
+                  child: OutlinedButton(
+                    style: const ButtonStyle(
+                      backgroundColor:
+                          WidgetStatePropertyAll(Colors.blueAccent),
+                    ),
+                    onPressed: () {
+                      context.pushNamed(AppRoutes.DEVICE_DETAIL.name,
+                          pathParameters: {'thingID': device.thingId!});
+                    },
+                    child: Text(
+                      appLocalization(context).detail_message,
+                      style: const TextStyle(color: Colors.white),
+                    ),
+                  ),
+                )
+              : Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    ClipPath(
+                      clipper: SharedRocketContainer(),
+                      child: Container(
+                        padding: EdgeInsets.all(context.lowValue),
+                        height: context.mediumValue,
+                        width: context.dynamicWidth(0.22),
+                        decoration: BoxDecoration(
+                          color: Colors.green[300],
+                        ),
+                        child: Text(
+                          appLocalization(context).interfamily_page_name,
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
         ],
       ),
     ),

lib/feature/home/shared/overview_card.dart

@@ -1,75 +1,100 @@
 import 'package:flutter/material.dart';
+
 import 'status_card.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
 
-class OverviewCard extends StatelessWidget {
+class OverviewCard extends StatefulWidget {
   final bool isOwner;
   final int total;
   final int active;
   final int inactive;
   final int warning;
   final int unused;
+  final bool showTotal;
+  final bool showActive;
+  final bool showInactive;
+  final bool showWarning;
+  final bool showUnused;
 
-  const OverviewCard(
+  const OverviewCard({
-      {super.key,
+    super.key,
-      required this.isOwner,
+    required this.isOwner,
-      required this.total,
+    required this.total,
-      required this.active,
+    required this.active,
-      required this.inactive,
+    required this.inactive,
-      required this.warning,
+    required this.warning,
-      required this.unused});
+    required this.unused,
+    this.showTotal = true,
+    this.showActive = true,
+    this.showInactive = true,
+    this.showWarning = true,
+    this.showUnused = true,
+  });
 
+  @override
+  State<OverviewCard> createState() => _OverviewCardState();
+}
+
+class _OverviewCardState extends State<OverviewCard> {
   @override
   Widget build(BuildContext context) {
-    return Card(
+    return FittedBox(
-      margin: context.paddingLow,
+      alignment: Alignment.topCenter,
-      elevation: 8,
+      child: SizedBox(
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
+        width: context.width,
-      child: Padding(
+        child: Card(
-        padding: context.paddingNormal,
+          // elevation: 8,
-        child: Column(
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
-          children: [
+          child: Padding(
-            Text(
+            padding: context.paddingNormal,
-              isOwner
+            child: Column(
-                  ? appLocalization(context).overview_message
+              mainAxisSize: MainAxisSize.min,
-                  : appLocalization(context).interfamily_page_name,
-              style: const TextStyle(
-                fontSize: 20,
-                fontWeight: FontWeight.bold,
-              ),
-            ),
-            SizedBox(height: context.normalValue),
-            Column(
               children: [
-                StatusCard(
+                Text(
-                  label: appLocalization(context).total_nof_devices_message,
+                  widget.isOwner
-                  count: total,
+                      ? appLocalization(context).overview_message
-                  color: Colors.blue,
+                      : appLocalization(context).interfamily_page_name,
+                  style: context.h2,
                 ),
-                StatusCard(
+                SizedBox(height: context.normalValue),
-                  label: appLocalization(context).active_devices_message,
+                Column(
-                  count: active,
+                  children: [
-                  color: Colors.green,
+                    if (widget.showTotal)
-                ),
+                      StatusCard(
-                StatusCard(
+                        label: appLocalization(context).total_nof_devices_message,
-                  label: appLocalization(context).inactive_devices_message,
+                        count: widget.total,
-                  count: inactive,
+                        color: Colors.blue,
-                  color: Colors.grey,
+                      ),
-                ),
+                    if (widget.showActive)
-                StatusCard(
+                      StatusCard(
-                  label: appLocalization(context).warning_devices_message,
+                        label: appLocalization(context).active_devices_message,
-                  count: warning,
+                        count: widget.active,
-                  color: Colors.orange,
+                        color: Colors.green,
-                ),
+                      ),
-                StatusCard(
+                    if (widget.showInactive)
-                  label: appLocalization(context).unused_devices_message,
+                      StatusCard(
-                  count: unused,
+                        label: appLocalization(context).inactive_devices_message,
-                  color: Colors.yellow,
+                        count: widget.inactive,
+                        color: Colors.grey,
+                      ),
+                    if (widget.showWarning)
+                      StatusCard(
+                        label: appLocalization(context).warning_devices_message,
+                        count: widget.warning,
+                        color: Colors.orange,
+                      ),
+                    if (widget.showUnused)
+                      StatusCard(
+                        label: appLocalization(context).unused_devices_message,
+                        count: widget.unused,
+                        color: Colors.yellow,
+                      ),
+                  ],
                 ),
               ],
             ),
-          ],
+          ),
         ),
       ),
     );

lib/feature/home/shared/status_card.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 
+import '../../../product/extension/context_extension.dart';
+
 class StatusCard extends StatelessWidget {
   final String label;
   final int count;
@@ -27,14 +29,8 @@ class StatusCard extends StatelessWidget {
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          Text(label, style: const TextStyle(fontSize: 18)),
+          Text(label, style: context.responsiveBodyLarge),
-          Text(
+          Text(count.toString(), style: context.h2),
-            count.toString(),
-            style: const TextStyle(
-              fontSize: 24,
-              fontWeight: FontWeight.bold,
-            ),
-          ),
         ],
       ),
     );

lib/feature/home/shared/warning_card.dart

@@ -3,7 +3,8 @@
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 import 'package:maps_launcher/maps_launcher.dart';
-import 'package:badges/badges.dart' as badges;
+
+import '../../../product/shared/shared_rocket_container.dart';
 import '../device_alias_model.dart';
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/constant/image/image_constants.dart';
@@ -18,10 +19,10 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
   Color backgroundColor = Colors.blue;
   Color textColor = Colors.white;
   String message = "";
-  String fullLocation = "";     
+  String fullLocation = "";
   if (device.areaPath != "") {
     fullLocation = await DeviceUtils.instance
-        .getFullDeviceLocation(context, device.areaPath!);
+        .getFullDeviceLocation(context, device.areaPath!, "");
   }
   String time = "";
   for (var sensor in device.status!.sensors!) {
@@ -33,7 +34,7 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
   }
   if (device.state! == 3) {
     backgroundColor = Colors.grey;
-    textColor = Colors.black;
+    textColor = Colors.white;
     message = appLocalization(context).in_progress_message;
   } else if (device.state! == 2) {
     backgroundColor = const Color.fromARGB(255, 6, 138, 72);
@@ -42,32 +43,18 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
   } else if (device.state! == 1) {
     backgroundColor = const Color.fromARGB(255, 250, 63, 63);
     textColor = Colors.white;
+    if(device.isOwner == true){
+
     message = appLocalization(context).button_fake_fire_message;
+    }else{
+      message = appLocalization(context).smoke_detecting_message_lowercase;
+    }
   } else {
     backgroundColor = Colors.black;
     textColor = Colors.white;
     message = appLocalization(context).disconnect_message_uppercase;
   }
-  return badges.Badge(
+  return Card(
-    badgeAnimation: const badges.BadgeAnimation.fade(),
-    position: badges.BadgePosition.bottomStart(bottom: 15, start: 10),
-    badgeContent: device.isOwner!
-        ? null
-        : Text(
-            appLocalization(context).interfamily_page_name,
-            style: TextStyle(
-                fontSize: 20,
-                color: Theme.of(context).colorScheme.onSurface,
-                fontWeight: FontWeight.bold),
-          ),
-    badgeStyle: badges.BadgeStyle(
-      shape: badges.BadgeShape.square,
-      borderRadius: BorderRadius.circular(10),
-      borderSide: const BorderSide(color: Colors.white, width: 2),
-      badgeColor: Theme.of(context).colorScheme.surfaceDim,
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
-    ),
-    child: Card(
       child: Padding(
         padding: context.paddingLow,
         child: Column(
@@ -97,10 +84,7 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
                     SizedBox(
                       child: Text(
                         "${appLocalization(context).device_title}: ${device.isOwner! ? device.name : device.alias}",
-                        style: const TextStyle(
+                        style: context.responsiveBodyLargeWithBold,
-                          fontWeight: FontWeight.bold,
-                          fontSize: 18,
-                        ),
                         maxLines: 2,
                         overflow: TextOverflow.ellipsis,
                         softWrap: true,
@@ -128,7 +112,7 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
                 Expanded(
                   child: Text(
                     fullLocation,
-                    style: const TextStyle(fontSize: 15),
+                    style: context.responsiveBodySmall,
                     maxLines: 2,
                     overflow: TextOverflow.ellipsis,
                     softWrap: true,
@@ -147,7 +131,7 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
                 Expanded(
                   child: Text(
                     time,
-                    style: const TextStyle(fontSize: 15),
+                    style: context.responsiveBodySmall,
                     maxLines: 2,
                     overflow: TextOverflow.ellipsis,
                     softWrap: true,
@@ -159,114 +143,158 @@ Future<Widget> warningCard(BuildContext context, APIServices apiServices,
             SizedBox(
               height: context.lowValue,
             ),
-            Row(
+            device.isOwner == true
-              mainAxisAlignment: MainAxisAlignment.start,
+                ? Row(
-              crossAxisAlignment: CrossAxisAlignment.start,
+                    mainAxisAlignment: MainAxisAlignment.start,
-              children: [
+                    crossAxisAlignment: CrossAxisAlignment.start,
-                IconButton.outlined(
+                    children: [
-                  onPressed: () async => {},
+                      IconButton.outlined(
-                  // displayListOfFireStationPhoneNumbers(testDevice),
+                        onPressed: () async => {},
-                  icon: IconConstants.instance.getMaterialIcon(Icons.call),
+                        // displayListOfFireStationPhoneNumbers(testDevice),
-                  iconSize: 25,
+                        icon:
-                  style: ButtonStyle(
+                            IconConstants.instance.getMaterialIcon(Icons.call),
-                    backgroundColor:
+                        iconSize: 25,
-                        WidgetStateProperty.all<Color>(Colors.blue[300]!),
+                        style: ButtonStyle(
-                  ),
-                ),
-                const SizedBox(width: 10),
-                IconButton.outlined(
-                  onPressed: () async {
-                    String markerLabel = "Destination";
-                    MapsLauncher.launchCoordinates(
-                        double.parse(device.settings!.latitude!),
-                        double.parse(device.settings!.longitude!),
-                        markerLabel);
-                  },
-                  icon: const Icon(Icons.directions),
-                  iconSize: 25,
-                  style: ButtonStyle(
-                    backgroundColor:
-                        WidgetStateProperty.all<Color>(Colors.blue[300]!),
-                  ),
-                ),
-                SizedBox(width: context.mediumValue),
-                Expanded(
-                  child: Align(
-                    alignment: Alignment.centerRight,
-                    child: OutlinedButton(
-                      style: ButtonStyle(
                           backgroundColor:
-                              WidgetStatePropertyAll(backgroundColor)),
+                              WidgetStateProperty.all<Color>(Colors.blue[300]!),
-                      onPressed: () async {
+                        ),
-                        if (message ==
-                            appLocalization(context).button_fake_fire_message) {
-                          await showDialog(
-                            context: context,
-                            builder: (context) => AlertDialog(
-                              icon: const Icon(Icons.warning),
-                              iconColor: Colors.red,
-                              title: Text(appLocalization(context)
-                                  .confirm_fake_fire_message),
-                              content: Text(appLocalization(context)
-                                  .confirm_fake_fire_body),
-                              actions: [
-                                TextButton(
-                                  onPressed: () async {
-                                    int statusCode = await apiServices
-                                        .confirmFakeFireByUser(device.thingId!);
-                                    if (statusCode == 200) {
-                                      showNoIconTopSnackBar(
-                                          context,
-                                          appLocalization(context)
-                                              .notification_confirm_fake_fire_success,
-                                          Colors.green,
-                                          Colors.white);
-                                    } else {
-                                      showNoIconTopSnackBar(
-                                          context,
-                                          appLocalization(context)
-                                              .notification_confirm_fake_fire_failed,
-                                          Colors.red,
-                                          Colors.red);
-                                    }
-                                    Navigator.of(context).pop();
-                                  },
-                                  child: Text(
-                                      appLocalization(context)
-                                          .confirm_fake_fire_sure_message,
-                                      style:
-                                          const TextStyle(color: Colors.red)),
-                                ),
-                                TextButton(
-                                  onPressed: () {
-                                    Navigator.of(context).pop();
-                                  },
-                                  child: Text(appLocalization(context)
-                                      .cancel_button_content),
-                                ),
-                              ],
-                            ),
-                          );
-                        } else {
-                          showNoIconTopSnackBar(
-                              context,
-                              appLocalization(context).let_PCCC_handle_message,
-                              Colors.orange,
-                              Colors.white);
-                        }
-                      },
-                      child: Text(
-                        message,
-                        style: TextStyle(color: textColor),
                       ),
-                    ),
+                      const SizedBox(width: 10),
+                      IconButton.outlined(
+                        onPressed: () async {
+                          String markerLabel = "Destination";
+                          MapsLauncher.launchCoordinates(
+                              double.parse(device.settings!.latitude!),
+                              double.parse(device.settings!.longitude!),
+                              markerLabel);
+                        },
+                        icon: const Icon(Icons.directions),
+                        iconSize: 25,
+                        style: ButtonStyle(
+                          backgroundColor:
+                              WidgetStateProperty.all<Color>(Colors.blue[300]!),
+                        ),
+                      ),
+                      SizedBox(width: context.mediumValue),
+                      Expanded(
+                        child: Align(
+                          alignment: Alignment.centerRight,
+                          child: OutlinedButton(
+                            style: ButtonStyle(
+                                backgroundColor:
+                                    WidgetStatePropertyAll(backgroundColor)),
+                            onPressed: () async {
+                              if (message ==
+                                  appLocalization(context)
+                                      .button_fake_fire_message) {
+                                await showDialog(
+                                  context: context,
+                                  builder: (context) => AlertDialog(
+                                    icon: const Icon(Icons.warning),
+                                    iconColor: Colors.red,
+                                    title: Text(appLocalization(context)
+                                        .confirm_fake_fire_message),
+                                    content: Text(appLocalization(context)
+                                        .confirm_fake_fire_body),
+                                    actions: [
+                                      TextButton(
+                                        onPressed: () async {
+                                          await apiServices.execute(context,
+                                              () async {
+                                            int statusCode = await apiServices
+                                                .confirmFakeFireByUser(
+                                                    device.thingId!);
+                                            if (statusCode == 200) {
+                                              showNoIconTopSnackBar(
+                                                  context,
+                                                  appLocalization(context)
+                                                      .notification_confirm_fake_fire_success,
+                                                  Colors.green,
+                                                  Colors.white);
+                                            } else {
+                                              showNoIconTopSnackBar(
+                                                  context,
+                                                  appLocalization(context)
+                                                      .notification_confirm_fake_fire_failed,
+                                                  Colors.red,
+                                                  Colors.red);
+                                            }
+                                          });
+
+                                          Navigator.of(context).pop();
+                                        },
+                                        child: Text(
+                                            appLocalization(context)
+                                                .confirm_fake_fire_sure_message,
+                                            style: const TextStyle(
+                                                color: Colors.red)),
+                                      ),
+                                      TextButton(
+                                        onPressed: () {
+                                          Navigator.of(context).pop();
+                                        },
+                                        child: Text(appLocalization(context)
+                                            .cancel_button_content),
+                                      ),
+                                    ],
+                                  ),
+                                );
+                              } else {
+                                showNoIconTopSnackBar(
+                                    context,
+                                    appLocalization(context)
+                                        .let_PCCC_handle_message,
+                                    Colors.orange,
+                                    Colors.white);
+                              }
+                            },
+                            child: Text(
+                              message,
+                              style: TextStyle(color: textColor),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  )
+                : Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      ClipPath(
+                        clipper: SharedRocketContainer(),
+                        child: Container(
+                          padding: EdgeInsets.all(context.lowValue),
+                          height: context.mediumValue,
+                          width: context.dynamicWidth(0.22),
+                          decoration: BoxDecoration(
+                            color: Colors.green[300],
+                          ),
+                          child: Text(
+                            appLocalization(context).interfamily_page_name,
+                          ),
+                        ),
+                      ),
+                      SizedBox(width: context.mediumValue),
+                      Expanded(
+                        child: Align(
+                          alignment: Alignment.centerRight,
+                          child: OutlinedButton(
+                            style: ButtonStyle(
+                                backgroundColor:
+                                WidgetStatePropertyAll(backgroundColor)),
+                            onPressed: () async {},
+                            child: Text(
+                              message,
+                              style: TextStyle(color: textColor),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ],
                   ),
-                ),
-              ],
-            ),
           ],
         ),
       ),
-    ),
+    );
-  );
+
 }

lib/feature/inter_family/group_detail/add_device_to_group_dialog.dart

@@ -2,16 +2,17 @@
 
 import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
+
+import '../../../product/extension/context_extension.dart';
 import '../../../bloc/group_detail_bloc.dart';
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/services/language_services.dart';
-
 import '../../devices/device_model.dart';
 import 'group_detail_model.dart';
 
 addDeviceDialog(BuildContext context, DetailGroupBloc detailGroupBloc,
     String groupID, List<DeviceOfGroup> devices) async {
-  List<Device> ownerDevices = await detailGroupBloc.getOwnerDevices();
+  List<Device> ownerDevices = await detailGroupBloc.getOwnerDevices(context);
   List<String> selectedItems = [];
   List<String> selectedDevices = [];
   if (devices.isNotEmpty) {
@@ -36,7 +37,7 @@ addDeviceDialog(BuildContext context, DetailGroupBloc detailGroupBloc,
               ),
               hint: Text(
                 appLocalization(context).choose_device_dropdownButton,
-                style: const TextStyle(fontSize: 14),
+                style: context.responsiveBodySmall,
               ),
               items: ownerDevices
                   .map(
@@ -73,7 +74,7 @@ addDeviceDialog(BuildContext context, DetailGroupBloc detailGroupBloc,
                                   Expanded(
                                     child: Text(
                                       item.name!,
-                                      style: const TextStyle(fontSize: 14),
+                                      style: context.responsiveBodySmall,
                                     ),
                                   ),
                                 ],
@@ -130,7 +131,7 @@ addDeviceDialog(BuildContext context, DetailGroupBloc detailGroupBloc,
                   for (var device in selectedItems) {
                     await detailGroupBloc.addDeviceToGroup(
                         context, groupID, device);
-                    await detailGroupBloc.getGroupDetail(groupID);
+                    await detailGroupBloc.getGroupDetail(context,groupID);
                   }
 
                   Navigator.of(dialogContext).pop();

lib/feature/inter_family/group_detail/group_detail_screen.dart

@@ -1,9 +1,10 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:async';
-
 import 'package:flutter/material.dart';
+
 import '../../../bloc/group_detail_bloc.dart';
+import '../../../product/shared/shared_loading_animation.dart';
 import 'group_detail_model.dart';
 import '../../../product/base/bloc/base_bloc.dart';
 import '../../../product/constant/app/app_constants.dart';
@@ -13,7 +14,6 @@ import '../../../product/services/api_services.dart';
 import '../../../product/services/language_services.dart';
 import '../../../product/utils/device_utils.dart';
 import '../../../product/utils/response_status_utils.dart';
-
 import 'add_device_to_group_dialog.dart';
 
 class DetailGroupScreen extends StatefulWidget {
@@ -35,14 +35,14 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
     const duration = Duration(seconds: 10);
     getGroupDetailTimer = Timer.periodic(
       duration,
-          (Timer t) => detailGroupBloc.getGroupDetail(widget.group),
+      (Timer t) => detailGroupBloc.getGroupDetail(context, widget.group),
     );
   }
 
-
   @override
   void dispose() {
     getGroupDetailTimer?.cancel();
+    super.dispose();
   }
 
   @override
@@ -51,10 +51,8 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
         stream: detailGroupBloc.streamDetailGroup,
         builder: (context, detailGroupSnapshot) {
           if (detailGroupSnapshot.data?.id == null) {
-            detailGroupBloc.getGroupDetail(widget.group);
+            detailGroupBloc.getGroupDetail(context, widget.group);
-            return const Center(
+            return const SharedLoadingAnimation();
-              child: CircularProgressIndicator(),
-            );
           } else {
             return Scaffold(
               key: scaffoldKey,
@@ -140,8 +138,8 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                                         widget.group,
                                         user.id!,
                                         user.name!);
-                                    detailGroupBloc
+                                    detailGroupBloc.getGroupDetail(
-                                        .getGroupDetail(widget.group);
+                                        context, widget.group);
                                   },
                                   icon: const Icon(
                                     Icons.check,
@@ -158,8 +156,8 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                                         widget.group,
                                         user.id!,
                                         user.name!);
-                                    await detailGroupBloc
+                                    await detailGroupBloc.getGroupDetail(
-                                        .getGroupDetail(widget.group);
+                                        context, widget.group);
                                   },
                                   icon: const Icon(
                                     Icons.close,
@@ -205,8 +203,8 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                                                 widget.group,
                                                 user.id!,
                                                 user.name!);
-                                        await detailGroupBloc
+                                        await detailGroupBloc.getGroupDetail(
-                                            .getGroupDetail(widget.group);
+                                            context, widget.group);
                                       },
                                       value: 2,
                                       child: Text(appLocalization(context)
@@ -239,7 +237,7 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                             ? PopupMenuButton(
                                 icon: IconConstants.instance
                                     .getMaterialIcon(Icons.more_horiz),
-                                itemBuilder: (contex) => [
+                                itemBuilder: (context) => [
                                   PopupMenuItem(
                                       onTap: () {
                                         Navigator.pop(context);
@@ -325,15 +323,17 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                                     Future.delayed(context.lowDuration).then(
                                       (value) => Navigator.pop(context),
                                     );
-                                    int statusCode = await apiServices
+                                    await apiServices.execute(context, () async {
-                                        .deleteGroup(widget.group);
+                                      int statusCode = await apiServices
-                                    showSnackBarResponseByStatusCode(
+                                          .deleteGroup(widget.group);
-                                        context,
+                                      showSnackBarResponseByStatusCode(
-                                        statusCode,
+                                          context,
-                                        appLocalization(context)
+                                          statusCode,
-                                            .notification_delete_group_success,
+                                          appLocalization(context)
-                                        appLocalization(context)
+                                              .notification_delete_group_success,
-                                            .notification_delete_group_failed);
+                                          appLocalization(context)
+                                              .notification_delete_group_failed);
+                                    });
                                   },
                                   child: Text(
                                     appLocalization(context)
@@ -429,7 +429,7 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
       }
     }
 
-    return Expanded(
+    return SafeArea(
       child: Center(
         child: devices.isEmpty
             ? Center(
@@ -461,7 +461,8 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                                 DeviceUtils.instance.checkStateDevice(
                                     context, devices[index].state!),
                                 style: TextStyle(
-                                  color: DeviceUtils.instance.getTableRowColor(context,
+                                  color: DeviceUtils.instance.getTableRowColor(
+                                    context,
                                     devices[index].state!,
                                   ),
                                 ),
@@ -493,10 +494,7 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               children: [
                 Text('${appLocalization(context).map_result}: ',
-                    style: const TextStyle(
+                    style: context.h3),
-                        fontSize: 20,
-                        fontWeight: FontWeight.bold,
-                        color: Colors.black)),
                 Container(
                   alignment: Alignment.centerRight,
                   child: IconButton(
@@ -526,7 +524,7 @@ class _DetailGroupScreenState extends State<DetailGroupScreen> {
                     String alias = aliasController.text;
                     await detailGroupBloc.updateDeviceNameInGroup(
                         context, device.thingId!, alias);
-                    await detailGroupBloc.getGroupDetail(widget.group);
+                    await detailGroupBloc.getGroupDetail(context, widget.group);
                   },
                   child: Text(appLocalization(context).confirm_button_content)),
             )

lib/feature/inter_family/groups/groups_screen.dart

@@ -1,165 +1,125 @@
 // ignore_for_file: use_build_context_synchronously
 
-import 'dart:async';
-
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 
 import '../../../product/constant/enums/app_route_enums.dart';
 import 'groups_model.dart';
+import 'groups_widget.dart';
 import '../../../bloc/inter_family_bloc.dart';
 import '../inter_family_widget.dart';
-import '../../../product/base/bloc/base_bloc.dart';
 import '../../../product/constant/app/app_constants.dart';
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
 
-import 'groups_widget.dart';
+/// Stateless widget that renders a provided list of groups. The parent
-
+/// screen owns fetching/updating the list; this widget only displays it and
-class GroupsScreen extends StatefulWidget {
+/// forwards actions to the provided [InterFamilyBloc].
-  const GroupsScreen({super.key, required this.role});
+class GroupsScreen extends StatelessWidget {
+  const GroupsScreen(
+      {super.key,
+      required this.role,
+      required this.groups,
+      required this.interFamilyBloc});
 
   final String role;
-
+  final List<Group> groups;
-  @override
+  final InterFamilyBloc interFamilyBloc;
-  State<GroupsScreen> createState() => _GroupsScreenState();
-}
-
-class _GroupsScreenState extends State<GroupsScreen> {
-  late InterFamilyBloc interFamilyBloc;
-  Timer? getAllGroupsTimer;
-
-  @override
-  void initState() {
-    super.initState();
-    interFamilyBloc = BlocProvider.of(context);
-    const duration = Duration(seconds: 10);
-    getAllGroupsTimer = Timer.periodic(
-      duration,
-      (Timer t) => interFamilyBloc.getAllGroup(widget.role),
-    );
-  }
-
-  @override
-  void dispose() {
-    getAllGroupsTimer?.cancel();
-  }
 
   @override
   Widget build(BuildContext context) {
-    if (widget.role == ApplicationConstants.OWNER_GROUP ||
+    if (role != ApplicationConstants.OWNER_GROUP &&
-        widget.role == ApplicationConstants.PARTICIPANT_GROUP) {
+        role != ApplicationConstants.PARTICIPANT_GROUP) {
-      interFamilyBloc.getAllGroup(widget.role);
-      return StreamBuilder<List<Group>>(
-        stream: interFamilyBloc.streamCurrentGroups,
-        builder: (context, groupsSnapshot) {
-          return Scaffold(
-            body: groupsSnapshot.data?.isEmpty ?? true
-                ? const Center(
-                    child: CircularProgressIndicator(),
-                  )
-                : ListView.builder(
-                    itemCount: groupsSnapshot.data!.length,
-                    itemBuilder: (context, index) {
-                      return ListTile(
-                        onTap: () {
-                          context.pushNamed(AppRoutes.GROUP_DETAIL.name,
-                              pathParameters: {"groupId": groupsSnapshot.data![index].id!},
-                              extra: widget.role);
-                        },
-                        leading: IconConstants.instance.getMaterialIcon(Icons.diversity_2),
-                        title: Text(
-                          groupsSnapshot.data![index].name ?? '',
-                          style: const TextStyle(fontWeight: FontWeight.bold),
-                        ),
-                        subtitle: Text(groupsSnapshot.data![index].description ?? ""),
-                        trailing: widget.role == ApplicationConstants.OWNER_GROUP
-                            ? PopupMenuButton(
-                                shape: const RoundedRectangleBorder(
-                                  borderRadius: BorderRadius.only(
-                                    bottomLeft: Radius.circular(8.0),
-                                    bottomRight: Radius.circular(8.0),
-                                    topLeft: Radius.circular(8.0),
-                                    topRight: Radius.circular(8.0),
-                                  ),
-                                ),
-                                itemBuilder: (ctx) => [
-                                  _buildPopupMenuItem(groupsSnapshot.data![index], context,
-                                      appLocalization(context).share_group_title, Icons.share, 4),
-                                  _buildPopupMenuItem(
-                                      groupsSnapshot.data![index],
-                                      context,
-                                      appLocalization(context).change_group_infomation_title,
-                                      Icons.settings_backup_restore,
-                                      2),
-                                  _buildPopupMenuItem(
-                                      groupsSnapshot.data![index],
-                                      context,
-                                      appLocalization(context).delete_group_title,
-                                      Icons.delete_forever_rounded,
-                                      3),
-                                ],
-                                icon: const Icon(Icons.more_horiz),
-                              )
-                            : const SizedBox.shrink(),
-                      );
-                    },
-                  ),
-          );
-        },
-      );
-    } else {
       return const SizedBox.shrink();
     }
+
+    if (groups.isEmpty) {
+      return Center(child: Text(appLocalization(context).dont_have_group));
+    }
+
+    return ListView.builder(
+      itemCount: groups.length,
+      itemBuilder: (context, index) {
+        final group = groups[index];
+        return ListTile(
+          onTap: () => context.pushNamed(AppRoutes.GROUP_DETAIL.name,
+              pathParameters: {"groupId": group.id!}, extra: role),
+          leading: IconConstants.instance.getMaterialIcon(Icons.diversity_2),
+          title: Text(group.name ?? '',
+              style: const TextStyle(fontWeight: FontWeight.bold)),
+          subtitle: Text(group.description ?? ''),
+          trailing: role == ApplicationConstants.OWNER_GROUP
+              ? _ownerPopupMenu(group, context)
+              : null,
+        );
+      },
+    );
   }
 
-  PopupMenuItem _buildPopupMenuItem(
+  Widget _ownerPopupMenu(Group group, BuildContext context) {
-      Group group, BuildContext context, String title, IconData iconData, int position) {
+    return PopupMenuButton<int>(
-    return PopupMenuItem(
+      shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.all(Radius.circular(8.0))),
+      itemBuilder: (ctx) => [
+        _buildPopupMenuItem(group, context,
+            appLocalization(context).share_group_title, Icons.share, 4),
+        _buildPopupMenuItem(
+            group,
+            context,
+            appLocalization(context).change_group_infomation_title,
+            Icons.settings_backup_restore,
+            2),
+        _buildPopupMenuItem(
+            group,
+            context,
+            appLocalization(context).delete_group_title,
+            Icons.delete_forever_rounded,
+            3),
+      ],
+      icon: const Icon(Icons.more_horiz),
+    );
+  }
+
+  PopupMenuItem<int> _buildPopupMenuItem(Group group, BuildContext context,
+      String title, IconData iconData, int value) {
+    return PopupMenuItem<int>(
+      value: value,
+      child: Row(children: [
+        Icon(iconData, color: Colors.black),
+        const SizedBox(width: 10),
+        Text(title)
+      ]),
       onTap: () {
-        if (title == appLocalization(context).share_group_title) {
+        Future.delayed(context.lowDuration, () {
-          Future.delayed(context.lowDuration, () {
+          if (title == appLocalization(context).share_group_title) {
             shareGroup(context, group);
-          });
+          } else if (title ==
-        } else if (title == appLocalization(context).change_group_infomation_title) {
+              appLocalization(context).change_group_infomation_title) {
-          Future.delayed(context.lowDuration, () {
             createOrJoinGroupDialog(
-                context,
+              context,
-                interFamilyBloc,
+              interFamilyBloc,
-                widget.role,
+              role,
-                appLocalization(context).change_group_infomation_content,
+              appLocalization(context).change_group_infomation_content,
-                appLocalization(context).group_name_title,
+              appLocalization(context).group_name_title,
-                group.name!,
+              group.name ?? '',
-                false,
+              false,
-                group.id!,
+              group.id ?? '',
-                appLocalization(context).description_group,
+              appLocalization(context).description_group,
-                group.description ?? "");
+              group.description ?? '',
-          });
+            );
-        } else if (title == appLocalization(context).delete_group_title) {
+          } else if (title == appLocalization(context).delete_group_title) {
-          Future.delayed(context.lowDuration, () {
             showActionDialog(
-                context,
+              context,
-                widget.role,
+              role,
-                interFamilyBloc,
+              interFamilyBloc,
-                appLocalization(context).delete_group_title,
+              appLocalization(context).delete_group_title,
-                appLocalization(context).delete_group_content,
+              appLocalization(context).delete_group_content,
-                group);
+              group,
-          });
+            );
-        } else {}
+          }
+        });
       },
-      value: position,
-      child: Row(
-        // mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        children: [
-          Icon(
-            iconData,
-            color: Colors.black,
-          ),
-          const SizedBox(width: 10),
-          Text(title),
-        ],
-      ),
     );
   }
 }

lib/feature/inter_family/groups/groups_widget.dart

@@ -1,10 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:qr_flutter/qr_flutter.dart';
+
 import '../../../bloc/inter_family_bloc.dart';
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
-
 import 'groups_model.dart';
 
 shareGroup(BuildContext context, Group group) {
@@ -80,7 +80,8 @@ showActionDialog(
               if (dialogTitle == appLocalization(context).delete_group_title) {
                 Navigator.of(dialogContext).pop();
                 await interFamilyBloc.deleteGroup(context, group.id!);
-                interFamilyBloc.getAllGroup(role);
+                // ignore: use_build_context_synchronously
+                interFamilyBloc.getAllGroup(context,role);
               } else {}
             },
             child: Text(

lib/feature/inter_family/inter_family_screen.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import 'groups/groups_screen.dart';
+import 'groups/groups_model.dart';
 import '../../bloc/inter_family_bloc.dart';
 import 'inter_family_widget.dart';
 import '../../product/base/bloc/base_bloc.dart';
@@ -25,22 +26,31 @@ class _InterFamilyScreenState extends State<InterFamilyScreen> {
   void initState() {
     super.initState();
     interFamilyBloc = BlocProvider.of(context);
+    // fetch initial groups for the default selected tab
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      interFamilyBloc.getAllGroup(
+          context,
+          _selectedIndex == 0
+              ? ApplicationConstants.OWNER_GROUP
+              : ApplicationConstants.PARTICIPANT_GROUP);
+    });
   }
 
-  final _widgetOptions = <Widget>[
+  List<Group> ownerGroups = [];
-    BlocProvider(
+  List<Group> participantGroups = [];
-      blocBuilder: () => InterFamilyBloc(),
+
-      child: const GroupsScreen(
+  List<Widget> get _widgetOptions => [
-        role: ApplicationConstants.OWNER_GROUP,
+        GroupsScreen(
-      ),
+          role: ApplicationConstants.OWNER_GROUP,
-    ),
+          groups: ownerGroups,
-    BlocProvider(
+          interFamilyBloc: interFamilyBloc,
-      blocBuilder: () => InterFamilyBloc(),
+        ),
-      child: const GroupsScreen(
+        GroupsScreen(
-        role: ApplicationConstants.PARTICIPANT_GROUP,
+          role: ApplicationConstants.PARTICIPANT_GROUP,
-      ),
+          groups: participantGroups,
-    ),
+          interFamilyBloc: interFamilyBloc,
-  ];
+        ),
+      ];
 
   @override
   Widget build(BuildContext context) {
@@ -49,96 +59,109 @@ class _InterFamilyScreenState extends State<InterFamilyScreen> {
       stream: interFamilyBloc.streamSelectedScreen,
       initialData: _selectedIndex,
       builder: (context, selectSnapshot) {
-        return Scaffold(
+        // subscribe to groups stream and update local lists so child widgets render instantly
-          appBar: AppBar(
+        return StreamBuilder<List<Group>>(
-            actions: [
+          stream: interFamilyBloc.streamCurrentGroups,
-              ElevatedButton(
+          builder: (context, groupsSnapshot) {
-                onPressed: () {
+            if (groupsSnapshot.hasData) {
-                  if (selectSnapshot.data == 0) {
+              final all = groupsSnapshot.data!;
-                    createOrJoinGroupDialog(
+              ownerGroups = all
-                        context,
+                  .where((g) => g.isOwner == true && g.visibility == 'PUBLIC')
-                        interFamilyBloc,
+                  .toList();
-                        selectSnapshot.data! == 0
+              participantGroups = all
-                            ? ApplicationConstants.OWNER_GROUP
+                  .where((g) => g.isOwner == null && g.visibility == 'PUBLIC')
-                            : ApplicationConstants.PARTICIPANT_GROUP,
+                  .toList();
-                        appLocalization(context).add_new_group,
+            }
-                        appLocalization(context).group_name_title,
+            // build UI below
-                        "",
+            return Scaffold(
-                        false,
+              appBar: AppBar(
-                        "",
+                actions: [
-                        "",
+                  ElevatedButton(
-                        "");
+                    onPressed: () {
-                  } else {
+                      if (selectSnapshot.data == 0) {
-                    createOrJoinGroupDialog(
+                        createOrJoinGroupDialog(
-                        context,
+                          context,
-                        interFamilyBloc,
+                          interFamilyBloc,
-                        selectSnapshot.data! == 0
+                          ApplicationConstants.OWNER_GROUP,
-                            ? ApplicationConstants.OWNER_GROUP
+                          appLocalization(context).add_new_group,
-                            : ApplicationConstants.PARTICIPANT_GROUP,
+                          appLocalization(context).group_name_title,
-                        appLocalization(context).join_group,
+                          "",
-                        appLocalization(context).group_id_title,
+                          false,
-                        '',
+                          "",
-                        true,
+                          "",
-                        "",
+                          "",
-                        appLocalization(context).group_name_title,
+                        );
-                        "");
+                      } else {
-                  }
+                        createOrJoinGroupDialog(
-                },
+                          context,
-                style: ElevatedButton.styleFrom(
+                          interFamilyBloc,
-                  shape: const CircleBorder(),
+                          ApplicationConstants.PARTICIPANT_GROUP,
+                          appLocalization(context).join_group,
+                          appLocalization(context).group_id_title,
+                          '',
+                          true,
+                          "",
+                          appLocalization(context).group_name_title,
+                          "",
+                        );
+                      }
+                    },
+                    style:
+                        ElevatedButton.styleFrom(shape: const CircleBorder()),
+                    child: IconConstants.instance.getMaterialIcon(Icons.add),
+                  ),
+                ],
+                leading: Builder(
+                  builder: (context) {
+                    return IconButton(
+                      onPressed: () {
+                        Scaffold.of(context).openDrawer();
+                      },
+                      icon: const Icon(Icons.menu),
+                    );
+                  },
+                ),
+                title: StreamBuilder<String>(
+                  stream: interFamilyBloc.streamTitleScreen,
+                  initialData: title,
+                  builder: (context, titleSnapshot) {
+                    return Center(
+                      child: Text(titleSnapshot.data ?? title),
+                    );
+                  },
                 ),
-                child: IconConstants.instance.getMaterialIcon(Icons.add),
               ),
-            ],
+              drawer: Drawer(
-            leading: Builder(
+                width: context.dynamicWidth(0.6),
-              builder: (context) {
+                child: ListView(
-                return IconButton(
+                  padding: EdgeInsets.zero,
-                  onPressed: () {
+                  children: [
-                    Scaffold.of(context).openDrawer();
+                    ListTile(
-                  },
+                      title: Text(appLocalization(context).my_group_title),
-                  icon: const Icon(Icons.menu),
+                      selected: _selectedIndex == 0,
-                );
+                      onTap: () {
-              },
+                        _onItemTapped(0);
-            ),
+                        title = appLocalization(context).my_group_title;
-            title: StreamBuilder<String>(
+                        interFamilyBloc.sinkTitleScreen.add(title);
-              stream: interFamilyBloc.streamTitleScreen,
+                        Navigator.pop(context);
-              initialData: title,
+                      },
-              builder: (context, titleSnapshot) {
+                    ),
-                return Center(
+                    ListTile(
-                  child: Text(titleSnapshot.data ?? title),
+                      title: Text(appLocalization(context).invite_group),
-                );
+                      selected: _selectedIndex == 1,
-              },
+                      onTap: () {
-            ),
+                        _onItemTapped(1);
-          ),
+                        title = appLocalization(context).invite_group;
-          drawer: Drawer(
+                        interFamilyBloc.sinkTitleScreen.add(title);
-            width: context.dynamicWidth(0.4),
+                        Navigator.pop(context);
-            child: ListView(
+                      },
-              padding: EdgeInsets.zero,
+                    ),
-              children: [
+                  ],
-                ListTile(
-                  title: Text(appLocalization(context).my_group_title),
-                  selected: _selectedIndex == 0,
-                  onTap: () {
-                    _onItemTapped(0);
-                    title = appLocalization(context).my_group_title;
-                    interFamilyBloc.sinkTitleScreen.add(title);
-                    Navigator.pop(context);
-                  },
                 ),
-                ListTile(
+              ),
-                  title: Text(appLocalization(context).invite_group),
+              body: _widgetOptions[selectSnapshot.data ?? _selectedIndex],
-                  selected: _selectedIndex == 1,
+            );
-                  onTap: () {
+          },
-                    _onItemTapped(1);
-                    title = appLocalization(context).invite_group;
-                    interFamilyBloc.sinkTitleScreen.add(title);
-                    Navigator.pop(context);
-                  },
-                ),
-              ],
-            ),
-          ),
-          body: _widgetOptions[selectSnapshot.data ?? _selectedIndex],
         );
       },
     );
@@ -159,5 +182,11 @@ class _InterFamilyScreenState extends State<InterFamilyScreen> {
     interFamilyBloc.sinkSelectedScreen.add(_selectedIndex);
     isLoading = false;
     interFamilyBloc.sinkIsLoading.add(isLoading);
+    // fetch groups for the selected tab immediately
+    interFamilyBloc.getAllGroup(
+        context,
+        _selectedIndex == 0
+            ? ApplicationConstants.OWNER_GROUP
+            : ApplicationConstants.PARTICIPANT_GROUP);
   }
 }

lib/feature/inter_family/inter_family_widget.dart

@@ -122,7 +122,7 @@ createOrJoinGroupDialog(
                       try {
                         await interFamilyBloc.createGroup(
                             context, groupName, description);
-                        interFamilyBloc.getAllGroup(role);
+                        interFamilyBloc.getAllGroup(context, role);
                         Navigator.of(dialogContext).pop();
                       } catch (e) {
                         // log("Lỗi khi tạo nhóm: $e");
@@ -131,9 +131,9 @@ createOrJoinGroupDialog(
                         appLocalization(context)
                             .change_group_infomation_content) {
                       try {
-                        await interFamilyBloc.changeGroupInfomation(
+                        await interFamilyBloc.changeGroupInformation(
                             context, groupID, groupName, description);
-                        interFamilyBloc.getAllGroup(role);
+                        interFamilyBloc.getAllGroup(context, role);
                         Navigator.of(dialogContext).pop();
                       } catch (e) {
                         // log("Lỗi khi sửa nhóm: $e");

lib/feature/main/main_screen.dart

@@ -1,24 +1,22 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:developer';
-
-import 'package:firebase_core/firebase_core.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_local_notifications/flutter_local_notifications.dart';
 import 'package:go_router/go_router.dart';
 import 'package:badges/badges.dart' as badges;
-import 'package:persistent_bottom_nav_bar/persistent_bottom_nav_bar.dart';
+import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
-import 'package:sfm_app/product/utils/permission_handler.dart';
+
-import '../../product/permission/notification_permission.dart';
+import '../../product/shared/shared_snack_bar.dart';
 import '../../product/services/notification_services.dart';
+import '../../product/utils/permission_handler.dart';
+import '../../product/permission/notification_permission.dart';
 import '../settings/profile/profile_model.dart';
 import '../../product/extension/context_extension.dart';
 import '../../bloc/home_bloc.dart';
 import '../../product/constant/app/app_constants.dart';
 import '../../product/constant/enums/app_route_enums.dart';
-import '../../product/permission/location_permission.dart';
 import '../../product/services/theme_services.dart';
 import '../../bloc/devices_manager_bloc.dart';
 import '../devices/devices_manager_screen.dart';
@@ -46,22 +44,10 @@ class MainScreen extends StatefulWidget {
   State<MainScreen> createState() => _MainScreenState();
 }
 
-PersistentTabController controller = PersistentTabController(initialIndex: 0);
-
-// @pragma('vm:entry-point')
-// Future<void> firebaseMessagingBackgroundHandler(RemoteMessage message) async {
-//   log("Full background message payload: ${message.toMap()}");
-//   await Firebase.initializeApp();
-//   final notificationServices = NotificationServices();
-//   await notificationServices.initLocalNotifications(controller);
-//   await notificationServices.showNotification(message);
-//   log("Background message handled: ${message.data['title']}");
-// }
-
-
 class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
+
   APIServices apiServices = APIServices();
-  // final NotificationServices notificationServices = NotificationServices();
+  final NotificationServices notificationServices = NotificationServices();
   late MainBloc mainBloc;
   bool isVN = true;
   bool isLight = true;
@@ -89,7 +75,12 @@ class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
     mainBloc.sinkIsVNIcon.add(isVN);
     mainBloc.sinkThemeMode.add(isLight);
     checkAndRequestPermission();
-    NotificationPermission.instance.checkNotificationPermission(context);
+    NotificationServices.requestNotificationPermission();
+    // NotificationPermission.instance.checkNotificationPermission(context);
+    // bool? notificationStatus = await NotificationPermission.instance.requestNotificationPermission();
+    // if(notificationStatus == false){
+    //   showNoIconTopSnackBar(context, "Yêu cầu quyền thông báo không thành công", Colors.orange, Colors.white12);
+    // }
   }
 
   @override
@@ -100,7 +91,7 @@ class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
     WidgetsBinding.instance.addObserver(this);
     initialCheck();
     getBellNotification();
-    mainBloc.getUserProfile();
+    mainBloc.getUserProfile(context);
 
     FirebaseMessaging.instance.onTokenRefresh.listen((newToken) {
       log("New FCM Token: $newToken");
@@ -108,129 +99,86 @@ class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
       mainBloc.sendNotificationToken(newToken);
     });
 
-    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
-      RemoteNotification? notification = message.notification;
-      AndroidNotification? android = message.notification?.android;
-      if (notification != null && android != null ) {
-        const AndroidNotificationDetails androidPlatformChannelSpecifics =
-        AndroidNotificationDetails(
-            'your channel id', 'your channel name',
-            importance: Importance.max,
-            priority: Priority.high,
-            ticker: 'ticker');
-        const NotificationDetails platformChannelSpecifics =
-        NotificationDetails(android: androidPlatformChannelSpecifics);
-        flutterLocalNotificationsPlugin.show(
-          notification.hashCode, notification.title, notification.body, platformChannelSpecifics,
-        );
-      }
-    });
     // notificationServices.initLocalNotifications(controller);
     // notificationServices.firebaseInit(context);
     // NotificationServices().setupInteractMessage(controller);
   }
 
-  @override
-  void didChangeAppLifecycleState(AppLifecycleState state) {
-    super.didChangeAppLifecycleState(state);
-    if (state == AppLifecycleState.inactive) {
-      log("App Inactive");
-    } else if (state == AppLifecycleState.resumed) {
-      log("App Resumed");
-    } else if (state == AppLifecycleState.paused) {
-      log("App paused");
-    } else if (state == AppLifecycleState.detached) {
-      log("App detached");
-    }
-  }
-
   @override
   void dispose() {
     super.dispose();
     WidgetsBinding.instance.removeObserver(this);
   }
 
-
-  List<PersistentBottomNavBarItem> _navBarsItems() {
-    return [
-      PersistentBottomNavBarItem(
-        icon: IconConstants.instance.getMaterialIcon(Icons.home),
-        title: appLocalization(context).home_page_destination,
-        activeColorPrimary: Colors.blue,
-        inactiveColorPrimary: Colors.grey,
-        inactiveIcon:
-            IconConstants.instance.getMaterialIcon(Icons.home_outlined),
-      ),
-      PersistentBottomNavBarItem(
-        icon: IconConstants.instance.getMaterialIcon(Icons.settings),
-        title: appLocalization(context).manager_page_destination,
-        activeColorPrimary: Colors.blue,
-        inactiveColorPrimary: Colors.grey,
-        inactiveIcon:
-            IconConstants.instance.getMaterialIcon(Icons.settings_outlined),
-      ),
-      PersistentBottomNavBarItem(
-        icon: IconConstants.instance.getMaterialIcon(Icons.location_on),
-        title: appLocalization(context).map_page_destination,
-        activeColorPrimary: Colors.blue,
-        inactiveColorPrimary: Colors.grey,
-        inactiveIcon:
-            IconConstants.instance.getMaterialIcon(Icons.location_on_outlined),
-      ),
-      PersistentBottomNavBarItem(
-        icon: IconConstants.instance.getMaterialIcon(Icons.history),
-        title: appLocalization(context).history_page_destination,
-        activeColorPrimary: Colors.blue,
-        inactiveColorPrimary: Colors.grey,
-        inactiveIcon:
-            IconConstants.instance.getMaterialIcon(Icons.history_outlined),
-      ),
-      PersistentBottomNavBarItem(
-        icon: IconConstants.instance.getMaterialIcon(Icons.group),
-        title: appLocalization(context).group_page_destination,
-        activeColorPrimary: Colors.blue,
-        inactiveColorPrimary: Colors.grey,
-        inactiveIcon:
-            IconConstants.instance.getMaterialIcon(Icons.group_outlined),
-      ),
-      // PersistentBottomNavBarItem(
-      //   icon: IconConstants.instance
-      //       .getMaterialIcon(Icons.notifications_outlined),
-      //   title: appLocalization(context).notification,
-      //   activeColorPrimary: Colors.blue,
-      //   inactiveColorPrimary: Colors.grey,
-      //   inactiveIcon: IconConstants.instance
-      //       .getMaterialIcon(Icons.notifications_outlined),
-      // ),
-    ];
-  }
-
-  List<Widget> _buildScreens() {
-    return [
-      BlocProvider(
-        child: const HomeScreen(),
-        blocBuilder: () => HomeBloc(),
-      ),
-      BlocProvider(
-          child: const DevicesManagerScreen(),
-          blocBuilder: () => DevicesManagerBloc()),
-      BlocProvider(
-        child: const MapScreen(),
-        blocBuilder: () => MapBloc(),
-      ),
-      BlocProvider(
-        child: const DeviceLogsScreen(),
-        blocBuilder: () => DeviceLogsBloc(),
-      ),
-      BlocProvider(
-        child: const InterFamilyScreen(),
-        blocBuilder: () => InterFamilyBloc(),
-      ),
-    ];
-  }
-
   @override
   Widget build(BuildContext context) {
+    List<PersistentTabConfig> tabs = [
+      PersistentTabConfig(
+        screen: BlocProvider(
+          child: const HomeScreen(),
+          blocBuilder: () => HomeBloc(),
+        ),
+        item: ItemConfig(
+          icon: IconConstants.instance.getMaterialIcon(Icons.home),
+          title: appLocalization(context).home_page_destination,
+          inactiveIcon:
+              IconConstants.instance.getMaterialIcon(Icons.home_outlined),
+          iconSize: 30,
+        ),
+      ),
+      PersistentTabConfig(
+        screen: BlocProvider(
+          child: const DevicesManagerScreen(),
+          blocBuilder: () => DevicesManagerBloc(),
+        ),
+        item: ItemConfig(
+          icon: IconConstants.instance.getMaterialIcon(Icons.settings),
+          title: appLocalization(context).manager_page_destination,
+          inactiveIcon:
+              IconConstants.instance.getMaterialIcon(Icons.settings_outlined),
+          iconSize: 30,
+        ),
+      ),
+      PersistentTabConfig(
+        screen: BlocProvider(
+          child: const MapScreen(),
+          blocBuilder: () => MapBloc(),
+        ),
+        item: ItemConfig(
+          icon: IconConstants.instance.getMaterialIcon(Icons.location_on),
+          title: appLocalization(context).map_page_destination,
+          inactiveIcon: IconConstants.instance
+              .getMaterialIcon(Icons.location_on_outlined),
+          iconSize: 30,
+        ),
+      ),
+      PersistentTabConfig(
+        screen: BlocProvider(
+          child: const DeviceLogsScreen(),
+          blocBuilder: () => DeviceLogsBloc(),
+        ),
+        item: ItemConfig(
+          icon: IconConstants.instance.getMaterialIcon(Icons.history),
+          title: appLocalization(context).history_page_destination,
+          inactiveIcon:
+              IconConstants.instance.getMaterialIcon(Icons.history_outlined),
+          iconSize: 30,
+        ),
+      ),
+      PersistentTabConfig(
+        screen: BlocProvider(
+          child: const InterFamilyScreen(),
+          blocBuilder: () => InterFamilyBloc(),
+        ),
+        item: ItemConfig(
+          icon: IconConstants.instance.getMaterialIcon(Icons.group),
+          title: appLocalization(context).group_page_destination,
+          inactiveIcon:
+              IconConstants.instance.getMaterialIcon(Icons.group_outlined),
+          iconSize: 30,
+        ),
+      ),
+    ];
     return StreamBuilder<bool>(
       stream: mainBloc.streamThemeMode,
       initialData: isLight,
@@ -246,7 +194,7 @@ class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
                       SizedBox(
                         width: context.lowValue,
                       ),
-                      Flexible( child: Text(userSnapshot.data?.name ?? ""))
+                      Flexible(child: Text(userSnapshot.data?.name ?? ""))
                     ],
                   );
                 }),
@@ -379,32 +327,27 @@ class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
             ],
           ),
           body: PersistentTabView(
-            context,
+            stateManagement: false,
             controller: controller,
-            screens: _buildScreens(),
+            tabs: tabs,
-            items: _navBarsItems(),
+            navBarBuilder: (navBarConfig) => Style6BottomNavBar(
-            handleAndroidBackButtonPress: true,
+              navBarConfig: navBarConfig,
-            resizeToAvoidBottomInset: true,
+              navBarDecoration: NavBarDecoration(
-            stateManagement: true,
+                  color: themeModeSnapshot.data! ? Colors.white : Colors.black,
+                  borderRadius: BorderRadius.circular(context.mediumValue),
+                  padding: const EdgeInsets.all(10)),
+            ),
             backgroundColor:
                 themeModeSnapshot.data! ? Colors.white : Colors.black,
-            decoration: NavBarDecoration(
+            navBarOverlap: const NavBarOverlap.none(),
-              borderRadius: BorderRadius.circular(30.0),
+            // margin: EdgeInsets.only(
-              colorBehindNavBar:
+            //     left: context.lowValue,
-                  themeModeSnapshot.data! ? Colors.white : Colors.black,
+            //     bottom: context.dynamicHeight(0.02),
+            //     right: context.lowValue),
+            screenTransitionAnimation: const ScreenTransitionAnimation(
+              curve: Curves.bounceInOut,
+              duration: Duration(milliseconds: 200),
             ),
-            animationSettings: const NavBarAnimationSettings(
-              navBarItemAnimation: ItemAnimationSettings(
-                duration: Duration(milliseconds: 200),
-                curve: Curves.bounceInOut,
-              ),
-              screenTransitionAnimation: ScreenTransitionAnimationSettings(
-                animateTabTransition: true,
-                curve: Curves.bounceInOut,
-                duration: Duration(milliseconds: 200),
-              ),
-            ),
-            navBarStyle: NavBarStyle.style13,
           ),
         );
       },
@@ -412,8 +355,10 @@ class _MainScreenState extends State<MainScreen> with WidgetsBindingObserver {
   }
 
   Future<void> getBellNotification() async {
-    bell = await apiServices.getBellNotifications("0", "20");
+    await apiServices.execute(context, () async {
-    mainBloc.bellBloc.add(bell);
+      bell = await apiServices.getBellNotifications("0", "20");
+      mainBloc.bellBloc.add(bell);
+    });
   }
 
   bool checkStatus(List<BellItems> bells) {

lib/feature/map/map_screen.dart

@@ -1,22 +1,20 @@
 import 'dart:async';
-import 'dart:convert';
 import 'dart:developer';
-
 import 'package:flutter/services.dart';
 import 'package:flutter/material.dart';
 import 'package:geolocator/geolocator.dart';
 import 'package:google_maps_cluster_manager_2/google_maps_cluster_manager_2.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart'
     hide ClusterManager, Cluster;
-import 'package:sfm_app/feature/devices/device_model.dart';
+
-import 'package:sfm_app/bloc/map_bloc.dart';
+import '../../bloc/map_bloc.dart';
-import 'package:sfm_app/feature/map/widget/on_tap_marker_widget.dart';
+import '../../product/base/bloc/base_bloc.dart';
-import 'package:sfm_app/product/base/bloc/base_bloc.dart';
-import 'package:sfm_app/product/constant/icon/icon_constants.dart';
-import 'package:sfm_app/product/permission/location_permission.dart';
-import 'package:sfm_app/product/services/api_services.dart';
-import 'package:sfm_app/product/utils/permission_handler.dart';
 import '../../product/constant/enums/app_theme_enums.dart';
+import '../../product/constant/icon/icon_constants.dart';
+import '../../product/services/api_services.dart';
+import '../../product/utils/permission_handler.dart';
+import '../devices/device_model.dart';
+import 'widget/on_tap_marker_widget.dart';
 
 class MapScreen extends StatefulWidget {
   const MapScreen({super.key});
@@ -38,7 +36,7 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
   APIServices apiServices = APIServices();
   final streamController = StreamController<GoogleMapController>.broadcast();
   List<Device> devices = [];
-  Completer<GoogleMapController> _controller = Completer();
+  final Completer<GoogleMapController> _controller = Completer();
   List<String> imageAssets = [
     IconConstants.instance.getIcon("normal_icon"),
     IconConstants.instance.getIcon("offline_icon"),
@@ -58,6 +56,7 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
   Timer? checkThemeTimer;
   Timer? getMarker;
   String themeMode = '';
+  bool _isDisposed = false;
   @override
   void initState() {
     super.initState();
@@ -73,18 +72,20 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
 
   @override
   void dispose() {
-    super.dispose();
+    _isDisposed = true;
     checkThemeTimer?.cancel();
     getMarker?.cancel();
-    _controller = Completer();
     streamController.close();
+    super.dispose();
   }
 
   void onMapCreated(GoogleMapController controller) {
-    _controller.complete(controller);
+    if (!_isDisposed && !streamController.isClosed) {
-    streamController.add(controller);
+      _controller.complete(controller);
-    clusterManager.setMapId(controller.mapId);
+      streamController.add(controller);
-    checkTheme();
+      clusterManager.setMapId(controller.mapId);
+      checkTheme();
+    }
   }
 
   @override
@@ -117,12 +118,15 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
                           clusterManager.updateMap();
                         },
                         polylines: {
-                          Polyline(
+                          if (polylinesSnapshot.data != null &&
-                            polylineId: const PolylineId('router'),
+                              polylinesSnapshot.data!.isNotEmpty) ...[
-                            points: polylinesSnapshot.data ?? [],
+                            Polyline(
-                            color: Colors.deepPurpleAccent,
+                              polylineId: const PolylineId('router'),
-                            width: 8,
+                              points: polylinesSnapshot.data!,
-                          ),
+                              color: Colors.deepPurpleAccent,
+                              width: 8,
+                            ),
+                          ]
                         },
                         style: mapThemeSnapshot.data,
                       );
@@ -170,11 +174,11 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
     return ClusterManager<Device>(
       devices,
       _updateMarkers,
-      markerBuilder: _getmarkerBuilder(),
+      markerBuilder: _getMarkerBuilder(),
     );
   }
 
-  Future<Marker> Function(Cluster<Device>) _getmarkerBuilder() =>
+  Future<Marker> Function(Cluster<Device>) _getMarkerBuilder() =>
       (cluster) async {
         return Marker(
           markerId: MarkerId(
@@ -183,7 +187,8 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
           position: cluster.location,
           onTap: () async {
             LocationPermission permission = await checkAndRequestPermission();
-            if (permission == LocationPermission.whileInUse || permission == LocationPermission.always) {
+            if (permission == LocationPermission.whileInUse ||
+                permission == LocationPermission.always) {
               Position position = await Geolocator.getCurrentPosition();
               onTapMarker(
                 // ignore: use_build_context_synchronously
@@ -235,9 +240,9 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
     if (hasStateOne) {
       return flameIcon; // flameIcon
     } else if (hasOtherState) {
-      return normalIcon; // normalIcon
+      return offlineIcon; // normalIcon
     } else {
-      return offlineIcon; // offlineIcon
+      return normalIcon; // offlineIcon
     }
   }
 
@@ -271,26 +276,12 @@ class _MapScreenState extends State<MapScreen> with WidgetsBindingObserver {
   }
 
   void getAllMarkers() async {
-    String response = await apiServices.getOwnerDevices();
+    await apiServices.execute(context, () async {
-    if (response != "") {
+      devices.clear();
-      final data = jsonDecode(response);
+      final devicesList = await apiServices.getOwnerDevices();
-      List<dynamic> result = data['items'];
+      for (var device in devicesList) {
-      if(result.isNotEmpty){
+        devices.add(device);
-        devices.clear();
-        final devicesList = Device.fromJsonDynamicList(result);
-        for (var device in devicesList) {
-          devices.add(device);
-        }
-      }else{
-        
       }
-
+    });
-    }
   }
-
-  // Future<bool> checkLocationPermission(context) async {
-  //   bool check = await LocationPermissionRequest.instance
-  //       .checkLocationPermission(context);
-  //   return check;
-  // }
 }

lib/feature/map/widget/on_tap_marker_widget.dart

@@ -3,6 +3,7 @@
 import 'dart:async';
 import 'package:flutter/material.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
+
 import 'show_direction_widget.dart';
 import 'show_nearest_place.dart';
 import '../../../product/constant/icon/icon_constants.dart';
@@ -11,7 +12,6 @@ import '../../../bloc/map_bloc.dart';
 import '../../../product/services/api_services.dart';
 import '../../../product/services/language_services.dart';
 import '../../../product/utils/device_utils.dart';
-
 import '../../devices/device_model.dart';
 
 onTapMarker(
@@ -72,14 +72,14 @@ onTapMarker(
                           double.parse(device.settings!.latitude!),
                           double.parse(device.settings!.longitude!),
                         );
-                        mapBloc.findTheWay(
+                        await mapBloc.findTheWay(
                           context,
                           controller,
                           myLocation,
                           destination,
                         );
                         String deviceLocations = await DeviceUtils.instance
-                            .getFullDeviceLocation(context, device.areaPath!);
+                            .getFullDeviceLocation(context, device.areaPath!,device.name);
                         String yourLocation =
                             appLocalization(context).map_your_location;
                         showDirections(
@@ -163,6 +163,7 @@ onTapMarker(
                       style: const ButtonStyle(
                         backgroundColor: WidgetStatePropertyAll(Colors.red),
                         foregroundColor: WidgetStatePropertyAll(Colors.white),
+                        iconColor: WidgetStatePropertyAll(Colors.white),
                       ),
                       icon: IconConstants.instance
                           .getMaterialIcon(Icons.fire_truck_outlined),

lib/feature/map/widget/show_direction_widget.dart

@@ -1,12 +1,11 @@
 import 'dart:async';
-
 import 'package:flutter/material.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
 import 'package:maps_launcher/maps_launcher.dart';
+
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
-
 import '../../../bloc/map_bloc.dart';
 
 showDirections(
@@ -16,16 +15,14 @@ showDirections(
   MapBloc mapBloc,
   String originalName,
   String destinationLocation,
-  double devicelat,
+  double deviceLat,
-  double devicelng,
+  double deviceLng,
 ) {
-  TextEditingController originController =
+  TextEditingController originController = TextEditingController(text: originalName);
-      TextEditingController(text: originalName);
+  TextEditingController destinationController = TextEditingController(text: destinationLocation);
-  TextEditingController destinationController =
-      TextEditingController(text: destinationLocation);
   ScaffoldMessenger.of(context).showSnackBar(
     SnackBar(
-      backgroundColor: Colors.transparent,
+      backgroundColor: Theme.of(context).colorScheme.surface,
       // dismissDirection: DismissDirection.none,
       duration: const Duration(minutes: 5),
       content: Column(
@@ -38,21 +35,20 @@ showDirections(
             children: [
               Text(
                 appLocalization(context).map_show_direction,
-                style: context.titleLargeTextStyle,
+                style: context.responsiveBodyLargeWithBold,
               ),
               Container(
                 alignment: Alignment.centerRight,
                 child: IconButton.outlined(
                   onPressed: () async {
+                    mapBloc.sinkPolylines.add([]);
+                    markers.clear();
                     await mapBloc.updateCameraPosition(
                       controller,
-                      devicelat,
+                      deviceLat,
-                      devicelng,
+                      deviceLng,
                       13.0,
                     );
-                    List<LatLng> polylineCoordinates = [];
-                    mapBloc.sinkPolylines.add(polylineCoordinates);
-                    markers.clear();
                     if (context.mounted) {
                       ScaffoldMessenger.of(context).hideCurrentSnackBar();
                     }
@@ -103,17 +99,12 @@ showDirections(
                   ScaffoldMessenger.of(context).hideCurrentSnackBar();
                   List<LatLng> polylineCoordinates = [];
                   mapBloc.sinkPolylines.add(polylineCoordinates);
-                  MapsLauncher.launchCoordinates(devicelat, devicelng);
+                  MapsLauncher.launchCoordinates(deviceLat, deviceLng);
                 },
-                icon: IconConstants.instance
+                icon: IconConstants.instance.getMaterialIcon(Icons.near_me_rounded),
-                    .getMaterialIcon(Icons.near_me_rounded),
                 label: Text(
                   appLocalization(context).map_stream,
                 ),
-                style: ButtonStyle(
-                  backgroundColor:
-                      WidgetStateProperty.all<Color>(Colors.blue[300]!),
-                ),
               ),
             ],
           ),

lib/feature/map/widget/show_nearest_place.dart

@@ -1,9 +1,9 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'dart:async';
-
 import 'package:flutter/material.dart';
 import 'package:google_maps_flutter/google_maps_flutter.dart';
+
 import '../../../bloc/map_bloc.dart';
 import 'show_direction_widget.dart';
 import '../../../product/constant/icon/icon_constants.dart';
@@ -52,7 +52,6 @@ showNearPlacesSideSheet(
         padding: context.paddingLow,
         width: screenWidth,
         height: screenHeight / 3,
-        color: Colors.white,
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
@@ -62,10 +61,7 @@ showNearPlacesSideSheet(
                 Center(
                   child: Text(
                     '${appLocalization(modalBottomSheetContext).map_result}: ',
-                    style: const TextStyle(
+                    style: context.h3
-                      fontSize: 20,
-                      fontWeight: FontWeight.bold,
-                    ),
                   ),
                 ),
                 Container(
@@ -119,10 +115,7 @@ showNearPlacesSideSheet(
                             children: [
                               Text(
                                 place.result!.name!,
-                                style: const TextStyle(
+                                style: context.responsiveBodyMediumWithBold,
-                                  fontSize: 16,
-                                  fontWeight: FontWeight.w500,
-                                ),
                               ),
                               SizedBox(height: listViewContext.lowValue),
                               Text(

lib/feature/settings/device_notification_settings/device_notification_settings_screen.dart

@@ -1,8 +1,8 @@
 // ignore_for_file: use_build_context_synchronously
 
-import 'dart:convert';
 import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
+
 import '../../../product/shared/shared_snack_bar.dart';
 import '../../../bloc/device_notification_settings_bloc.dart';
 import 'device_notification_settings_model.dart';
@@ -73,7 +73,7 @@ class _DeviceNotificationSettingsScreenState
                                 hint: Text(
                                   appLocalization(context)
                                       .choose_device_dropdownButton,
-                                  style: const TextStyle(fontSize: 14),
+                                  style: context.responsiveBodySmall,
                                 ),
                                 iconStyleData: const IconStyleData(
                                   icon: Icon(
@@ -111,14 +111,12 @@ class _DeviceNotificationSettingsScreenState
   }
 
   void getNotificationSetting() async {
-    String? response = await apiServices.getAllSettingsNotificationOfDevices();
+    await apiServices.execute(context, () async {
-    final data = jsonDecode(response);
+      deviceNotifications =
-    final result = data['data'];
+          await apiServices.getAllSettingsNotificationOfDevices();
-    // log("Data ${DeviceNotificationSettings.mapFromJson(jsonDecode(data)).values.toList()}");
+      deviceNotificationSettingsBloc.sinkListNotifications
-    deviceNotifications =
+          .add(deviceNotifications);
-        DeviceNotificationSettings.mapFromJson(result).values.toList();
+    });
-    deviceNotificationSettingsBloc.sinkListNotifications
-        .add(deviceNotifications);
   }
 
   Widget listNotificationSetting(
@@ -292,22 +290,25 @@ class _DeviceNotificationSettingsScreenState
 
   void updateDeviceNotification(String thingID, Map<String, int> notifiSettings,
       bool isDataChange) async {
-    int statusCode = await apiServices.updateDeviceNotificationSettings(
+    await apiServices.execute(context, () async {
-        thingID, notifiSettings);
+      int statusCode = await apiServices.updateDeviceNotificationSettings(
-    if (statusCode == 200) {
+          thingID, notifiSettings);
-      showNoIconTopSnackBar(
+      if (statusCode == 200) {
-          context,
+        showNoIconTopSnackBar(
-          appLocalization(context).notification_update_device_settings_success,
+            context,
-          Colors.green,
+            appLocalization(context)
-          Colors.white);
+                .notification_update_device_settings_success,
-    } else {
+            Colors.green,
-      showNoIconTopSnackBar(
+            Colors.white);
-          context,
+      } else {
-          appLocalization(context).notification_update_device_settings_failed,
+        showNoIconTopSnackBar(
-          Colors.red,
+            context,
-          Colors.white);
+            appLocalization(context).notification_update_device_settings_failed,
-    }
+            Colors.red,
-    isDataChange = false;
+            Colors.white);
-    deviceNotificationSettingsBloc.sinkIsDataChange.add(isDataChange);
+      }
+      isDataChange = false;
+      deviceNotificationSettingsBloc.sinkIsDataChange.add(isDataChange);
+    });
   }
 }

lib/feature/settings/profile/profile_screen.dart

@@ -1,6 +1,7 @@
 // ignore_for_file: use_build_context_synchronously
 
 import 'package:flutter/material.dart';
+
 import '../../../product/shared/shared_snack_bar.dart';
 import '../../../product/constant/icon/icon_constants.dart';
 import '../../../product/services/api_services.dart';
@@ -8,7 +9,6 @@ import '../../../bloc/settings_bloc.dart';
 import '../../../product/shared/shared_input_decoration.dart';
 import '../../../product/extension/context_extension.dart';
 import '../../../product/services/language_services.dart';
-
 import 'profile_model.dart';
 
 changeUserInfomation(
@@ -38,35 +38,73 @@ changeUserInfomation(
                     ? IconButton(
                         onPressed: () async {
                           if (formKey.currentState!.validate()) {
-                            formKey.currentState!.save();
+                            await apiServices.execute(context,() async {
-                            String latitude = user.latitude ?? "";
+                              formKey.currentState!.save();
-                            String longitude = user.longitude ?? "";
+                              String latitude = user.latitude ?? "";
-                            Map<String, dynamic> body = {
+                              String longitude = user.longitude ?? "";
-                              "name": username,
+                              Map<String, dynamic> body = {
-                              "email": email,
+                                "name": username,
-                              "phone": tel,
+                                "email": email,
-                              "address": address,
+                                "phone": tel,
-                              "latitude": latitude,
+                                "address": address,
-                              "longitude": longitude
+                                "latitude": latitude,
-                            };
+                                "longitude": longitude
-                            int statusCode =
+                              };
-                                await apiServices.updateUserProfile(body);
+                              int statusCode =
-                            if (statusCode == 200) {
+                                  await apiServices.updateUserProfile(body);
-                              showNoIconTopSnackBar(
+                              if (statusCode == 200) {
-                                  modalBottomSheetContext,
+                                showNoIconTopSnackBar(
-                                  appLocalization(context)
+                                    modalBottomSheetContext,
-                                      .notification_update_profile_success,
+                                    appLocalization(context)
-                                  Colors.green,
+                                        .notification_update_profile_success,
-                                  Colors.white);
+                                    Colors.green,
-                            } else {
+                                    Colors.white);
-                              showNoIconTopSnackBar(
+                              } else {
-                                  modalBottomSheetContext,
+                                showNoIconTopSnackBar(
-                                  appLocalization(context)
+                                    modalBottomSheetContext,
-                                      .notification_update_profile_failed,
+                                    appLocalization(context)
-                                  Colors.redAccent,
+                                        .notification_update_profile_failed,
-                                  Colors.white);
+                                    Colors.redAccent,
-                            }
+                                    Colors.white);
-                            Navigator.pop(modalBottomSheetContext);
+                              }
+                              settingsBloc.getUserProfile(context);
+                              Navigator.pop(modalBottomSheetContext);
+                            });
+                            // try {
+                            //   formKey.currentState!.save();
+                            //   String latitude = user.latitude ?? "";
+                            //   String longitude = user.longitude ?? "";
+                            //   Map<String, dynamic> body = {
+                            //     "name": username,
+                            //     "email": email,
+                            //     "phone": tel,
+                            //     "address": address,
+                            //     "latitude": latitude,
+                            //     "longitude": longitude
+                            //   };
+                            //   int statusCode =
+                            //       await apiServices.updateUserProfile(body);
+                            //   if (statusCode == 200) {
+                            //     showNoIconTopSnackBar(
+                            //         modalBottomSheetContext,
+                            //         appLocalization(context)
+                            //             .notification_update_profile_success,
+                            //         Colors.green,
+                            //         Colors.white);
+                            //   } else {
+                            //     showNoIconTopSnackBar(
+                            //         modalBottomSheetContext,
+                            //         appLocalization(context)
+                            //             .notification_update_profile_failed,
+                            //         Colors.redAccent,
+                            //         Colors.white);
+                            //   }
+                            //   settingsBloc.getUserProfile(context);
+                            //   Navigator.pop(modalBottomSheetContext);
+                            // } catch (e) {
+                            //   if (!context.mounted) return;
+                            //   showErrorTopSnackBarCustom(context, e.toString());
+                            // }
                           }
                         },
                         icon:
@@ -205,35 +243,38 @@ changeUserInfomation(
                               child: TextButton(
                                 onPressed: () async {
                                   if (formKey.currentState!.validate()) {
-                                    formKey.currentState!.save();
+                                    await apiServices.execute(context,() async {
-                                    String latitude = user.latitude ?? "";
+                                      formKey.currentState!.save();
-                                    String longitude = user.longitude ?? "";
+                                      String latitude = user.latitude ?? "";
-                                    Map<String, dynamic> body = {
+                                      String longitude = user.longitude ?? "";
-                                      "name": username,
+                                      Map<String, dynamic> body = {
-                                      "email": email,
+                                        "name": username,
-                                      "phone": tel,
+                                        "email": email,
-                                      "address": address,
+                                        "phone": tel,
-                                      "latitude": latitude,
+                                        "address": address,
-                                      "longitude": longitude
+                                        "latitude": latitude,
-                                    };
+                                        "longitude": longitude
-                                    int statusCode = await apiServices
+                                      };
-                                        .updateUserProfile(body);
+                                      int statusCode = await apiServices
-                                    if (statusCode == 200) {
+                                          .updateUserProfile(body);
-                                      showNoIconTopSnackBar(
+                                      if (statusCode == 200) {
-                                          modalBottomSheetContext,
+                                        showNoIconTopSnackBar(
-                                          appLocalization(context)
+                                            modalBottomSheetContext,
-                                              .notification_update_profile_success,
+                                            appLocalization(context)
-                                          Colors.green,
+                                                .notification_update_profile_success,
-                                          Colors.white);
+                                            Colors.green,
-                                    } else {
+                                            Colors.white);
-                                      showNoIconTopSnackBar(
+                                      } else {
-                                          modalBottomSheetContext,
+                                        showNoIconTopSnackBar(
-                                          appLocalization(context)
+                                            modalBottomSheetContext,
-                                              .notification_update_profile_failed,
+                                            appLocalization(context)
-                                          Colors.redAccent,
+                                                .notification_update_profile_failed,
-                                          Colors.white);
+                                            Colors.redAccent,
-                                    }
+                                            Colors.white);
-                                    Navigator.pop(modalBottomSheetContext);
+                                      }
+                                      settingsBloc.getUserProfile(context);
+                                      Navigator.pop(modalBottomSheetContext);
+                                    });
                                   }
                                 },
                                 style: const ButtonStyle(
@@ -283,29 +324,31 @@ changeUserPassword(BuildContext context, SettingsBloc settingsBloc) {
                     ? IconButton(
                         onPressed: () async {
                           if (formKey.currentState!.validate()) {
-                            formKey.currentState!.save();
+                            await apiServices.execute(context,() async {
-                            Map<String, dynamic> body = {
+                              formKey.currentState!.save();
-                              "password_old": oldPass,
+                              Map<String, dynamic> body = {
-                              "password_new": newPass,
+                                "password_old": oldPass,
-                            };
+                                "password_new": newPass,
-                            int statusCode =
+                              };
-                                await apiServices.updateUserPassword(body);
+                              int statusCode =
-                            if (statusCode == 200) {
+                                  await apiServices.updateUserPassword(body);
-                              showNoIconTopSnackBar(
+                              if (statusCode == 200) {
-                                  modalBottomSheetContext,
+                                showNoIconTopSnackBar(
-                                  appLocalization(context)
+                                    modalBottomSheetContext,
-                                      .notification_update_password_success,
+                                    appLocalization(context)
-                                  Colors.green,
+                                        .notification_update_password_success,
-                                  Colors.white);
+                                    Colors.green,
-                            } else {
+                                    Colors.white);
-                              showNoIconTopSnackBar(
+                              } else {
-                                  modalBottomSheetContext,
+                                showNoIconTopSnackBar(
-                                  appLocalization(context)
+                                    modalBottomSheetContext,
-                                      .notification_update_password_failed,
+                                    appLocalization(context)
-                                  Colors.redAccent,
+                                        .notification_update_password_failed,
-                                  Colors.white);
+                                    Colors.redAccent,
-                            }
+                                    Colors.white);
-                            Navigator.pop(modalBottomSheetContext);
+                              }
+                              Navigator.pop(modalBottomSheetContext);
+                            });
                           }
                         },
                         icon:
@@ -390,31 +433,64 @@ changeUserPassword(BuildContext context, SettingsBloc settingsBloc) {
                           ? Center(
                               child: TextButton(
                                 onPressed: () async {
-                                  if (formKey.currentState!.validate()) {
+                                  await apiServices.execute(context,() async {
-                                    formKey.currentState!.save();
+                                    if (formKey.currentState!.validate()) {
-                                    Map<String, dynamic> body = {
+                                      formKey.currentState!.save();
-                                      "password_old": oldPass,
+                                      Map<String, dynamic> body = {
-                                      "password_new": newPass,
+                                        "password_old": oldPass,
-                                    };
+                                        "password_new": newPass,
-                                    int statusCode = await apiServices
+                                      };
-                                        .updateUserPassword(body);
+                                      int statusCode = await apiServices
-                                    if (statusCode == 200) {
+                                          .updateUserPassword(body);
-                                      showNoIconTopSnackBar(
+                                      if (statusCode == 200) {
-                                          modalBottomSheetContext,
+                                        showNoIconTopSnackBar(
-                                          appLocalization(context)
+                                            modalBottomSheetContext,
-                                              .notification_update_password_success,
+                                            appLocalization(context)
-                                          Colors.green,
+                                                .notification_update_password_success,
-                                          Colors.white);
+                                            Colors.green,
-                                    } else {
+                                            Colors.white);
-                                      showNoIconTopSnackBar(
+                                      } else {
-                                          modalBottomSheetContext,
+                                        showNoIconTopSnackBar(
-                                          appLocalization(context)
+                                            modalBottomSheetContext,
-                                              .notification_update_password_failed,
+                                            appLocalization(context)
-                                          Colors.redAccent,
+                                                .notification_update_password_failed,
-                                          Colors.white);
+                                            Colors.redAccent,
+                                            Colors.white);
+                                      }
+                                      Navigator.pop(modalBottomSheetContext);
                                     }
-                                    Navigator.pop(modalBottomSheetContext);
+                                  });
-                                  }
+                                  // try {
+                                  //   if (formKey.currentState!.validate()) {
+                                  //     formKey.currentState!.save();
+                                  //     Map<String, dynamic> body = {
+                                  //       "password_old": oldPass,
+                                  //       "password_new": newPass,
+                                  //     };
+                                  //     int statusCode = await apiServices
+                                  //         .updateUserPassword(body);
+                                  //     if (statusCode == 200) {
+                                  //       showNoIconTopSnackBar(
+                                  //           modalBottomSheetContext,
+                                  //           appLocalization(context)
+                                  //               .notification_update_password_success,
+                                  //           Colors.green,
+                                  //           Colors.white);
+                                  //     } else {
+                                  //       showNoIconTopSnackBar(
+                                  //           modalBottomSheetContext,
+                                  //           appLocalization(context)
+                                  //               .notification_update_password_failed,
+                                  //           Colors.redAccent,
+                                  //           Colors.white);
+                                  //     }
+                                  //     Navigator.pop(modalBottomSheetContext);
+                                  //   }
+                                  // } catch (e) {
+                                  //   if (!context.mounted) return;
+                                  //   showErrorTopSnackBarCustom(
+                                  //       context, e.toString());
+                                  // }
                                 },
                                 style: const ButtonStyle(
                                   backgroundColor:

lib/feature/settings/settings_screen.dart

@@ -1,8 +1,8 @@
-import 'dart:convert';
-
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
+
 import '../../product/constant/app/app_constants.dart';
+import '../../product/shared/shared_loading_animation.dart';
 import 'profile/profile_screen.dart';
 import '../../product/constant/icon/icon_constants.dart';
 import '../../product/extension/context_extension.dart';
@@ -27,7 +27,6 @@ class _SettingsScreenState extends State<SettingsScreen> {
   void initState() {
     super.initState();
     settingsBloc = BlocProvider.of(context);
-    getUserProfile();
   }
 
   @override
@@ -38,80 +37,79 @@ class _SettingsScreenState extends State<SettingsScreen> {
         centerTitle: true,
       ),
       body: StreamBuilder<User>(
-          stream: settingsBloc.streamUserProfile,
+        stream: settingsBloc.streamUserProfile,
-          initialData: user,
+        builder: (context, userSnapshot) {
-          builder: (context, userSnapshot) {
+          if (userSnapshot.data == null) {
-            return userSnapshot.data?.id == "" || user.id == ""
+            settingsBloc.getUserProfile(context);
-                ? Center(
+            return const SharedLoadingAnimation();
-                    child: CircularProgressIndicator(
+          } else {
-                      value: context.highValue,
+            return Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                CircleAvatar(
+                  backgroundColor: Theme.of(context).focusColor,
+                  radius: 70,
+                  child: CircleAvatar(
+                    backgroundColor: Theme.of(context).highlightColor,
+                    radius: 60,
+                    child: CircleAvatar(
+                      radius: 50,
+                      child: Text(
+                        getAvatarContent(userSnapshot.data?.username ?? ""),
+                        style: context.dynamicResponsiveSize(36),
+                      ),
                     ),
-                  )
+                  ),
-                : Column(
+                ),
-                    mainAxisAlignment: MainAxisAlignment.center,
+                SizedBox(height: context.lowValue),
-                    crossAxisAlignment: CrossAxisAlignment.center,
+                Row(
-                    children: [
+                  mainAxisAlignment: MainAxisAlignment.center,
-                      CircleAvatar(
+                  children: [
-                        backgroundColor: Theme.of(context).focusColor,
+                    Text(
-                        radius: 70,
+                      userSnapshot.data?.name ?? "User Name",
-                        child: CircleAvatar(
+                      style: context.h2,
-                          backgroundColor: Theme.of(context).highlightColor,
+                    )
-                          radius: 60,
+                  ],
-                          child: CircleAvatar(
+                ),
-                            radius: 50,
+                Row(
-                            child: Text(
+                  mainAxisAlignment: MainAxisAlignment.center,
-                              getAvatarContent(
+                  children: [Text(userSnapshot.data?.email ?? "Email")],
-                                  userSnapshot.data?.username ?? ""),
+                ),
-                              style: const TextStyle(
+                SizedBox(height: context.mediumValue),
-                                fontSize: 35,
+                cardContent(
-                                fontWeight: FontWeight.bold,
+                    Icons.account_circle_rounded,
-                              ),
+                    appLocalization(context).profile_change_info,
-                            ),
+                    userSnapshot.data ?? user),
-                          ),
+                SizedBox(height: context.lowValue),
-                        ),
+                cardContent(
-                      ),
+                    Icons.lock_outline,
-                      SizedBox(height: context.lowValue),
+                    appLocalization(context).profile_change_pass,
-                      Row(
+                    userSnapshot.data ?? user),
-                        mainAxisAlignment: MainAxisAlignment.center,
+                SizedBox(height: context.lowValue),
-                        children: [
+                cardContent(
-                          Text(
+                    Icons.settings_outlined,
-                            userSnapshot.data?.name ?? "User Name",
+                    appLocalization(context).profile_setting,
-                            style: const TextStyle(
+                    userSnapshot.data ?? user),
-                                fontWeight: FontWeight.w900, fontSize: 26),
+                SizedBox(height: context.lowValue),
-                          )
+                cardContent(
-                        ],
+                    Icons.sim_card,
-                      ),
+                    appLocalization(context).profile_sim_data,
-                      Row(
+                    userSnapshot.data ?? user),
-                        mainAxisAlignment: MainAxisAlignment.center,
+                SizedBox(height: context.lowValue),
-                        children: [Text(userSnapshot.data?.email ?? "Email")],
+                cardContent(
-                      ),
+                    Icons.logout_outlined,
-                      SizedBox(height: context.mediumValue),
+                    appLocalization(context).log_out,
-                      cardContent(
+                    userSnapshot.data ?? user),
-                        Icons.account_circle_rounded,
+              ],
-                        appLocalization(context).profile_change_info,
+            );
-                      ),
+          }
-                      SizedBox(height: context.lowValue),
+        },
-                      cardContent(
+      ),
-                        Icons.lock_outline,
-                        appLocalization(context).profile_change_pass,
-                      ),
-                      SizedBox(height: context.lowValue),
-                      cardContent(
-                        Icons.settings_outlined,
-                        appLocalization(context).profile_setting,
-                      ),
-                      SizedBox(height: context.lowValue),
-                      cardContent(
-                        Icons.logout_outlined,
-                        appLocalization(context).log_out,
-                      ),
-                    ],
-                  );
-          }),
     );
   }
 
-  cardContent(IconData icon, String content) {
+  cardContent(IconData icon, String content, User user) {
     return GestureDetector(
       onTap: () async {
         if (icon == Icons.account_circle_rounded) {
@@ -120,7 +118,10 @@ class _SettingsScreenState extends State<SettingsScreen> {
           changeUserPassword(context, settingsBloc);
         } else if (icon == Icons.settings_outlined) {
           context.push(ApplicationConstants.DEVICE_NOTIFICATIONS_SETTINGS);
-        } else {
+        } else if(icon == Icons.sim_card){
+          context.push(ApplicationConstants.SIM_DATA_SETTINGS);
+        }
+        else {
           await apiServices.logOut(context);
         }
       },
@@ -132,7 +133,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
           leading: IconConstants.instance.getMaterialIcon(icon),
           title: Text(
             content,
-            style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
+            style: context.responsiveBodyMediumWithBold,
           ),
           trailing: const Icon(
             Icons.arrow_forward_ios_outlined,
@@ -142,12 +143,6 @@ class _SettingsScreenState extends State<SettingsScreen> {
     );
   }
 
-  void getUserProfile() async {
-    String data = await apiServices.getUserDetail();
-    user = User.fromJson(jsonDecode(data));
-    settingsBloc.sinkUserProfile.add(user);
-  }
-
   String getAvatarContent(String username) {
     String name = "";
     if (username.isNotEmpty) {

lib/feature/settings/sim_data/shared_sim_component.dart

@@ -0,0 +1,170 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+
+import '../../devices/device_model.dart';
+import '../../../product/extension/context_extension.dart';
+import '../../../product/services/language_services.dart';
+
+import '../../../product/utils/device_utils.dart';
+
+class SharedSimComponent extends StatelessWidget {
+
+  const SharedSimComponent({super.key, required this.device});
+  final Device device;
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    double screenHeight = MediaQuery.of(context).size.height;
+    return Padding(
+      padding: const EdgeInsets.all(8.0),
+      child: Container(
+        width: screenWidth,
+        height: screenHeight / 5.5,
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(30),
+          gradient: getGradientColor(getMonthLeft())
+        ),
+        child: Padding(
+          padding: context.paddingLow,
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                   Text(
+                    device.name ?? "name",
+                    style: const TextStyle(
+                      fontSize: 22,
+                      fontWeight: FontWeight.bold,
+                      color: Colors.white,
+                    ),
+                  ),
+                  _buildStatusChip(context,device.state ?? -1),
+                ],
+              ),
+               SizedBox(height: context.lowValue),
+              // Time period
+               Text(
+                "${appLocalization(context).time_title}: ${convertStartTime()} - ${convertExpireTime()}",
+                style: const TextStyle(
+                  fontSize: 18,
+                  fontWeight: FontWeight.w500,
+                  color: Colors.white,
+                ),
+              ),
+              SizedBox(height: context.lowValue),
+              _buildDurationDisplay(context),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildStatusChip(BuildContext context,int state) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+      decoration: BoxDecoration(
+        border: Border.all(color: Colors.white),
+        borderRadius: BorderRadius.circular(15),
+        color: Colors.white,
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            Icons.circle,
+            color: DeviceUtils.instance.getTableRowColor(context, state),
+            size: 12,
+          ),
+          const SizedBox(width: 5),
+          Text(
+            DeviceUtils.instance.checkStateDevice(context, state),
+            style: TextStyle(
+              color: DeviceUtils.instance.getTableRowColor(context, state),
+              fontSize: 12,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildDurationDisplay(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      crossAxisAlignment: CrossAxisAlignment.baseline,
+      textBaseline: TextBaseline.alphabetic,
+      children: [
+         Text(
+          "${getMonthLeft()}",
+          style: const TextStyle(
+            fontSize: 40,
+            color: Colors.white,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        const SizedBox(width: 8),
+         Text(
+          appLocalization(context).sim_data_month_left_message,
+          style: const TextStyle(
+            fontSize: 20,
+            color: Colors.white,
+            fontWeight: FontWeight.w500,
+          ),
+        ),
+      ],
+    );
+  }
+
+  String convertStartTime(){
+    return DateFormat('dd/MM/yyyy').format(device.createdAt!);
+  }
+
+  String convertExpireTime() {
+    final expireDate = _calculateExpireDate();
+    return DateFormat('dd/MM/yyyy').format(expireDate);
+  }
+
+  int getMonthLeft() {
+    final expireDate = _calculateExpireDate();
+    final now = DateTime.now();
+
+    int totalMonths = (expireDate.year - now.year) * 12 + (expireDate.month - now.month);
+
+    if (expireDate.day < now.day) {
+      totalMonths -= 1;
+    }
+
+    return totalMonths;
+  }
+
+  DateTime _calculateExpireDate() {
+    return DateTime(
+      device.createdAt!.year + 3,
+      device.createdAt!.month,
+      device.createdAt!.day,
+      device.createdAt!.hour,
+      device.createdAt!.minute,
+      device.createdAt!.second,
+      device.createdAt!.millisecond,
+      device.createdAt!.microsecond,
+    );
+  }
+
+  LinearGradient getGradientColor(int monthLeft){
+    if(monthLeft <= 3){
+      return const LinearGradient(
+        colors: [Color(0xFFff4b1f), Color(0xFFff9068)],
+      );
+    }else{
+      return const LinearGradient(
+        colors: [Color(0xFF56ab2f), Color(0xFFa8e063)],
+      );
+    }
+  }
+
+}

lib/feature/settings/sim_data/sim_data_screen.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+
+import 'shared_sim_component.dart';
+import '../../../product/services/language_services.dart';
+import '../../../product/shared/shared_loading_animation.dart';
+import '../../../bloc/sim_data_bloc.dart';
+import '../../../product/base/bloc/base_bloc.dart';
+
+class SimDataScreen extends StatefulWidget {
+  const SimDataScreen({super.key});
+  @override
+  State<SimDataScreen> createState() => _SimDataScreenState();
+}
+
+class _SimDataScreenState extends State<SimDataScreen> {
+  late SimDataBloc simDataBloc;
+  @override
+  void initState() {
+    super.initState();
+    simDataBloc = BlocProvider.of(context);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(appLocalization(context).profile_sim_data),
+        centerTitle: true,
+      ),
+      body: StreamBuilder(
+        stream: simDataBloc.streamDevices,
+        builder: (context, devicesSnapshot) {
+          if (devicesSnapshot.data == null) {
+            simDataBloc.getOwnerDevices(context);
+            return const SharedLoadingAnimation();
+          } else if (devicesSnapshot.data!.isEmpty) {
+            return Center(
+              child: Text(appLocalization(context).main_no_data),
+            );
+          } else {
+            return SafeArea(
+              child: Column(
+                children: devicesSnapshot.data!.map(
+                  (device) {
+                    return SharedSimComponent(device: device,);
+                  },
+                ).toList(),
+              ),
+            );
+          }
+        },
+      ),
+    );
+  }
+}

lib/main.dart

@@ -1,12 +1,12 @@
-import 'dart:developer';
+import 'package:alarm/alarm.dart';
-
 import 'package:firebase_core/firebase_core.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart'
-import 'package:flutter_local_notifications/flutter_local_notifications.dart';
+    show PersistentTabController;
-import 'package:sfm_app/firebase_options.dart';
+
+import 'firebase_options.dart';
+import 'product/lang/l10n/app_localizations.dart';
 import 'product/services/api_services.dart';
 import 'product/services/notification_services.dart';
 import 'product/services/theme_services.dart';
@@ -15,90 +15,17 @@ import 'bloc/main_bloc.dart';
 import 'product/base/bloc/base_bloc.dart';
 import 'product/constant/navigation/navigation_router.dart';
 
-@pragma('vm:entry-point')
+PersistentTabController controller = PersistentTabController(initialIndex: 0);
-Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
-  await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);
-  await setupFlutterNotifications();
-  showFlutterNotification(message);
-  // If you're going to use other Firebase services in the background, such as Firestore,
-  // make sure you call `initializeApp` before using other Firebase services.
-  print('Handling a background message ${message.messageId}');
-}
-
-
-/// Create a [AndroidNotificationChannel] for heads up notifications
-late AndroidNotificationChannel channel;
-
-bool isFlutterLocalNotificationsInitialized = false;
-
-Future<void> setupFlutterNotifications() async {
-  if (isFlutterLocalNotificationsInitialized) {
-    return;
-  }
-  channel = const AndroidNotificationChannel(
-    'high_importance_channel', // id
-    'High Importance Notifications', // title
-    description:
-        'This channel is used for important notifications.', // description
-    importance: Importance.high,
-  );
-
-  flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();
-
-  /// Create an Android Notification Channel.
-  ///
-  /// We use this channel in the `AndroidManifest.xml` file to override the
-  /// default FCM channel to enable heads up notifications.
-  await flutterLocalNotificationsPlugin
-      .resolvePlatformSpecificImplementation<
-          AndroidFlutterLocalNotificationsPlugin>()
-      ?.createNotificationChannel(channel);
-
-  /// Update the iOS foreground notification presentation options to allow
-  /// heads up notifications.
-  await FirebaseMessaging.instance.setForegroundNotificationPresentationOptions(
-    alert: true,
-    badge: true,
-    sound: true,
-  );
-  isFlutterLocalNotificationsInitialized = true;
-}
-
-void showFlutterNotification(RemoteMessage message) {
-  RemoteNotification? notification = message.notification;
-  AndroidNotification? android = message.notification?.android;
-  if (notification != null && android != null && !kIsWeb) {
-    flutterLocalNotificationsPlugin.show(
-      notification.hashCode,
-      notification.title,
-      notification.body,
-      NotificationDetails(
-        android: AndroidNotificationDetails(
-          channel.id,
-          channel.name,
-          channelDescription: channel.description,
-          // TODO add a proper drawable resource to android, for now using
-          //      one that already exists in example app.
-          icon: 'launch_background',
-        ),
-      ),
-    );
-  }
-}
-
-/// Initialize the [FlutterLocalNotificationsPlugin] package.
-late FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin;
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  await Firebase.initializeApp();
+  await Firebase.initializeApp(
-  // Set the background messaging handler early on, as a named top-level function
+      options: DefaultFirebaseOptions.currentPlatform,
-  FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
+      name: "sfm-notification");
-
+  FirebaseMessaging.onBackgroundMessage(
-  if (!kIsWeb) {
+      NotificationServices.firebaseMessagingBackgroundHandler);
-    await setupFlutterNotifications();
+  await Alarm.init();
-  }
+  await Alarm.stopAll();
-
   runApp(
     BlocProvider(
       child: const MyApp(),
@@ -107,7 +34,6 @@ void main() async {
   );
 }
 
-
 class MyApp extends StatefulWidget {
   const MyApp({super.key});
 
@@ -130,7 +56,7 @@ class _MyAppState extends State<MyApp> {
   late MainBloc mainBloc;
   LanguageServices languageServices = LanguageServices();
   ThemeServices themeServices = ThemeServices();
-  // final NotificationServices notificationServices = NotificationServices();
+  final NotificationServices notificationServices = NotificationServices();
   APIServices apiServices = APIServices();
   setLocale(Locale locale) {
     _locale = locale;
@@ -141,25 +67,16 @@ class _MyAppState extends State<MyApp> {
     _themeData = theme;
     mainBloc.sinkTheme.add(_themeData);
   }
-  
+
   @override
   void initState() {
     super.initState();
     mainBloc = BlocProvider.of(context);
-    // // notificationServices.initLocalNotifications();
+    notificationServices.initialize();
-    // // notificationServices.firebaseInit(context);
+    notificationServices.firebaseInit(context);
-    // // notificationServices.setupInteractMessage();
+    notificationServices.setupInteractMessage(controller);
-    // notificationServices.getDeviceToken().then((token){
-    //   print("Firebase Token: $token");
-    //   sendNotificationToken(token);
-    // });
   }
 
-  // void sendNotificationToken (String token) async {
-  //   int statusCode = await apiServices.sendNotificationToken(token);
-  //   log("Notification Send StatusCode : $statusCode");
-  // }
-
   @override
   void didChangeDependencies() {
     languageServices.getLocale().then((locale) => {setLocale(locale)});
@@ -175,19 +92,18 @@ class _MyAppState extends State<MyApp> {
       initialData: _locale,
       builder: (context, languageSnapshot) {
         return StreamBuilder<ThemeData?>(
-          stream: mainBloc.streamTheme,
+            stream: mainBloc.streamTheme,
-          initialData: _themeData,
+            initialData: _themeData,
-          builder: (context, themeSnapshot) {
+            builder: (context, themeSnapshot) {
-            return MaterialApp.router(
+              return MaterialApp.router(
-              theme: themeSnapshot.data,
+                theme: themeSnapshot.data,
-              routerConfig: router,
+                routerConfig: router,
-              debugShowCheckedModeBanner: false,
+                debugShowCheckedModeBanner: false,
-              localizationsDelegates: AppLocalizations.localizationsDelegates,
+                localizationsDelegates: AppLocalizations.localizationsDelegates,
-              supportedLocales: AppLocalizations.supportedLocales,
+                supportedLocales: AppLocalizations.supportedLocales,
-              locale: languageSnapshot.data,
+                locale: languageSnapshot.data,
-            );
+              );
-          }
+            });
-        );
       },
     );
   }

lib/product/base/widget/dialog/request_permission_dialog.dart

@@ -30,8 +30,7 @@ class RequestPermissionDialog {
                 child: Text(
                   "Alow app to use $content permission",
                   textAlign: TextAlign.center,
-                  style: const TextStyle(
+                  style: context.responsiveBodyLargeWithBold,
-                      fontWeight: FontWeight.bold, fontSize: 18),
                 ),
               ),
               Divider(height: dialogContext.lowValue),

lib/product/constant/app/app_constants.dart

@@ -1,4 +1,4 @@
-// ignore_for_file: constant_identifier_names
+// ignore_for_file: constant_identifier_names, non_constant_identifier_names
 
 class ApplicationConstants {
   static const APP_NAME = "Smatec SFM";
@@ -21,8 +21,10 @@ class ApplicationConstants {
   static const DEVICE_LOGS_PATH = "/device-logs";
   static const GROUP_PATH = "/groups";
   static const DEVICE_NOTIFICATIONS_SETTINGS = "/device-notifications-settings";
+  static const SIM_DATA_SETTINGS = "/sim-data-settings";
   static const OWNER_GROUP = "owner";
   static const PARTICIPANT_GROUP = "participant";
   static const NO_DATA = "no_data";
   static const LOADING = "loading";
+  static int CALL_API_TIMEOUT = 30;
 }

lib/product/constant/enums/app_route_enums.dart

@@ -13,4 +13,5 @@ enum AppRoutes {
   HISTORY,
   GROUPS,
   GROUP_DETAIL,
+  SIM_DATA_SETTING,
 }

lib/product/constant/navigation/navigation_router.dart

@@ -1,4 +1,7 @@
 import 'package:go_router/go_router.dart';
+
+import '../../../bloc/sim_data_bloc.dart';
+import '../../../feature/settings/sim_data/sim_data_screen.dart';
 import '../../../bloc/device_detail_bloc.dart';
 import '../../../feature/devices/device_detail/device_detail_screen.dart';
 import '../../../bloc/device_notification_settings_bloc.dart';
@@ -151,6 +154,16 @@ GoRouter goRouter() {
             ),
             transitionsBuilder: transitionsRightToLeft),
       ),
+      GoRoute(
+        path: ApplicationConstants.SIM_DATA_SETTINGS,
+        name: AppRoutes.SIM_DATA_SETTING.name,
+        pageBuilder: (context, state) => CustomTransitionPage(
+            child: BlocProvider(
+              child: const SimDataScreen(),
+              blocBuilder: () => SimDataBloc(),
+            ),
+            transitionsBuilder: transitionsRightToLeft),
+      ),
     ],
   );
 }

lib/product/extension/context_extension.dart

@@ -1,7 +1,8 @@
 import 'dart:math';
-
 import 'package:flutter/material.dart';
 
+import '../utils/app_logger_utils.dart';
+import '../utils/responsive_text_utils.dart';
 import '../theme/app_theme_light.dart';
 
 // MEDIA
@@ -9,55 +10,105 @@ extension ContextExtension on BuildContext {
   MediaQueryData get mediaQuery => MediaQuery.of(this);
 }
 
+extension ResponsiveTextStyle on BuildContext {
+  TextStyle get h1 => TextStyle(
+      fontSize: ResponsiveText.getSize(this, 32), fontWeight: FontWeight.bold);
+
+  TextStyle get h2 => TextStyle(
+      fontSize: ResponsiveText.getSize(this, 24), fontWeight: FontWeight.bold);
+
+  TextStyle get h3 => TextStyle(
+      fontSize: ResponsiveText.getSize(this, 20), fontWeight: FontWeight.bold);
+
+  TextStyle get responsiveBodyLarge =>
+      TextStyle(fontSize: ResponsiveText.getSize(this, 18));
+
+  TextStyle get responsiveBodyLargeWithBold => TextStyle(
+      fontSize: ResponsiveText.getSize(this, 18), fontWeight: FontWeight.bold);
+
+  TextStyle get responsiveBodyMedium =>
+      TextStyle(fontSize: ResponsiveText.getSize(this, 16));
+
+  TextStyle get responsiveBodyMediumWithBold => TextStyle(
+      fontSize: ResponsiveText.getSize(this, 16), fontWeight: FontWeight.bold);
+
+  TextStyle get responsiveBodySmall =>
+      TextStyle(fontSize: ResponsiveText.getSize(this, 14));
+
+  TextStyle get responsiveBodySmallWithBold => TextStyle(
+      fontSize: ResponsiveText.getSize(this, 14), fontWeight: FontWeight.bold);
+  TextStyle dynamicResponsiveSize(double val) =>
+      TextStyle(fontSize: ResponsiveText.getSize(this, val));
+  TextStyle dynamicResponsiveSizeWithBold(double val) => TextStyle(
+      fontSize: ResponsiveText.getSize(this, val), fontWeight: FontWeight.bold);
+}
+
 // VALUES
 extension MediaQueryExtension on BuildContext {
   double get height => mediaQuery.size.height;
+
   double get width => mediaQuery.size.width;
 
   double get lowValue => height * 0.01;
+
   double get normalValue => height * 0.02;
+
   double get mediumValue => height * 0.04;
+
   double get highValue => height * 0.1;
 
   double dynamicWidth(double val) => width * val;
+
   double dynamicHeight(double val) => height * val;
 }
 
 // THEME
 extension ThemeExtension on BuildContext {
   ThemeData get theme => Theme.of(this);
+
   TextTheme get textTheme => theme.textTheme;
+
   ColorScheme get colors => AppThemeLight.instance.theme.colorScheme;
 }
 
 // PADDING ALLL
 extension PaddingExtensionAll on BuildContext {
   EdgeInsets get paddingLow => EdgeInsets.all(lowValue);
+
   EdgeInsets get paddingNormal => EdgeInsets.all(normalValue);
+
   EdgeInsets get paddingMedium => EdgeInsets.all(mediumValue);
+
   EdgeInsets get paddingHigh => EdgeInsets.all(highValue);
+
   EdgeInsets dynamicPadding(double val) => EdgeInsets.all(val);
-  // double dynamicPadding(double val) => height * val;
+// double dynamicPadding(double val) => height * val;
 }
 
 // PADDING SYMETRIC
 extension PaddingExtensionSymetric on BuildContext {
   // VERTICAL PADDİNG
   EdgeInsets get paddingLowVertical => EdgeInsets.symmetric(vertical: lowValue);
+
   EdgeInsets get paddingNormalVertical =>
       EdgeInsets.symmetric(vertical: normalValue);
+
   EdgeInsets get paddingMediumVertical =>
       EdgeInsets.symmetric(vertical: mediumValue);
+
   EdgeInsets get paddingHighVertical =>
       EdgeInsets.symmetric(vertical: highValue);
 
   // HORIZONTAL PADDİNG
   EdgeInsets get paddingLowHorizontal =>
       EdgeInsets.symmetric(horizontal: lowValue);
+
   EdgeInsets get paddingNormalHorizontal =>
       EdgeInsets.symmetric(horizontal: normalValue);
+
   EdgeInsets get paddingMediumHorizontal =>
       EdgeInsets.symmetric(horizontal: mediumValue);
+
   EdgeInsets get paddingHighHorizontal =>
       EdgeInsets.symmetric(horizontal: highValue);
 }
@@ -70,34 +121,63 @@ extension PageExtension on BuildContext {
 // DURATION
 extension DurationExtension on BuildContext {
   Duration get lowDuration => const Duration(milliseconds: 150);
+
   Duration get normalDuration => const Duration(milliseconds: 500);
+
   Duration dynamicMilliSecondDuration(int milliseconds) =>
       Duration(milliseconds: milliseconds);
+
   Duration dynamicMinutesDuration(int minutes) => Duration(minutes: minutes);
 }
 
 // RADIUS
 extension RadiusExtension on BuildContext {
   Radius get lowRadius => Radius.circular(width * 0.02);
+
   Radius get normalRadius => Radius.circular(width * 0.05);
+
   Radius get highRadius => Radius.circular(width * 0.1);
+
   Radius dynamicRadius(double radius) => Radius.circular(radius);
 }
 
 extension TextStyleExtention on BuildContext {
   TextStyle get labelSmallTextStyle => Theme.of(this).textTheme.labelSmall!;
+
   TextStyle get labelMediumTextStyle => Theme.of(this).textTheme.labelMedium!;
+
   TextStyle get labelLargeTextStyle => Theme.of(this).textTheme.labelLarge!;
+
   TextStyle get bodySmallTextStyle => Theme.of(this).textTheme.bodySmall!;
+
   TextStyle get bodyMediumTextStyle => Theme.of(this).textTheme.bodyMedium!;
+
   TextStyle get bodyLargeTextStyle => Theme.of(this).textTheme.bodyLarge!;
+
   TextStyle get titleSmallTextStyle => Theme.of(this).textTheme.titleSmall!;
+
   TextStyle get titleMediumTextStyle => Theme.of(this).textTheme.titleMedium!;
+
   TextStyle get titleLargeTextStyle => Theme.of(this).textTheme.titleLarge!;
+
   TextStyle get headlineSmallTextStyle =>
       Theme.of(this).textTheme.headlineSmall!;
+
   TextStyle get headlineMediumTextStyle =>
       Theme.of(this).textTheme.headlineMedium!;
+
   TextStyle get headlineLargeTextStyle =>
       Theme.of(this).textTheme.headlineLarge!;
 }
+
+
+extension FutureExtension<T> on Future<T> {
+  Future<T> handleApiError() async {
+    try {
+      return await this;
+    } catch (e) {
+      AppLoggerUtils.error(e.toString());
+      return Future.error(e);
+    }
+  }
+}

lib/product/lang/l10n/app_en.arb

@@ -22,6 +22,8 @@
   "let_PCCC_handle_message": "Let the Fire Prevention and Fighting Team handle it!",
   "overview_message": "Overview",
   "total_nof_devices_message": "Total number of devices",
+   "over_view_owner_devices":"Owner Devices",
+   "over_view_joined_devices":"Joined Devices",
   "active_devices_message": "Active",
   "inactive_devices_message": "Inactive",
   "warning_devices_message": "Warning",
@@ -109,7 +111,10 @@
   "profile_page_title": "Settings Page",
   "profile_change_info": "Change information",
   "profile_change_pass": "Change password",
+  "profile_sim_data": "Device SIM information",
   "profile_setting": "Notification Setting",
+  "sim_data_month_left_message": "months left",
+  "time_title": "Time",
   "change_profile_title": "Personal information",
   "change_profile_username": "Username: ",
   "change_profile_username_hint": "Enter username ",

lib/product/lang/l10n/app_localizations_en.dart

@@ -0,0 +1,792 @@
+// ignore: unused_import
+import 'package:intl/intl.dart' as intl;
+import 'app_localizations.dart';
+
+// ignore_for_file: type=lint
+
+/// The translations for English (`en`).
+class AppLocalizationsEn extends AppLocalizations {
+  AppLocalizationsEn([String locale = 'en']) : super(locale);
+
+  @override
+  String get description_NOTUSE => 'This is english language in HomePage';
+
+  @override
+  String get home_page_name => 'Home Page';
+
+  @override
+  String get vietnam_language => 'Vietnamese';
+
+  @override
+  String get english_language => 'English';
+
+  @override
+  String get notification => 'Notifications:';
+
+  @override
+  String get profile_icon_title => 'Settings';
+
+  @override
+  String get log_out => 'Log out';
+
+  @override
+  String get log_out_content => 'Are you sure you want to log out?';
+
+  @override
+  String get notification_description => 'All devices are operating normally';
+
+  @override
+  String get button_fake_fire_message => 'False fire alarm';
+
+  @override
+  String get in_progress_message => 'In progress';
+
+  @override
+  String get smoke_detecting_message => 'Smoke detecting!';
+
+  @override
+  String get low_battery_message => 'Low Battery!';
+
+  @override
+  String get smoke_detecting_message_lowercase => 'smoke detecting!';
+
+  @override
+  String get disconnect_message_uppercase => 'Disconnected';
+
+  @override
+  String get disconnect_message_lowercase => 'disconnected';
+
+  @override
+  String get location_message => 'Address: ';
+
+  @override
+  String get confirm_fake_fire_message =>
+      'Are you sure the fire is a false alarm?';
+
+  @override
+  String get confirm_fake_fire_body =>
+      'Please check carefully to ensure that this is just a normal incident. The fire department will confirm that this is a false alarm!';
+
+  @override
+  String get confirm_fake_fire_sure_message => 'I\'\'m sure';
+
+  @override
+  String get let_PCCC_handle_message =>
+      'Let the Fire Prevention and Fighting Team handle it!';
+
+  @override
+  String get overview_message => 'Overview';
+
+  @override
+  String get total_nof_devices_message => 'Total number of devices';
+
+  @override
+  String get over_view_owner_devices => 'Owner Devices';
+
+  @override
+  String get over_view_joined_devices => 'Joined Devices';
+
+  @override
+  String get active_devices_message => 'Active';
+
+  @override
+  String get inactive_devices_message => 'Inactive';
+
+  @override
+  String get warning_devices_message => 'Warning';
+
+  @override
+  String get unused_devices_message => 'Unused';
+
+  @override
+  String get description_NOTUSE1 =>
+      'This is english language in DeviceManagerPage';
+
+  @override
+  String get device_manager_page_name => 'Devices Manager';
+
+  @override
+  String get add_device_title => 'Add new device';
+
+  @override
+  String get input_extID_device_input => 'Devcice ID';
+
+  @override
+  String get input_extID_device_hintText => 'Enter the device ID';
+
+  @override
+  String get input_name_device_device => 'Device Name';
+
+  @override
+  String get input_name_device_hintText => 'Enter the device Name';
+
+  @override
+  String get paginated_data_table_title => 'List of devices';
+
+  @override
+  String get paginated_data_table_column_action => 'Action';
+
+  @override
+  String get paginated_data_table_column_deviceName => 'Device name';
+
+  @override
+  String get paginated_data_table_column_deviceStatus => 'Status';
+
+  @override
+  String get paginated_data_table_column_deviceBaterry => 'Battery';
+
+  @override
+  String get paginated_data_table_column_deviceSignal => 'Signal';
+
+  @override
+  String get paginated_data_table_column_deviceTemperature => 'Temperature';
+
+  @override
+  String get paginated_data_table_column_deviceHump => 'Humidity';
+
+  @override
+  String get paginated_data_table_column_devicePower => 'Power';
+
+  @override
+  String get delete_device_dialog_title => 'Remove device';
+
+  @override
+  String get delete_device_dialog_content =>
+      'Are you sure you want to delete this device?';
+
+  @override
+  String get update_device_dialog_title => 'Update device';
+
+  @override
+  String get update_device_dialog_location_title => 'Device location';
+
+  @override
+  String get update_device_dialog_location_longitude => 'Longitude';
+
+  @override
+  String get update_device_dialog_location_latitude => 'Latitude';
+
+  @override
+  String get update_device_dialog_location_longitude_hintText =>
+      'Enter longitude';
+
+  @override
+  String get update_device_dialog_location_latitude_hintText =>
+      'Enter latitude';
+
+  @override
+  String get update_device_dialog_location_province_hintText =>
+      'Select Province/City';
+
+  @override
+  String get update_device_dialog_location_province_searchHint =>
+      'Find Province/City';
+
+  @override
+  String get update_device_dialog_location_district_hintText =>
+      'Select District';
+
+  @override
+  String get update_device_dialog_location_district_searchHint =>
+      'Find district';
+
+  @override
+  String get update_device_dialog_location_ward_hintText =>
+      'Select Ward/Commune';
+
+  @override
+  String get update_device_dialog_location_ward_searchHint =>
+      'Find Ward/Commune';
+
+  @override
+  String get update_device_dialog_maps_dialog_title => 'Update location';
+
+  @override
+  String get update_device_dialog_search_location_hint => 'Search Location';
+
+  @override
+  String get description_NOTUSE8 =>
+      'This is english language in MapPositionPage';
+
+  @override
+  String get map_your_location => 'Your Location';
+
+  @override
+  String get map_show_direction => 'Give directions';
+
+  @override
+  String get map_nearby_hospital => 'Nearby hospital';
+
+  @override
+  String get map_nearest_hospital => 'Nearest hospital';
+
+  @override
+  String get map_nearby_firestation => 'Nearby fire station';
+
+  @override
+  String get map_nearest_firestation => 'Nearest fire station';
+
+  @override
+  String get map_result => 'Result';
+
+  @override
+  String get map_always_opened => 'Always open';
+
+  @override
+  String get map_openning => 'Openning';
+
+  @override
+  String get map_closed => 'Closed';
+
+  @override
+  String get map_no_results => 'No results found';
+
+  @override
+  String get map_start => 'Start';
+
+  @override
+  String get map_destination => 'Destination';
+
+  @override
+  String get map_stream => 'Stream';
+
+  @override
+  String get description_NOTUSE2 => 'This is english language in DeviceLogPage';
+
+  @override
+  String get device_log_page_name => 'Devices Log';
+
+  @override
+  String get choose_device_dropdownButton => 'Select device';
+
+  @override
+  String get choose_date_start_datePicker => 'Start from';
+
+  @override
+  String get choose_date_end_datePicker => 'End';
+
+  @override
+  String get main_no_data => 'No data yet.';
+
+  @override
+  String get event_tag_title => 'Event';
+
+  @override
+  String get description_NOTUSE3 => 'This is english language in InterFamily';
+
+  @override
+  String get interfamily_page_name => 'InterFamily';
+
+  @override
+  String get my_group_title => 'My group';
+
+  @override
+  String get invite_group => 'Joined group';
+
+  @override
+  String get add_new_group => 'Add new group';
+
+  @override
+  String get join_group => 'Join group';
+
+  @override
+  String get group_name_title => 'Group Name';
+
+  @override
+  String get group_id_title => 'Group ID';
+
+  @override
+  String get add_new_user_title => 'Add user';
+
+  @override
+  String get share_group_title => 'Share group';
+
+  @override
+  String get change_group_infomation_title => 'Change Infomation';
+
+  @override
+  String get change_group_infomation_content => 'Change group infomation';
+
+  @override
+  String get delete_group_title => 'Delete group';
+
+  @override
+  String get delete_group_content =>
+      'Are you sure you want to delete this group?';
+
+  @override
+  String get leave_group_content =>
+      'Are you sure you want to leave this group?';
+
+  @override
+  String get dont_have_group => 'No group yet';
+
+  @override
+  String get dont_join_group => 'You haven\'\'t joined any groups yet.';
+
+  @override
+  String get description_group => 'Description';
+
+  @override
+  String get add_new_device_title => 'Add new device';
+
+  @override
+  String get approve_user => 'Approve members';
+
+  @override
+  String get devices_title => 'Devices';
+
+  @override
+  String get device_title => 'Device';
+
+  @override
+  String get member_title => 'Members';
+
+  @override
+  String get leave_group_title => 'Leave group';
+
+  @override
+  String get dont_have_device => 'No device yet';
+
+  @override
+  String get description_NOTUSE4 => 'This is english language in ProfilePage';
+
+  @override
+  String get profile_page_title => 'Settings Page';
+
+  @override
+  String get profile_change_info => 'Change information';
+
+  @override
+  String get profile_change_pass => 'Change password';
+
+  @override
+  String get profile_sim_data => 'Device SIM information';
+
+  @override
+  String get profile_setting => 'Notification Setting';
+
+  @override
+  String get sim_data_month_left_message => 'months left';
+
+  @override
+  String get time_title => 'Time';
+
+  @override
+  String get change_profile_title => 'Personal information';
+
+  @override
+  String get change_profile_username => 'Username: ';
+
+  @override
+  String get change_profile_username_hint => 'Enter username ';
+
+  @override
+  String get change_profile_email => 'Email: ';
+
+  @override
+  String get change_profile_email_hint => 'Enter email ';
+
+  @override
+  String get change_profile_email_not_empty => 'Email cannot be empty';
+
+  @override
+  String get change_profile_tel => 'Phone number: ';
+
+  @override
+  String get change_profile_tel_hint => 'Enter phone number';
+
+  @override
+  String get change_profile_tel_not_empty => 'Phone number cannot be empty';
+
+  @override
+  String get change_profile_address => 'Address: ';
+
+  @override
+  String get change_profile_address_hint => 'Enter address';
+
+  @override
+  String get change_profile_old_pass => 'Password: ';
+
+  @override
+  String get change_profile_old_pass_hint => 'Enter password';
+
+  @override
+  String get change_profile_old_pass_not_empty =>
+      'Old password cannot be empty';
+
+  @override
+  String get change_profile_new_pass => 'New password: ';
+
+  @override
+  String get change_profile_new_pass_hint => 'Enter new password';
+
+  @override
+  String get change_profile_new_pass_not_empty =>
+      'New password cannot be empty';
+
+  @override
+  String get change_profile_device_notification_select_all => 'Select all';
+
+  @override
+  String get change_profile_device_notification_deselect_all => 'Deselect all';
+
+  @override
+  String get description_NOTUSE5 => 'This is english language in BellPage';
+
+  @override
+  String get bell_page_title => 'Notifications';
+
+  @override
+  String get bell_page_no_items_body => 'No notifications yet';
+
+  @override
+  String get bell_user_uppercase => 'User';
+
+  @override
+  String get bell_battery_device => 'Device Battery';
+
+  @override
+  String get bell_user_joined_group => 'joined group';
+
+  @override
+  String get bell_leave_group => 'left group';
+
+  @override
+  String get bell_user_added_group => 'added to the group';
+
+  @override
+  String get bell_user_kick_group => 'removed from the group';
+
+  @override
+  String get bell_operate_normal => 'operating normally';
+
+  @override
+  String get bell_invalid_code => 'Invalid event code';
+
+  @override
+  String get bell_days_ago => 'days ago';
+
+  @override
+  String get bell_hours_ago => 'hours ago';
+
+  @override
+  String get bell_minutes_ago => 'minutes ago';
+
+  @override
+  String get bell_just_now => 'just now';
+
+  @override
+  String get bell_read_all => 'You have read all the notifications';
+
+  @override
+  String get description_NOTUSE6 =>
+      'This is english language in GlobalFunction';
+
+  @override
+  String get gf_newly_create_message => 'Newly created';
+
+  @override
+  String get gf_disconnect_message => 'Disconnected';
+
+  @override
+  String get gf_smoke_detected_message => 'Smoke detected';
+
+  @override
+  String get gf_no_signal_message => 'No Signal';
+
+  @override
+  String get gf_weak_signal_message => 'Weak Signal';
+
+  @override
+  String get gf_moderate_signal_message => 'Moderate signal';
+
+  @override
+  String get gf_good_signal_message => 'Good signal';
+
+  @override
+  String get gf_volt_detect_message => 'Voltage detected';
+
+  @override
+  String get gf_temp_detect_message => 'Temperature detected';
+
+  @override
+  String get gf_hum_detect_message => 'Humidity detected';
+
+  @override
+  String get gf_battery_detect_message => 'Battery detected';
+
+  @override
+  String get gf_offline_message => 'Offline';
+
+  @override
+  String get gf_in_firefighting_message => 'In firefighting';
+
+  @override
+  String get gf_device_error_message => 'Device error';
+
+  @override
+  String get gf_not_move_message => 'Not moved';
+
+  @override
+  String get gf_moving_message => 'Moved';
+
+  @override
+  String get gf_remove_from_base_message => 'Removed from the base';
+
+  @override
+  String get gf_connected_lowercase => 'connected';
+
+  @override
+  String get description_NOTUSE7 => 'This is english language in LoginPage';
+
+  @override
+  String get login_account_not_empty => 'Account cannot be empty';
+
+  @override
+  String get login_account_hint => 'Account';
+
+  @override
+  String get login_password_not_empty => 'Password cannot be empty';
+
+  @override
+  String get login_password_hint => 'Password';
+
+  @override
+  String get login_success_message => 'Login successful';
+
+  @override
+  String get login_incorrect_usernameOrPass => 'Incorrect account or password';
+
+  @override
+  String get login_button_content => 'Login';
+
+  @override
+  String get description_NOTUSE9 =>
+      'This is english language in DeviceUpdatePage';
+
+  @override
+  String get device_update_title => 'Update Device';
+
+  @override
+  String get device_update_location => 'Device Location';
+
+  @override
+  String get device_update_province => 'Province/City';
+
+  @override
+  String get device_update_district => 'District';
+
+  @override
+  String get device_update_ward => 'Ward/Commune';
+
+  @override
+  String get description_NOTUSE10 =>
+      'This is english language in DetailDevicePage';
+
+  @override
+  String get detail_device_dont_has_location_message =>
+      'No location information available yet';
+
+  @override
+  String get detail_device_volt_message => 'Measured voltage (V)';
+
+  @override
+  String get no_data_message => 'No data yet';
+
+  @override
+  String get normal_message => 'Normal';
+
+  @override
+  String get warning_status_message => 'Warning';
+
+  @override
+  String get undefine_message => 'Undefined';
+
+  @override
+  String get low_message_uppercase => 'Low';
+
+  @override
+  String get moderate_message_uppercase => 'Moderate';
+
+  @override
+  String get good_message_uppercase => 'Good';
+
+  @override
+  String get low_message_lowercase => 'low';
+
+  @override
+  String get moderate_message_lowercase => 'moderate';
+
+  @override
+  String get good_message_lowercase => 'good';
+
+  @override
+  String get error_message_uppercase => 'Error';
+
+  @override
+  String get error_message_lowercase => 'error';
+
+  @override
+  String get warning_message => 'Warning: ';
+
+  @override
+  String get loading_message => 'Loading...';
+
+  @override
+  String get detail_message => 'Detail';
+
+  @override
+  String get permission_deny_message => 'Permission Denied';
+
+  @override
+  String get decline_message => 'Decline';
+
+  @override
+  String get allow_message => 'Allow';
+
+  @override
+  String get add_button_content => 'Add';
+
+  @override
+  String get update_button_content => 'Update';
+
+  @override
+  String get change_button_content => 'Change';
+
+  @override
+  String get confirm_button_content => 'Confirm';
+
+  @override
+  String get delete_button_content => 'Delete';
+
+  @override
+  String get cancel_button_content => 'Cancel';
+
+  @override
+  String get find_button_content => 'Find';
+
+  @override
+  String get home_page_destination => 'Home';
+
+  @override
+  String get manager_page_destination => 'Manager';
+
+  @override
+  String get map_page_destination => 'Map';
+
+  @override
+  String get history_page_destination => 'History';
+
+  @override
+  String get history_page_destination_tooltip => 'Device history';
+
+  @override
+  String get group_page_destination => 'Group';
+
+  @override
+  String get group_page_destination_tooltip => 'Exchange device notifications';
+
+  @override
+  String get notification_enter_all_inf =>
+      'Please enter all the required information';
+
+  @override
+  String get notification_update_device_success => 'Device update successfully';
+
+  @override
+  String get notification_update_device_failed => 'Device update failed';
+
+  @override
+  String get notification_update_device_error => 'Device update Error';
+
+  @override
+  String get notification_cannot_find_address_from_location =>
+      'Can\'\'t find the location';
+
+  @override
+  String get notification_add_device_success => 'Device added successfully';
+
+  @override
+  String get notification_add_device_failed => 'Failed to add device';
+
+  @override
+  String get notification_create_device_success =>
+      'Device created successfully';
+
+  @override
+  String get notification_create_device_failed => 'Failed to create device';
+
+  @override
+  String get notification_delete_device_success =>
+      'Device deleted successfully';
+
+  @override
+  String get notification_delete_device_failed => 'Failed to delete device';
+
+  @override
+  String get notification_device_not_exist => 'The device does not exist';
+
+  @override
+  String get notification_add_group_success => 'Group created successfully';
+
+  @override
+  String get notification_add_group_failed => 'Failed to create group';
+
+  @override
+  String get notification_update_group_success => 'Group updated successfully';
+
+  @override
+  String get notification_update_group_failed => 'Failed to updated group';
+
+  @override
+  String get notification_delete_group_success => 'Group deleted successfully';
+
+  @override
+  String get notification_delete_group_failed => 'Failed to delete group';
+
+  @override
+  String get notification_leave_group_success => 'Leave group successfully';
+
+  @override
+  String get notification_leave_group_failed => 'Failed to leave group';
+
+  @override
+  String get notification_join_request_group_success =>
+      'Group join request successful!';
+
+  @override
+  String get notification_join_request_group_failed =>
+      'Group join request failed!';
+
+  @override
+  String get notification_update_profile_success =>
+      'Update profile successfully';
+
+  @override
+  String get notification_update_profile_failed => 'Failed to update profile';
+
+  @override
+  String get notification_update_password_success =>
+      'Change password successfully';
+
+  @override
+  String get notification_update_password_failed =>
+      'The old password does not match';
+
+  @override
+  String get notification_update_device_settings_success =>
+      'Device notification updated successfully';
+
+  @override
+  String get notification_update_device_settings_failed =>
+      'Failed to update device notification';
+
+  @override
+  String get notification_confirm_fake_fire_success =>
+      'Information has been updated to the Fire Station';
+
+  @override
+  String get notification_confirm_fake_fire_failed =>
+      'Failed to update confirm fake fire';
+}

lib/product/lang/l10n/app_localizations_vi.dart

@@ -0,0 +1,786 @@
+// ignore: unused_import
+import 'package:intl/intl.dart' as intl;
+import 'app_localizations.dart';
+
+// ignore_for_file: type=lint
+
+/// The translations for Vietnamese (`vi`).
+class AppLocalizationsVi extends AppLocalizations {
+  AppLocalizationsVi([String locale = 'vi']) : super(locale);
+
+  @override
+  String get description_NOTUSE => 'This is VietNam language in HomePage';
+
+  @override
+  String get home_page_name => 'Trang chủ';
+
+  @override
+  String get vietnam_language => 'Tiếng Việt';
+
+  @override
+  String get english_language => 'Tiếng Anh';
+
+  @override
+  String get notification => 'Thông báo:';
+
+  @override
+  String get profile_icon_title => 'Cài đặt';
+
+  @override
+  String get log_out => 'Đăng xuất';
+
+  @override
+  String get log_out_content => 'Bạn chắc chắn muốn đăng xuất?';
+
+  @override
+  String get notification_description =>
+      'Tất cả thiết bị hoạt động bình thường';
+
+  @override
+  String get button_fake_fire_message => 'Cháy giả?';
+
+  @override
+  String get in_progress_message => 'Đang xử lý';
+
+  @override
+  String get smoke_detecting_message => 'Phát hiện khói!';
+
+  @override
+  String get low_battery_message => 'Cảnh báo pin yếu!';
+
+  @override
+  String get smoke_detecting_message_lowercase => 'Phát hiện khói!';
+
+  @override
+  String get disconnect_message_uppercase => 'Mất kết nối';
+
+  @override
+  String get disconnect_message_lowercase => 'mất kết nối';
+
+  @override
+  String get location_message => 'Địa chỉ: ';
+
+  @override
+  String get confirm_fake_fire_message => 'Bạn chắc chắn đám cháy là cháy giả?';
+
+  @override
+  String get confirm_fake_fire_body =>
+      'Bạn hãy kiểm tra thật kỹ để chắc chắn rằng đây chỉ là sự cố bình thường. Đội PCCC sẽ xác nhận đây là đám cháy giả!';
+
+  @override
+  String get confirm_fake_fire_sure_message => 'Tôi chắc chắn';
+
+  @override
+  String get let_PCCC_handle_message => 'Hãy để Đội PCCC xử lý!';
+
+  @override
+  String get overview_message => 'Tổng quan';
+
+  @override
+  String get total_nof_devices_message => 'Tổng số';
+
+  @override
+  String get over_view_owner_devices => 'Thiết bị sở hữu';
+
+  @override
+  String get over_view_joined_devices => 'Thiết bị tham gia';
+
+  @override
+  String get active_devices_message => 'Bình thường';
+
+  @override
+  String get inactive_devices_message => 'Đang tắt';
+
+  @override
+  String get warning_devices_message => 'Cảnh báo';
+
+  @override
+  String get unused_devices_message => 'Không sử dụng';
+
+  @override
+  String get description_NOTUSE1 =>
+      'This is vietnamese language in DeviceManagerPage';
+
+  @override
+  String get device_manager_page_name => 'Quản lý thiết bị';
+
+  @override
+  String get add_device_title => 'Thêm thiết bị';
+
+  @override
+  String get input_extID_device_input => 'Mã thiết bị';
+
+  @override
+  String get input_extID_device_hintText => 'Nhập mã thiết bị';
+
+  @override
+  String get input_name_device_device => 'Tên thiết bị';
+
+  @override
+  String get input_name_device_hintText => 'Nhập tên thiết bị';
+
+  @override
+  String get paginated_data_table_title => 'Danh sách thiết bị';
+
+  @override
+  String get paginated_data_table_column_action => 'Thao tác';
+
+  @override
+  String get paginated_data_table_column_deviceName => 'Tên thiết bị';
+
+  @override
+  String get paginated_data_table_column_deviceStatus => 'Tình trạng';
+
+  @override
+  String get paginated_data_table_column_deviceBaterry => 'Mức pin';
+
+  @override
+  String get paginated_data_table_column_deviceSignal => 'Mức sóng';
+
+  @override
+  String get paginated_data_table_column_deviceTemperature => 'Nhiệt độ';
+
+  @override
+  String get paginated_data_table_column_deviceHump => 'Độ ẩm';
+
+  @override
+  String get paginated_data_table_column_devicePower => 'Nguồn';
+
+  @override
+  String get delete_device_dialog_title => 'Xóa thiết bị';
+
+  @override
+  String get delete_device_dialog_content =>
+      'Bạn có chắc chắn muốn xóa thiết bị này?';
+
+  @override
+  String get update_device_dialog_title => 'Sửa thiết bị';
+
+  @override
+  String get update_device_dialog_location_title => 'Ví trí thiết bị';
+
+  @override
+  String get update_device_dialog_location_longitude => 'Kinh độ';
+
+  @override
+  String get update_device_dialog_location_latitude => 'Vĩ độ';
+
+  @override
+  String get update_device_dialog_location_longitude_hintText => 'Nhập kinh độ';
+
+  @override
+  String get update_device_dialog_location_latitude_hintText => 'Nhập vĩ độ';
+
+  @override
+  String get update_device_dialog_location_province_hintText =>
+      'Chọn Tỉnh/Thành phố';
+
+  @override
+  String get update_device_dialog_location_province_searchHint =>
+      'Tìm Tỉnh/Thành phố';
+
+  @override
+  String get update_device_dialog_location_district_hintText =>
+      'Chọn Quận/Huyện';
+
+  @override
+  String get update_device_dialog_location_district_searchHint =>
+      'Tìm Quận/Huyện';
+
+  @override
+  String get update_device_dialog_location_ward_hintText => 'Chọn Phường/Xã';
+
+  @override
+  String get update_device_dialog_location_ward_searchHint => 'Tìm Phường/Xã';
+
+  @override
+  String get update_device_dialog_maps_dialog_title => 'Cập nhật vị trí';
+
+  @override
+  String get update_device_dialog_search_location_hint => 'Tìm kiếm địa chỉ';
+
+  @override
+  String get description_NOTUSE8 =>
+      'This is vietnamese language in MapPositionPage';
+
+  @override
+  String get map_your_location => 'Vị trí của bạn';
+
+  @override
+  String get map_show_direction => 'Chỉ đường';
+
+  @override
+  String get map_nearby_hospital => 'Bệnh viện gần đó';
+
+  @override
+  String get map_nearest_hospital => 'Bệnh viện gần nhất';
+
+  @override
+  String get map_nearby_firestation => 'Trạm cứu hỏa gần đó';
+
+  @override
+  String get map_nearest_firestation => 'Trạm cứu hỏa gần nhất';
+
+  @override
+  String get map_result => 'Kết quả';
+
+  @override
+  String get map_always_opened => 'Luôn mở cửa';
+
+  @override
+  String get map_openning => 'Đang mở cửa';
+
+  @override
+  String get map_closed => 'Đóng cửa';
+
+  @override
+  String get map_no_results => 'Không tìm thấy kết quả';
+
+  @override
+  String get map_start => 'Xuất phát';
+
+  @override
+  String get map_destination => 'Đích đến';
+
+  @override
+  String get map_stream => 'Trực tiếp';
+
+  @override
+  String get description_NOTUSE2 =>
+      'This is vietnamese language in DeviceLogPage';
+
+  @override
+  String get device_log_page_name => 'Lịch sử thiết bị';
+
+  @override
+  String get choose_device_dropdownButton => 'Chọn thiết bị';
+
+  @override
+  String get choose_date_start_datePicker => 'Bắt đầu từ';
+
+  @override
+  String get choose_date_end_datePicker => 'Kết thúc';
+
+  @override
+  String get main_no_data => 'Chưa có dữ liệu.';
+
+  @override
+  String get event_tag_title => 'Sự kiện';
+
+  @override
+  String get description_NOTUSE3 =>
+      'This is vietnamese language in InterFamily';
+
+  @override
+  String get interfamily_page_name => 'Liên gia';
+
+  @override
+  String get my_group_title => 'Nhóm của tôi';
+
+  @override
+  String get invite_group => 'Nhóm tham gia';
+
+  @override
+  String get add_new_group => 'Thêm nhóm mới';
+
+  @override
+  String get join_group => 'Tham gia nhóm';
+
+  @override
+  String get group_name_title => 'Tên nhóm';
+
+  @override
+  String get group_id_title => 'Mã nhóm';
+
+  @override
+  String get add_new_user_title => 'Thêm người dùng';
+
+  @override
+  String get share_group_title => 'Chia sẻ nhóm';
+
+  @override
+  String get change_group_infomation_title => 'Đổi thông tin';
+
+  @override
+  String get change_group_infomation_content => 'Chỉnh sửa thông tin nhóm';
+
+  @override
+  String get delete_group_title => 'Xóa nhóm';
+
+  @override
+  String get delete_group_content => 'Bạn chắc chắn muốn xóa nhóm này?';
+
+  @override
+  String get leave_group_content => 'Bạn chắc chắn muốn rời nhóm?';
+
+  @override
+  String get dont_have_group => 'Chưa có nhóm';
+
+  @override
+  String get dont_join_group => 'Bạn chưa tham gia nhóm nào';
+
+  @override
+  String get description_group => 'Mô tả';
+
+  @override
+  String get add_new_device_title => 'Thêm thiết bị mới';
+
+  @override
+  String get approve_user => 'Duyệt thành viên';
+
+  @override
+  String get devices_title => 'Thiết bị';
+
+  @override
+  String get device_title => 'Thiết bị';
+
+  @override
+  String get member_title => 'Thành viên';
+
+  @override
+  String get leave_group_title => 'Rời nhóm';
+
+  @override
+  String get dont_have_device => 'Chưa có thiết bị';
+
+  @override
+  String get description_NOTUSE4 =>
+      'This is vietnamese language in ProfilePage';
+
+  @override
+  String get profile_page_title => 'Cài đặt';
+
+  @override
+  String get profile_change_info => 'Đổi thông tin cá nhân';
+
+  @override
+  String get profile_change_pass => 'Đổi mật khẩu';
+
+  @override
+  String get profile_sim_data => 'Thông tin sim thiết bị';
+
+  @override
+  String get profile_setting => 'Cài đặt thông báo';
+
+  @override
+  String get sim_data_month_left_message => 'tháng còn lại';
+
+  @override
+  String get time_title => 'Thời gian';
+
+  @override
+  String get change_profile_title => 'Thông tin người dùng';
+
+  @override
+  String get change_profile_username => 'Tên người dùng: ';
+
+  @override
+  String get change_profile_username_hint => 'Nhập tên ';
+
+  @override
+  String get change_profile_email => 'Email: ';
+
+  @override
+  String get change_profile_email_hint => 'Nhập email ';
+
+  @override
+  String get change_profile_email_not_empty => 'Email không được để trống';
+
+  @override
+  String get change_profile_tel => 'Số điện thoại: ';
+
+  @override
+  String get change_profile_tel_hint => 'Nhập số điện thoại';
+
+  @override
+  String get change_profile_tel_not_empty =>
+      'Số điện thoại không được để trống';
+
+  @override
+  String get change_profile_address => 'Địa chỉ: ';
+
+  @override
+  String get change_profile_address_hint => 'Nhập địa chỉ';
+
+  @override
+  String get change_profile_old_pass => 'Mật khẩu cũ: ';
+
+  @override
+  String get change_profile_old_pass_hint => 'Nhập mật khẩu cũ';
+
+  @override
+  String get change_profile_old_pass_not_empty =>
+      'Mật khẩu không được để trống';
+
+  @override
+  String get change_profile_new_pass => 'Mật khẩu mới: ';
+
+  @override
+  String get change_profile_new_pass_hint => 'Nhập mật khẩu mới';
+
+  @override
+  String get change_profile_new_pass_not_empty =>
+      'Mật khẩu không được để trống';
+
+  @override
+  String get change_profile_device_notification_select_all => 'Chọn tất cả';
+
+  @override
+  String get change_profile_device_notification_deselect_all =>
+      'Bỏ chọn tất cả';
+
+  @override
+  String get description_NOTUSE5 => 'This is vietnamese language in BellPage';
+
+  @override
+  String get bell_page_title => 'Thông báo';
+
+  @override
+  String get bell_page_no_items_body => 'Chưa có thông báo';
+
+  @override
+  String get bell_user_uppercase => 'Người dùng';
+
+  @override
+  String get bell_battery_device => 'Pin thiết bị';
+
+  @override
+  String get bell_user_joined_group => 'đã tham gia nhóm';
+
+  @override
+  String get bell_leave_group => 'đã rời nhóm';
+
+  @override
+  String get bell_user_added_group => 'đã được thêm vào nhóm';
+
+  @override
+  String get bell_user_kick_group => 'đã bị xóa khỏi nhóm';
+
+  @override
+  String get bell_operate_normal => 'hoạt động bình thường';
+
+  @override
+  String get bell_invalid_code => 'Mã sự kiện không hợp lệ';
+
+  @override
+  String get bell_days_ago => 'ngày trước';
+
+  @override
+  String get bell_hours_ago => 'giờ trước';
+
+  @override
+  String get bell_minutes_ago => 'phút trước';
+
+  @override
+  String get bell_just_now => 'Vừa xong';
+
+  @override
+  String get bell_read_all => 'Bạn đã xem hết thông báo';
+
+  @override
+  String get description_NOTUSE6 =>
+      'This is vietnamese language in GlobalFunction';
+
+  @override
+  String get gf_newly_create_message => 'Mới tạo';
+
+  @override
+  String get gf_disconnect_message => 'Mất kết nối';
+
+  @override
+  String get gf_smoke_detected_message => 'Đang hoạt động';
+
+  @override
+  String get gf_no_signal_message => 'Không có sóng';
+
+  @override
+  String get gf_weak_signal_message => 'Mức sóng yếu';
+
+  @override
+  String get gf_moderate_signal_message => 'Mức sóng khá';
+
+  @override
+  String get gf_good_signal_message => 'Mức sóng tốt';
+
+  @override
+  String get gf_volt_detect_message => 'Có điện thế';
+
+  @override
+  String get gf_temp_detect_message => 'Có nhiệt độ';
+
+  @override
+  String get gf_hum_detect_message => 'Có độ ẩm';
+
+  @override
+  String get gf_battery_detect_message => 'Có mức pin';
+
+  @override
+  String get gf_offline_message => 'Không hoạt động';
+
+  @override
+  String get gf_in_firefighting_message => 'Đang chữa cháy';
+
+  @override
+  String get gf_device_error_message => 'Thiết bị lỗi';
+
+  @override
+  String get gf_not_move_message => 'Chưa di chuyển';
+
+  @override
+  String get gf_moving_message => 'Đã di chuyển';
+
+  @override
+  String get gf_remove_from_base_message => 'Bị tháo khỏi đế';
+
+  @override
+  String get gf_connected_lowercase => 'đã kết nối';
+
+  @override
+  String get description_NOTUSE7 => 'This is vietnamese language in LoginPage';
+
+  @override
+  String get login_account_not_empty => 'Tài khoản không được để trống';
+
+  @override
+  String get login_account_hint => 'Tài khoản';
+
+  @override
+  String get login_password_not_empty => 'Mật khẩu không được để trống';
+
+  @override
+  String get login_password_hint => 'Mật khẩu';
+
+  @override
+  String get login_success_message => 'Đăng nhập thành công';
+
+  @override
+  String get login_incorrect_usernameOrPass =>
+      'Tài khoản hoặc mật khẩu không đúng';
+
+  @override
+  String get login_button_content => 'Đăng nhập';
+
+  @override
+  String get description_NOTUSE9 =>
+      'This is vietnamese language in DeviceUpdatePage';
+
+  @override
+  String get device_update_title => 'Chỉnh sửa chi tiết thiết bị';
+
+  @override
+  String get device_update_location => 'Vị trí thiết bị';
+
+  @override
+  String get device_update_province => 'Tỉnh/Thành phố';
+
+  @override
+  String get device_update_district => 'Quận/Huyện';
+
+  @override
+  String get device_update_ward => 'Phường/Xã';
+
+  @override
+  String get description_NOTUSE10 =>
+      'This is vietnamese language in DetailDevicePage';
+
+  @override
+  String get detail_device_dont_has_location_message =>
+      'Chưa có thông tin về vị trí';
+
+  @override
+  String get detail_device_volt_message => 'Nguồn điện đo được (V)';
+
+  @override
+  String get no_data_message => 'Chưa có';
+
+  @override
+  String get normal_message => 'Bình thường';
+
+  @override
+  String get warning_status_message => 'Cảnh báo';
+
+  @override
+  String get undefine_message => 'Không xác định';
+
+  @override
+  String get low_message_uppercase => 'Yếu';
+
+  @override
+  String get moderate_message_uppercase => 'Khá';
+
+  @override
+  String get good_message_uppercase => 'Tốt';
+
+  @override
+  String get low_message_lowercase => 'yếu';
+
+  @override
+  String get moderate_message_lowercase => 'khá';
+
+  @override
+  String get good_message_lowercase => 'tốt';
+
+  @override
+  String get error_message_uppercase => 'Lỗi';
+
+  @override
+  String get error_message_lowercase => 'lỗi';
+
+  @override
+  String get warning_message => 'Cảnh báo:';
+
+  @override
+  String get loading_message => 'Đang tải...';
+
+  @override
+  String get detail_message => 'Chi tiết';
+
+  @override
+  String get permission_deny_message => 'Quyền bị từ chối';
+
+  @override
+  String get decline_message => 'TỪ CHỐI';
+
+  @override
+  String get allow_message => 'CHO PHÉP';
+
+  @override
+  String get add_button_content => 'Thêm';
+
+  @override
+  String get update_button_content => 'Cập nhật';
+
+  @override
+  String get change_button_content => 'Chỉnh sửa';
+
+  @override
+  String get confirm_button_content => 'Xác nhận';
+
+  @override
+  String get delete_button_content => 'Xóa';
+
+  @override
+  String get cancel_button_content => 'Hủy';
+
+  @override
+  String get find_button_content => 'Tìm';
+
+  @override
+  String get home_page_destination => 'Trang chủ';
+
+  @override
+  String get manager_page_destination => 'Quản lý';
+
+  @override
+  String get map_page_destination => 'Bản đồ';
+
+  @override
+  String get history_page_destination => 'Lịch sử';
+
+  @override
+  String get history_page_destination_tooltip => 'Lịch sử thiết bị';
+
+  @override
+  String get group_page_destination => 'Nhóm';
+
+  @override
+  String get group_page_destination_tooltip => 'Trao đổi thông báo thiết bị';
+
+  @override
+  String get notification_enter_all_inf => 'Vui lòng điền đầy đủ thông tin';
+
+  @override
+  String get notification_update_device_success =>
+      'Cập nhật thiết bị thành công';
+
+  @override
+  String get notification_update_device_failed => 'Cập nhật thiết bị thất bại';
+
+  @override
+  String get notification_update_device_error => 'Cập nhật lỗi';
+
+  @override
+  String get notification_cannot_find_address_from_location =>
+      'Không tìm được vị trí';
+
+  @override
+  String get notification_add_device_success => 'Thêm thiết bị thành công';
+
+  @override
+  String get notification_add_device_failed => 'Thêm thiết bị thất bại';
+
+  @override
+  String get notification_create_device_success => 'Tạo thiết bị thành công';
+
+  @override
+  String get notification_create_device_failed => 'Tạo thiết bị thất bại';
+
+  @override
+  String get notification_delete_device_success => 'Xóa thiết bị thành công';
+
+  @override
+  String get notification_delete_device_failed => 'Xóa thiết bị thất bại';
+
+  @override
+  String get notification_device_not_exist => 'Thiết bị không tồn tại';
+
+  @override
+  String get notification_add_group_success => 'Tạo nhóm thành công';
+
+  @override
+  String get notification_add_group_failed => 'Tạo nhóm thất bại';
+
+  @override
+  String get notification_update_group_success => 'Sửa nhóm thành công';
+
+  @override
+  String get notification_update_group_failed => 'Sửa nhóm thất bại';
+
+  @override
+  String get notification_delete_group_success => 'Xóa nhóm thành công';
+
+  @override
+  String get notification_delete_group_failed => 'Xóa nhóm thất bại';
+
+  @override
+  String get notification_leave_group_success => 'Rời nhóm thành công';
+
+  @override
+  String get notification_leave_group_failed => 'Rời nhóm thất bại';
+
+  @override
+  String get notification_join_request_group_success =>
+      'Yêu cầu tham gia nhóm thành công!';
+
+  @override
+  String get notification_join_request_group_failed =>
+      'Yêu cầu tham gia nhóm thất bại!';
+
+  @override
+  String get notification_update_profile_success => 'Sửa thông tin thành công';
+
+  @override
+  String get notification_update_profile_failed => 'Sửa thông tin thất bại';
+
+  @override
+  String get notification_update_password_success => 'Đổi mật khẩu thành công';
+
+  @override
+  String get notification_update_password_failed => 'Mật khẩu cũ không khớp';
+
+  @override
+  String get notification_update_device_settings_success =>
+      'Cập nhật thông báo cho thiết bị thành công';
+
+  @override
+  String get notification_update_device_settings_failed =>
+      'Cập nhật thông báo cho thiết bị thất bại';
+
+  @override
+  String get notification_confirm_fake_fire_success =>
+      'Đã cập nhật thông tin đến đội PCCC';
+
+  @override
+  String get notification_confirm_fake_fire_failed =>
+      'Cập nhật cháy giả thất bại';
+}

lib/product/lang/l10n/app_vi.arb

@@ -21,6 +21,8 @@
   "confirm_fake_fire_sure_message": "Tôi chắc chắn",
   "let_PCCC_handle_message": "Hãy để Đội PCCC xử lý!",
   "overview_message": "Tổng quan",
+  "over_view_owner_devices":"Thiết bị sở hữu",
+  "over_view_joined_devices":"Thiết bị tham gia",
   "total_nof_devices_message": "Tổng số",
   "active_devices_message": "Bình thường",
   "inactive_devices_message": "Đang tắt",
@@ -110,6 +112,9 @@
   "profile_change_info": "Đổi thông tin cá nhân",
   "profile_change_pass": "Đổi mật khẩu",
   "profile_setting": "Cài đặt thông báo",
+  "profile_sim_data": "Thông tin sim thiết bị",
+  "sim_data_month_left_message": "tháng còn lại",
+  "time_title": "Thời gian",
   "change_profile_title": "Thông tin người dùng",
   "change_profile_username": "Tên người dùng: ",
   "change_profile_username_hint": "Nhập tên ",

lib/product/lang/language_model.dart

@@ -1,5 +1,5 @@
-import 'package:sfm_app/product/constant/icon/icon_constants.dart';
+import '../constant/icon/icon_constants.dart';
-import 'package:sfm_app/product/constant/lang/language_constants.dart';
+import '../constant/lang/language_constants.dart';
 
 class Language {
   final int id;

lib/product/network/network_manager.dart

@@ -1,6 +1,9 @@
+import 'dart:async';
 import 'dart:convert';
 import 'dart:developer';
 
+import '../utils/app_logger_utils.dart';
+
 import '../constant/status_code/status_code_constants.dart';
 
 import '../cache/local_manager.dart';
@@ -12,6 +15,7 @@ class NetworkManager {
   NetworkManager._init();
   static NetworkManager? _instance;
   static NetworkManager? get instance => _instance ??= NetworkManager._init();
+  
 
   Future<Map<String, String>> getHeaders() async {
     String? token =
@@ -35,15 +39,26 @@ class NetworkManager {
   /// [String] if the request is successful (status code 200), or an empty
   /// string if the request fails
   Future<String> getDataFromServer(String path) async {
-    final url = Uri.https(ApplicationConstants.DOMAIN, path);
+    try {
-    log("[${DateTime.now().toLocal().toString().split(' ')[1]}] GET url: $url");
+      final url = Uri.https(ApplicationConstants.DOMAIN, path);
-    final headers = await getHeaders();
+      AppLoggerUtils.info("GET url: $url");
-    final response = await http.get(url, headers: headers);
+      // log("[${DateTime.now().toLocal().toString().split(' ')[1]}] GET url: $url");
-    if (response.statusCode == StatusCodeConstants.OK ||
+      final headers = await getHeaders();
-        response.statusCode == StatusCodeConstants.CREATED) {
+      final response = await http.get(url, headers: headers).timeout(
-      return response.body;
+            Duration(seconds: ApplicationConstants.CALL_API_TIMEOUT),
-    } else {
+            onTimeout: () =>
-      return "";
+                throw TimeoutException('Yêu cầu GET hết thời gian'),
+          );
+      if (response.statusCode == StatusCodeConstants.OK ||
+          response.statusCode == StatusCodeConstants.CREATED) {
+        return response.body;
+      } else {
+        throw Exception('Lỗi server: ${response.statusCode}');
+      }
+    } catch (e) {
+      // AppLoggerUtils.error(message)
+      // log('Lỗi khi lấy dữ liệu: $e, StackTrace: $stackTrace');
+      throw Exception('Lỗi khi lấy dữ liệu: $e');
     }
   }
 
@@ -60,16 +75,36 @@ class NetworkManager {
   /// Returns a [Future<String>] containing the server response body.
   Future<String> getDataFromServerWithParams(
       String path, Map<String, dynamic> params) async {
-    final url = Uri.https(ApplicationConstants.DOMAIN, path, params);
+    try {
-    log("[${DateTime.now().toLocal().toString().split(' ')[1]}] GET Params url: $url");
+      final url = Uri.https(ApplicationConstants.DOMAIN, path, params);
-    final headers = await getHeaders();
+      AppLoggerUtils.info("GET Params url: $url");
-    final response = await http.get(url, headers: headers);
+      // log("[${DateTime.now().toLocal().toString().split(' ')[1]}] GET Params url: $url");
-    if (response.statusCode == StatusCodeConstants.CREATED ||
+      final headers = await getHeaders();
-        response.statusCode == StatusCodeConstants.OK) {
+      final response = await http.get(url, headers: headers).timeout(
-      return response.body;
+            Duration(seconds: ApplicationConstants.CALL_API_TIMEOUT),
-    } else {
+            onTimeout: () =>
-      return "";
+                throw TimeoutException('Yêu cầu GET+PARAM hết thời gian'),
+          );
+      if (response.statusCode == StatusCodeConstants.OK ||
+          response.statusCode == StatusCodeConstants.CREATED) {
+        return response.body;
+      } else {
+        throw Exception('Lỗi server: ${response.statusCode}');
+      }
+    } catch (e, stackTrace) {
+      log('Lỗi khi lấy dữ liệu: $e, StackTrace: $stackTrace');
+      throw Exception('Lỗi khi lấy dữ liệu: $e');
     }
+    // final url = Uri.https(ApplicationConstants.DOMAIN, path, params);
+    // log("[${DateTime.now().toLocal().toString().split(' ')[1]}] GET Params url: $url");
+    // final headers = await getHeaders();
+    // final response = await http.get(url, headers: headers);
+    // if (response.statusCode == StatusCodeConstants.CREATED ||
+    //     response.statusCode == StatusCodeConstants.OK) {
+    //   return response.body;
+    // } else {
+    //   return "";
+    // }
   }
 
   /// Creates new data on the server using a POST request.
@@ -77,12 +112,28 @@ class NetworkManager {
   /// [path] is the endpoint for the request, and [body] contains the data
   /// to be sent. Returns the HTTP status code of the response.
   Future<int> createDataInServer(String path, Map<String, dynamic> body) async {
-    final url = Uri.https(ApplicationConstants.DOMAIN, path);
+    try {
-    log("[${DateTime.now().toLocal().toString().split(' ')[1]}] POST url: $url");
+      final url = Uri.https(ApplicationConstants.DOMAIN, path);
-    final headers = await getHeaders();
+      AppLoggerUtils.info("POST url: $url");
-    final response =
+      // log("[${DateTime.now().toLocal().toString().split(' ')[1]}] POST url: $url");
-        await http.post(url, headers: headers, body: jsonEncode(body));
+      final headers = await getHeaders();
-    return response.statusCode;
+      final response = await http
+          .post(url, headers: headers, body: jsonEncode(body))
+          .timeout(
+            Duration(seconds: ApplicationConstants.CALL_API_TIMEOUT),
+            onTimeout: () =>
+                throw TimeoutException('Yêu cầu POST hết thời gian'),
+          );
+      if (response.statusCode == StatusCodeConstants.OK ||
+          response.statusCode == StatusCodeConstants.CREATED) {
+        return response.statusCode;
+      } else {
+        throw Exception('Lỗi server: ${response.statusCode}');
+      }
+    } catch (e, stackTrace) {
+      log('Lỗi khi lấy dữ liệu: $e, StackTrace: $stackTrace');
+      throw Exception('Lỗi khi lấy dữ liệu: $e');
+    }
   }
 
   /// Updates existing data on the server using a PUT request.
@@ -90,12 +141,27 @@ class NetworkManager {
   /// [path] is the endpoint for the request, and [body] contains the data
   /// to be updated. Returns the HTTP status code of the response.
   Future<int> updateDataInServer(String path, Map<String, dynamic> body) async {
-    final url = Uri.https(ApplicationConstants.DOMAIN, path);
+    try {
-    log("[${DateTime.now().toLocal().toString().split(' ')[1]}] PUT url: $url");
+      final url = Uri.https(ApplicationConstants.DOMAIN, path);
-    final headers = await getHeaders();
+      AppLoggerUtils.info("PUT url: $url");
-    final response =
+      // log("[${DateTime.now().toLocal().toString().split(' ')[1]}] PUT url: $url");
-        await http.put(url, headers: headers, body: jsonEncode(body));
+      final headers = await getHeaders();
-    return response.statusCode;
+      final response =
+          await http.put(url, headers: headers, body: jsonEncode(body)).timeout(
+                Duration(seconds: ApplicationConstants.CALL_API_TIMEOUT),
+                onTimeout: () =>
+                    throw TimeoutException('Yêu cầu PUT hết thời gian'),
+              );
+      if (response.statusCode == StatusCodeConstants.OK ||
+          response.statusCode == StatusCodeConstants.CREATED) {
+        return response.statusCode;
+      } else {
+        throw Exception('Lỗi server: ${response.statusCode}');
+      }
+    } catch (e, stackTrace) {
+      log('Lỗi khi lấy dữ liệu: $e, StackTrace: $stackTrace');
+      throw Exception('Lỗi khi lấy dữ liệu: $e');
+    }
   }
 
   /// Deletes data from the server using a DELETE request.
@@ -105,10 +171,25 @@ class NetworkManager {
   /// A status code of 200 indicates success, while other codes indicate
   /// failure or an error.
   Future<int> deleteDataInServer(String path) async {
-    final url = Uri.https(ApplicationConstants.DOMAIN, path);
+    try {
-    log("[${DateTime.now().toLocal().toString().split(' ')[1]}]   DELETE url: $url");
+      final url = Uri.https(ApplicationConstants.DOMAIN, path);
-    final headers = await getHeaders();
+      // log("[${DateTime.now().toLocal().toString().split(' ')[1]}]   DELETE url: $url");
-    final response = await http.delete(url, headers: headers);
+      AppLoggerUtils.info("DELETE url: $url");
-    return response.statusCode;
+      final headers = await getHeaders();
+      final response = await http.delete(url, headers: headers).timeout(
+            Duration(seconds: ApplicationConstants.CALL_API_TIMEOUT),
+            onTimeout: () =>
+                throw TimeoutException('Yêu cầu DELETE hết thời gian'),
+          );
+      if (response.statusCode == StatusCodeConstants.OK ||
+          response.statusCode == StatusCodeConstants.CREATED) {
+        return response.statusCode;
+      } else {
+        throw Exception('Lỗi server: ${response.statusCode}');
+      }
+    } catch (e, stackTrace) {
+      log('Lỗi khi lấy dữ liệu: $e, StackTrace: $stackTrace');
+      throw Exception('Lỗi khi lấy dữ liệu: $e');
+    }
   }
 }

lib/product/permission/location_permission.dart

@@ -1,10 +1,10 @@
 import 'dart:developer';
 import 'dart:io';
-
 import 'package:app_settings/app_settings.dart';
 import 'package:flutter/material.dart';
 import 'package:permission_handler/permission_handler.dart';
-import 'package:sfm_app/product/base/widget/dialog/request_permission_dialog.dart';
+
+import '../base/widget/dialog/request_permission_dialog.dart';
 
 class LocationPermissionRequest {
   LocationPermissionRequest._init();

lib/product/permission/notification_permission.dart

@@ -1,8 +1,10 @@
 import 'dart:developer';
+import 'dart:io';
 
 import 'package:app_settings/app_settings.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_local_notifications/flutter_local_notifications.dart';
 import 'package:permission_handler/permission_handler.dart';
 import '../base/widget/dialog/request_permission_dialog.dart';
 
@@ -11,7 +13,7 @@ class NotificationPermission {
   static NotificationPermission? _instance;
   static NotificationPermission get instance =>
       _instance ??= NotificationPermission._init();
-
+  static final FlutterLocalNotificationsPlugin _notificationsPlugin = FlutterLocalNotificationsPlugin();
   Future<bool> checkNotificationPermission(context) async {
     var status = await Permission.notification.status;
     log("Status: $status");
@@ -44,4 +46,21 @@ class NotificationPermission {
           Icons.location_on_outlined, "ABCDE", AppSettingsType.notification);
     }
   }
+   Future<bool?> requestNotificationPermission() async {
+    try {
+      if (Platform.isAndroid) {
+        return await _notificationsPlugin
+            .resolvePlatformSpecificImplementation<AndroidFlutterLocalNotificationsPlugin>()
+            ?.requestNotificationsPermission();
+      } else if (Platform.isIOS) {
+        return await _notificationsPlugin
+            .resolvePlatformSpecificImplementation<IOSFlutterLocalNotificationsPlugin>()
+            ?.requestPermissions(alert: true, sound: true, badge: true);
+      }
+      return null;
+    } catch (e) {
+      log("Error requesting notification permission: $e");
+      return null;
+    }
+  }
 }

lib/product/services/alarm_services.dart

@@ -0,0 +1,35 @@
+import 'dart:io';
+import 'package:alarm/alarm.dart';
+
+@pragma('vm:entry-point')
+class AlarmServices {
+  Future<void> showAlarm(String title, String body) async {
+    final DateTime now = DateTime.now();
+    final AlarmSettings alarmSettings = AlarmSettings(
+      id: 42,
+      dateTime: now,
+      assetAudioPath: 'assets/sounds/warning_alarm.mp3',
+      loopAudio: true,
+      vibrate: true,
+      warningNotificationOnKill: Platform.isIOS,
+      androidFullScreenIntent: true,
+      allowAlarmOverlap: true,
+      volumeSettings: VolumeSettings.fade(
+        volume: 1.0,
+        fadeDuration: const Duration(seconds: 3),
+        volumeEnforced: true,
+      ),
+      notificationSettings: NotificationSettings(
+        title: title,
+        body: body,
+        stopButton: 'Dừng cảnh báo',
+        icon: 'ic_launcher',
+      ),
+    );
+    await Alarm.set(alarmSettings: alarmSettings);
+  }
+
+  void cancelAlarm({int id = 42}) async {
+    await Alarm.stop(id);
+  }
+}

lib/product/services/api_services.dart

@@ -1,10 +1,24 @@
 // ignore_for_file: use_build_context_synchronously
 
+import 'dart:async';
 import 'dart:convert';
+import 'dart:io';
+import 'package:connectivity_plus/connectivity_plus.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:http/http.dart' as http;
+import '../shared/model/province_model.dart';
+import '../utils/app_logger_utils.dart';
+import '../../feature/device_log/device_logs_model.dart';
+import '../../feature/devices/device_model.dart';
+import '../../feature/home/device_alias_model.dart';
+import '../../feature/inter_family/group_detail/group_detail_model.dart';
+import '../../feature/inter_family/groups/groups_model.dart';
+import '../../feature/settings/device_notification_settings/device_notification_settings_model.dart';
+import '../../feature/settings/profile/profile_model.dart';
 import '../constant/app/api_path_constant.dart';
+import '../shared/model/district_model.dart';
+import '../shared/model/ward_model.dart';
 import '../shared/shared_snack_bar.dart';
 import '../constant/enums/app_route_enums.dart';
 import 'language_services.dart';
@@ -41,6 +55,86 @@ class APIServices {
     return headers;
   }
 
+  Future<T> executeApiCall<T>(Future<dynamic> Function() apiCall,
+      {T Function(dynamic)? parser,
+      String errorMessage = 'Lỗi khi gọi API',
+      T Function(int)? statusCodeHandler}) async {
+    try {
+      final response = await apiCall().timeout(
+        Duration(seconds: ApplicationConstants.CALL_API_TIMEOUT),
+        onTimeout: () => throw TimeoutException('Yêu cầu hết thời gian'),
+      );
+
+      if (statusCodeHandler != null && response is int) {
+        return statusCodeHandler(response);
+      }
+
+      if (response is String && response != "") {
+        if (parser != null) {
+          try {
+            return parser(jsonDecode(response));
+          } catch (e) {
+            throw Exception('Lỗi parsing dữ liệu: $e');
+          }
+        }
+        return response as T;
+      } else {
+        throw Exception('Dữ liệu trả về rỗng');
+      }
+    } catch (e, stackTrace) {
+      AppLoggerUtils.error("Lỗi gọi API", e, stackTrace);
+      throw Exception('$errorMessage: $e');
+    }
+  }
+
+  /// Most Used Function
+  // Future<T> execute<T>(Future<T> Function() apiCall) async {
+  //   try {
+  //     return await apiCall();
+  //   } catch (e) {
+
+  //     AppLoggerUtils.error(e.toString());
+  //     return Future.error(e);
+  //   }
+  // }
+
+  Future<T> execute<T>(
+    BuildContext context,
+    Future<T> Function() apiCall, {
+    bool checkMounted = true,
+  }) async {
+    try {
+      // Quick connectivity check before attempting network calls.
+      final conn = await Connectivity().checkConnectivity();
+      if (conn == ConnectivityResult.none) {
+        AppLoggerUtils.warning('No network connectivity');
+        if (checkMounted && context.mounted) {
+          showErrorTopSnackBarCustom(context, "Không có kết nối mạng");
+        }
+        return Future.error(const SocketException('No network connectivity'));
+      }
+
+      return await apiCall();
+    } on SocketException catch (e, stackTrace) {
+      // Network-related errors (DNS, timeout, host lookup...)
+      AppLoggerUtils.warning('Network error when calling API: $e');
+      if (checkMounted && context.mounted) {
+        AppLoggerUtils.error("Không có kết nối mạng");
+      }
+      return Future.error(e);
+    } catch (e, stackTrace) {
+      // If widget was unmounted (e.g. background isolate), preserve previous behavior
+      if (checkMounted && !context.mounted) {
+        return Future.error('Widget not mounted');
+      }
+      AppLoggerUtils.error("Lỗi hệ thống khi gọi API", e, stackTrace);
+      if (checkMounted && context.mounted) {
+        showErrorTopSnackBarCustom(context, "Lỗi hệ thống");
+      }
+      return Future.error(e);
+    }
+  }
+
   Future<String> login(String path, Map<String, dynamic> loginRequest) async {
     final url = Uri.https(ApplicationConstants.DOMAIN, path);
     final headers = await getHeaders();
@@ -49,14 +143,11 @@ class APIServices {
     return response.body;
   }
 
-  Future<int> sendNotificationToken(String token) async{
+  Future<int> sendNotificationToken(String token) async {
     String uid = await getUID();
-    Map<String,dynamic> body = {
+    Map<String, dynamic> body = {"user_id": uid, "app_token": token};
-      "user_id": uid,
+    int statusCode = await NetworkManager.instance!
-      "app_token": token
+        .updateDataInServer(APIPathConstants.NOTIFICATION_TOKEN_PATH, body);
-    };
-    int statusCode = await NetworkManager.instance!.updateDataInServer(
-        APIPathConstants.NOTIFICATION_TOKEN_PATH, body);
     return statusCode;
   }
 
@@ -69,7 +160,7 @@ class APIServices {
               actions: [
                 TextButton(
                   onPressed: () async {
-                    var url = Uri.http(ApplicationConstants.DOMAIN,
+                    var url = Uri.https(ApplicationConstants.DOMAIN,
                         APIPathConstants.LOGOUT_PATH);
                     final headers = await NetworkManager.instance!.getHeaders();
                     final response = await http.post(url, headers: headers);
@@ -122,67 +213,89 @@ class APIServices {
     return language;
   }
 
-  Future<Bell> getBellNotifications(String offset, String pagesize) async {
+  Future<Bell> getBellNotifications(String offset, String pageSize) async {
-    Bell bell = Bell();
+    final params = {"offset": offset, "page_size": pageSize};
-    final params = {"offset": offset, "page_size": pagesize};
+    return executeApiCall(
-    final data = await NetworkManager.instance!.getDataFromServerWithParams(
+      () => NetworkManager.instance!.getDataFromServerWithParams(
-        APIPathConstants.BELL_NOTIFICATIONS_PATH, params);
+          APIPathConstants.BELL_NOTIFICATIONS_PATH, params),
-    if (data != "") {
+      parser: (json) => Bell.fromJson(json),
-      bell = Bell.fromJson(jsonDecode(data));
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.BELL_NOTIFICATIONS_PATH}',
-      return bell;
+    );
-    } else {
-      return bell;
-    }
   }
 
   Future<int> updateStatusOfNotification(List<String> notificationID) async {
     Map<String, dynamic> body = {
       "event_ids": notificationID,
     };
-    int statusCode = await NetworkManager.instance!.updateDataInServer(
+    return executeApiCall(
-        APIPathConstants.BELL_UPDATE_READ_NOTIFICATIONS_PATH, body);
+      () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+          APIPathConstants.BELL_UPDATE_READ_NOTIFICATIONS_PATH, body),
+      statusCodeHandler: (statusCode) => statusCode,
+      errorMessage: 'Lỗi khi PUT /${APIPathConstants.BELL_NOTIFICATIONS_PATH}',
+    );
   }
 
-  Future<String> getUserDetail() async {
+  Future<User> getUserDetail() async {
     String uid = await getUID();
-    String? response = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer('${APIPathConstants.USER_PATH}/$uid');
+      () => NetworkManager.instance!
-    return response;
+          .getDataFromServer('${APIPathConstants.USER_PATH}/$uid'),
+      parser: (json) => User.fromJson(json),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.USER_PATH}',
+    );
   }
 
   Future<int> updateUserProfile(Map<String, dynamic> body) async {
     String uid = await getUID();
-    int statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .updateDataInServer("${APIPathConstants.USER_PROFILE_PATH}/$uid", body);
+      () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+          "${APIPathConstants.USER_PROFILE_PATH}/$uid", body),
+      statusCodeHandler: (statusCode) => statusCode,
+      errorMessage: 'Lỗi khi PUT /${APIPathConstants.USER_PROFILE_PATH}',
+    );
   }
 
   Future<int> updateUserPassword(Map<String, dynamic> body) async {
     String uid = await getUID();
-    int statusCode = await NetworkManager.instance!.updateDataInServer(
+    // int statusCode = await NetworkManager.instance!.updateDataInServer(
-        "${APIPathConstants.USER_PATH}/$uid/password", body);
+    //     "${APIPathConstants.USER_PATH}/$uid/password", body);
-    return statusCode;
+    return executeApiCall(
+        () => NetworkManager.instance!.updateDataInServer(
+            "${APIPathConstants.USER_PATH}/$uid/password", body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi PUT /${APIPathConstants.USER_PATH}');
   }
 
-  Future<String> getAllSettingsNotificationOfDevices() async {
+  Future<List<DeviceNotificationSettings>>
-    String? data = await NetworkManager.instance!
+      getAllSettingsNotificationOfDevices() async {
-        .getDataFromServer(APIPathConstants.DEVICE_NOTIFICATION_SETTINGS);
+    return executeApiCall(
-    return data;
+      () => NetworkManager.instance!
+          .getDataFromServer(APIPathConstants.DEVICE_NOTIFICATION_SETTINGS),
+      parser: (json) =>
+          DeviceNotificationSettings.mapFromJson(json['data']).values.toList(),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.DEVICE_NOTIFICATION_SETTINGS}',
+    );
   }
 
   Future<int> updateDeviceNotificationSettings(
       String thingID, Map<String, int> data) async {
     Map<String, dynamic> body = {"thing_id": thingID, "notifi_settings": data};
-    int statusCode = await NetworkManager.instance!.updateDataInServer(
+    return executeApiCall(
-        APIPathConstants.DEVICE_NOTIFICATION_SETTINGS, body);
+        () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+            APIPathConstants.DEVICE_NOTIFICATION_SETTINGS, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi PUT /${APIPathConstants.DEVICE_NOTIFICATION_SETTINGS}');
   }
 
-  Future<String> getDashBoardDevices() async {
+  Future<List<DeviceWithAlias>> getDashBoardDevices() async {
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer(APIPathConstants.DASHBOARD_DEVICES);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServer(APIPathConstants.DASHBOARD_DEVICES),
+      parser: (json) => DeviceWithAlias.fromJsonDynamicList(json['items']),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.DASHBOARD_DEVICES}',
+    );
   }
 
   Future<int> setupDeviceNotification(String thingID, String deviceName) async {
@@ -202,68 +315,103 @@ class APIServices {
         "104": 1,
       }
     };
-    int statusCode = await NetworkManager.instance!.updateDataInServer(
+    return executeApiCall(
-        APIPathConstants.DEVICE_NOTIFICATION_SETTINGS, body);
+        () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+            APIPathConstants.DEVICE_NOTIFICATION_SETTINGS, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi PUT /${APIPathConstants.DEVICE_NOTIFICATION_SETTINGS}');
   }
 
-  Future<String> getAllProvinces() async {
+  Future<List<Province>> getAllProvinces() async {
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer(APIPathConstants.PROVINCES_PATH);
+        () => NetworkManager.instance!
-    return data;
+            .getDataFromServer(APIPathConstants.PROVINCES_PATH),
+        parser: (json) => Province.fromJsonDynamicList(json['items']),
+        errorMessage: 'Lỗi khi GET /${APIPathConstants.PROVINCES_PATH}');
   }
 
-  Future<String> getProvincesByName(String name) async {
+  Future<List<Province>> getProvincesByName(String name) async {
     final params = {'name': name};
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServerWithParams(APIPathConstants.PROVINCES_PATH, params);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServerWithParams(APIPathConstants.PROVINCES_PATH, params),
+      parser: (json) => Province.fromJsonDynamicList(json['items']),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.PROVINCES_PATH}/$name',
+    );
   }
 
-  Future<String> getProvinceByID(String provinceID) async {
+  Future<Province> getProvinceByID(String provinceID) async {
-    String data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer("${APIPathConstants.PROVINCES_PATH}/$provinceID");
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServer("${APIPathConstants.PROVINCES_PATH}/$provinceID"),
+      parser: (json) => Province.fromJson(json['data']),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.PROVINCES_PATH}/$provinceID}',
+    );
   }
 
-  Future<String> getAllDistricts(String provinceID) async {
+  Future<List<District>> getAllDistricts(String provinceID) async {
     final params = {"parent": provinceID};
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServerWithParams(APIPathConstants.DISTRICTS_PATH, params);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServerWithParams(APIPathConstants.DISTRICTS_PATH, params),
+      parser: (json) => District.fromJsonDynamicList(json['items']),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.DISTRICTS_PATH} by parentCode $provinceID',
+    );
   }
 
-  Future<String> getDistrictsByName(String districtName) async {
+  Future<List<District>> getDistrictsByName(String districtName) async {
     final params = {"name": districtName};
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServerWithParams(APIPathConstants.DISTRICTS_PATH, params);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServerWithParams(APIPathConstants.DISTRICTS_PATH, params),
+      parser: (json) => District.fromJsonDynamicList(json['items']),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.DISTRICTS_PATH} by name $districtName',
+    );
   }
 
-  Future<String> getDistrictByID(String districtID) async {
+  Future<District> getDistrictByID(String districtID) async {
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer("${APIPathConstants.DISTRICTS_PATH}/$districtID");
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServer("${APIPathConstants.DISTRICTS_PATH}/$districtID"),
+      parser: (json) => District.fromJson(json['data']),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.DISTRICTS_PATH}/$districtID',
+    );
   }
 
-  Future<String> getAllWards(String districtID) async {
+  Future<List<Ward>> getAllWards(String districtID) async {
     final params = {'parent': districtID};
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServerWithParams(APIPathConstants.WARDS_PATH, params);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServerWithParams(APIPathConstants.WARDS_PATH, params),
+      parser: (json) => Ward.fromJsonDynamicList(json['items']),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.WARDS_PATH} by parent $districtID',
+    );
   }
 
-  Future<String> getWarsdByName(String wardName) async {
+  Future<List<Ward>> getWardsByName(String wardName) async {
     final params = {"name": wardName};
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServerWithParams(APIPathConstants.WARDS_PATH, params);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServerWithParams(APIPathConstants.WARDS_PATH, params),
+      parser: (json) => Ward.fromJsonDynamicList(json['items']),
+      errorMessage:
+          'Lỗi khi GET /${APIPathConstants.WARDS_PATH} by name $wardName',
+    );
   }
 
-  Future<String> getWardByID(String wardID) async {
+  Future<Ward> getWardByID(String wardID) async {
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer("${APIPathConstants.WARDS_PATH}/$wardID");
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServer("${APIPathConstants.WARDS_PATH}/$wardID"),
+      parser: (json) => Ward.fromJson(json['data']),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.WARDS_PATH}/$wardID',
+    );
   }
 
   Future<int> confirmFakeFireByUser(String thingID) async {
@@ -271,131 +419,187 @@ class APIServices {
       "state": 3,
       "note": "Người dùng xác nhận cháy giả!"
     };
-    int statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .updateDataInServer("${APIPathConstants.DEVICE_PATH}/$thingID", body);
+        () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+            "${APIPathConstants.DEVICE_PATH}/$thingID", body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi PUT /${APIPathConstants.DEVICE_PATH}/$thingID');
   }
 
-  Future<String> getOwnerDevices() async {
+  Future<List<Device>> getOwnerDevices() async {
-    String? data = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer(APIPathConstants.DEVICE_PATH);
+      () => NetworkManager.instance!
-    return data;
+          .getDataFromServer(APIPathConstants.DEVICE_PATH),
+      parser: (json) => Device.fromJsonDynamicList(json['items']),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.DEVICE_PATH}',
+    );
   }
 
-  Future<String> getOwnerDeviceByState(Map<String, dynamic> params) async {
+  Future<List<Device>> getOwnerDeviceByState(
-    String? data = await NetworkManager.instance!
+      Map<String, dynamic> params) async {
-        .getDataFromServerWithParams(APIPathConstants.DEVICE_PATH, params);
+    return executeApiCall(
-    return data;
+      () => NetworkManager.instance!
+          .getDataFromServerWithParams(APIPathConstants.DEVICE_PATH, params),
+      parser: (json) => Device.fromJsonDynamicList(json['items']),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.DEVICE_PATH}',
+    );
   }
 
   Future<int> createDeviceByAdmin(Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .createDataInServer(APIPathConstants.DEVICE_PATH, body);
+        () => NetworkManager.instance!
-    return statusCode;
+            .createDataInServer(APIPathConstants.DEVICE_PATH, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi POST /${APIPathConstants.DEVICE_PATH}');
   }
 
   Future<int> registerDevice(Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .createDataInServer(APIPathConstants.DEVICE_REGISTER_PATH, body);
+        () => NetworkManager.instance!
-    return statusCode;
+            .createDataInServer(APIPathConstants.DEVICE_REGISTER_PATH, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi POST /${APIPathConstants.DEVICE_REGISTER_PATH}');
   }
 
   Future<int> deleteDeviceByAdmin(String thingID) async {
-    int statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .deleteDataInServer("${APIPathConstants.DEVICE_PATH}/$thingID");
+        () => NetworkManager.instance!
-    return statusCode;
+            .deleteDataInServer("${APIPathConstants.DEVICE_PATH}/$thingID"),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi DELETE /${APIPathConstants.DEVICE_PATH}/$thingID');
   }
 
   Future<int> unregisterDevice(Map<String, dynamic> body) async {
-    int statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .createDataInServer(APIPathConstants.DEVICE_UNREGISTER_PATH, body);
+        () => NetworkManager.instance!
-    return statusCode;
+            .createDataInServer(APIPathConstants.DEVICE_UNREGISTER_PATH, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi DELETE /${APIPathConstants.DEVICE_UNREGISTER_PATH} by USER');
   }
 
-  Future<String> getDeviceInfomation(String thingID) async {
+  Future<Device> getDeviceInformation(String thingID) async {
-    String? response = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer("${APIPathConstants.DEVICE_PATH}/$thingID");
+      () => NetworkManager.instance!
-    return response;
+          .getDataFromServer("${APIPathConstants.DEVICE_PATH}/$thingID"),
+      parser: (json) => Device.fromJson(json),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.DEVICE_PATH}/$thingID',
+    );
   }
 
-  Future<String> getAllGroups() async {
+  Future<List<Group>> getAllGroups() async {
-    String? body = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer(APIPathConstants.ALL_GROUPS_PATH);
+      () => NetworkManager.instance!
-    return body;
+          .getDataFromServer(APIPathConstants.ALL_GROUPS_PATH),
+      parser: (json) => Group.fromJsonDynamicList(json['items']),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.USER_PATH}',
+    );
   }
 
   Future<int> createGroup(Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .createDataInServer(APIPathConstants.GROUPS_PATH, body);
+        () => NetworkManager.instance!
-    return statusCode;
+            .createDataInServer(APIPathConstants.GROUPS_PATH, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi POST /${APIPathConstants.GROUPS_PATH}');
   }
 
   Future<int> updateGroup(Map<String, dynamic> body, String groupID) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .updateDataInServer("${APIPathConstants.GROUPS_PATH}/$groupID", body);
+        () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+            "${APIPathConstants.GROUPS_PATH}/$groupID", body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi PUT /${APIPathConstants.GROUPS_PATH}/$groupID');
   }
 
   Future<int> joinGroup(String groupID, Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .createDataInServer(APIPathConstants.JOIN_GROUP_PATH, body);
+        () => NetworkManager.instance!
-    return statusCode;
+            .createDataInServer(APIPathConstants.JOIN_GROUP_PATH, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi POST /${APIPathConstants.JOIN_GROUP_PATH}');
   }
 
   Future<int> deleteGroup(String groupID) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .deleteDataInServer("${APIPathConstants.GROUPS_PATH}/$groupID");
+        () => NetworkManager.instance!
-    return statusCode;
+            .deleteDataInServer("${APIPathConstants.GROUPS_PATH}/$groupID"),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi DELETE /${APIPathConstants.GROUPS_PATH}/$groupID');
   }
 
-  Future<String> getGroupDetail(String groupID) async {
+  Future<GroupDetail> getGroupDetail(String groupID) async {
-    String? body = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServer("${APIPathConstants.GROUPS_PATH}/$groupID");
+      () => NetworkManager.instance!
-    return body;
+          .getDataFromServer("${APIPathConstants.GROUPS_PATH}/$groupID"),
+      parser: (json) => GroupDetail.fromJson(json),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.GROUPS_PATH}/$groupID',
+    );
   }
 
   Future<int> approveGroup(Map<String, dynamic> body) async {
-    int statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .createDataInServer(APIPathConstants.APPROVE_GROUP_PATH, body);
+        () => NetworkManager.instance!
-    return statusCode;
+            .createDataInServer(APIPathConstants.APPROVE_GROUP_PATH, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi POST /${APIPathConstants.APPROVE_GROUP_PATH}');
   }
 
   Future<int> deleteUserInGroup(String groupID, String userID) async {
-    int? statusCode = await NetworkManager.instance!.deleteDataInServer(
+    return executeApiCall(
-        "${APIPathConstants.GROUPS_PATH}/$groupID/users/$userID");
+        () => NetworkManager.instance!.deleteDataInServer(
-    return statusCode;
+            "${APIPathConstants.GROUPS_PATH}/$groupID/users/$userID"),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi DELETE /${APIPathConstants.GROUPS_PATH}/$groupID/users/$userID');
   }
 
   Future<int> deleteDeviceInGroup(String groupID, String thingID) async {
-    int? statusCode = await NetworkManager.instance!.deleteDataInServer(
+    return executeApiCall(
-        "${APIPathConstants.GROUPS_PATH}/$groupID/devices/$thingID");
+        () => NetworkManager.instance!.deleteDataInServer(
-    return statusCode;
+            "${APIPathConstants.GROUPS_PATH}/$groupID/devices/$thingID"),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi DELETE /${APIPathConstants.GROUPS_PATH}/$groupID/devices/$thingID');
   }
 
   Future<int> updateDeviceAlias(Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!.updateDataInServer(
+    return executeApiCall(
-        APIPathConstants.DEVICE_NOTIFICATION_SETTINGS, body);
+        () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+            APIPathConstants.DEVICE_NOTIFICATION_SETTINGS, body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi PUT /${APIPathConstants.DEVICE_NOTIFICATION_SETTINGS}');
   }
 
   Future<int> addDeviceToGroup(
       String groupID, Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!.createDataInServer(
+    return executeApiCall(
-        "${APIPathConstants.GROUPS_PATH}/$groupID/things", body);
+        () => NetworkManager.instance!.createDataInServer(
-    return statusCode;
+            "${APIPathConstants.GROUPS_PATH}/$groupID/things", body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage:
+            'Lỗi khi PUT /${APIPathConstants.GROUPS_PATH}/$groupID/things');
   }
 
   Future<int> updateOwnerDevice(
       String thingID, Map<String, dynamic> body) async {
-    int? statusCode = await NetworkManager.instance!
+    return executeApiCall(
-        .updateDataInServer("${APIPathConstants.DEVICE_PATH}/$thingID", body);
+        () => NetworkManager.instance!.updateDataInServer(
-    return statusCode;
+            "${APIPathConstants.DEVICE_PATH}/$thingID", body),
+        statusCodeHandler: (statusCode) => statusCode,
+        errorMessage: 'Lỗi khi PUT /${APIPathConstants.DEVICE_PATH}/$thingID');
   }
 
-  Future<String> getLogsOfDevice(
+  Future<DeviceLog> getLogsOfDevice(
       String thingID, Map<String, dynamic> params) async {
-    String? body = await NetworkManager.instance!
+    return executeApiCall(
-        .getDataFromServerWithParams(APIPathConstants.DEVICE_LOGS_PATH, params);
+      () => NetworkManager.instance!.getDataFromServerWithParams(
-    return body;
+          APIPathConstants.DEVICE_LOGS_PATH, params),
+      parser: (json) => DeviceLog.fromJson(json),
+      errorMessage: 'Lỗi khi GET /${APIPathConstants.DEVICE_LOGS_PATH}',
+    );
   }
 }

lib/product/services/language_services.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import '../cache/local_manager.dart';
 import '../constant/enums/local_keys_enums.dart';
 import '../constant/lang/language_constants.dart';
-import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import '../lang/l10n/app_localizations.dart';
 
 class LanguageServices {
   Future<Locale> setLocale(String languageCode) async {

lib/product/services/map_services.dart

@@ -10,9 +10,8 @@ import '../shared/find_location_maps/model/prediction_model.dart';
 import '../shared/model/near_by_search_model.dart';
 
 class MapServices {
-  
+  Future<List<PlaceDetails>> getNearbyPlaces(
-  Future<List<PlaceDetails>> getNearbyPlaces(double latitude, double longitude,
+      double latitude, double longitude, String searchKey, int radius, String type) async {
-      String searchKey, int radius, String type) async {
     List<PlaceDetails> result = [];
     var url = Uri.parse(
         'https://maps.googleapis.com/maps/api/place/autocomplete/json?input=$searchKey&language=vi&location=$latitude%2C$longitude&radius=$radius&strictbounds=true&type=$type&key=${ApplicationConstants.MAP_KEY}');
@@ -43,22 +42,22 @@ class MapServices {
     List<LatLng> polylineCoordinates = [];
     PolylinePoints polylinePoints = PolylinePoints();
 
-    // PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
+    PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
-    //     ApplicationConstants.MAP_KEY,
+        googleApiKey: ApplicationConstants.MAP_KEY,
-    //     PointLatLng(origin.latitude, origin.longitude),
+        request: PolylineRequest(
-    //     PointLatLng(destination.latitude, destination.longitude),
-    //     travelMode: TravelMode.driving,
-    //     optimizeWaypoints: true);
-    // if (result.points.isNotEmpty) {
-    //   for (var point in result.points) {
-    //     polylineCoordinates.add(LatLng(point.latitude, point.longitude));
-    //   }
-    //   return polylineCoordinates;
-    // } else {
-    //   log("Lỗi khi tìm đường");
-    //   return [];
-    // }
-    return [];
-  }
 
-}
+            origin: PointLatLng(origin.latitude, origin.longitude),
+            destination: PointLatLng(destination.latitude, destination.longitude),
+            mode: TravelMode.driving,
+            optimizeWaypoints: true));
+    if (result.points.isNotEmpty) {
+      for (var point in result.points) {
+        polylineCoordinates.add(LatLng(point.latitude, point.longitude));
+      }
+      return polylineCoordinates;
+    } else {
+      log("Lỗi khi tìm đường");
+      return [];
+    }
+  }
+}

lib/product/services/notification_services.dart

@@ -1,121 +1,262 @@
 import 'dart:developer' as dev;
+import 'dart:io';
 import 'dart:math' as math;
-import 'package:firebase_messaging/firebase_messaging.dart';
+import 'package:alarm/alarm.dart';
+import 'package:firebase_core/firebase_core.dart';
+import 'package:firebase_messaging/firebase_messaging.dart'
+    as firebase_messaging;
 import 'package:flutter/material.dart';
+import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
 import 'package:flutter_local_notifications/flutter_local_notifications.dart';
-import 'package:persistent_bottom_nav_bar/persistent_bottom_nav_bar.dart';
 
+import '../utils/app_logger_utils.dart';
+import '../../firebase_options.dart';
+import 'alarm_services.dart';
+
+@pragma('vm:entry-point')
 class NotificationServices {
-  FirebaseMessaging messaging = FirebaseMessaging.instance;
+  static final FlutterLocalNotificationsPlugin _notificationsPlugin =
-  final FlutterLocalNotificationsPlugin _flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();
+      FlutterLocalNotificationsPlugin();
+  final firebase_messaging.FirebaseMessaging _messaging =
+      firebase_messaging.FirebaseMessaging.instance;
+  AlarmServices alarmServices = AlarmServices();
 
-  Future<void> initLocalNotifications(PersistentTabController controller) async {
+  Future<void> initialize() async {
-    const AndroidInitializationSettings androidInitializationSettings = AndroidInitializationSettings('@mipmap/ic_launcher');
+    await initializeLocalNotifications();
-    const DarwinInitializationSettings iosInitializationSettings = DarwinInitializationSettings();
+    dev.log("NotificationService initialized");
-    const InitializationSettings initializationSettings = InitializationSettings(
+  }
-      android: androidInitializationSettings,
-      iOS: iosInitializationSettings,
-    );
 
-    await _flutterLocalNotificationsPlugin.initialize(
+  @pragma('vm:entry-point')
-      initializationSettings,
+  Future<void> initializeLocalNotifications() async {
-      onDidReceiveNotificationResponse: (NotificationResponse response) {
+    try {
-        dev.log("Người dùng click thông báo ở foreground với payload: ${response.payload}");
+      const androidInitSettings =
-        handleMessage(response.payload,controller);
+          AndroidInitializationSettings('@mipmap/ic_launcher');
-      },
+      final darwinInitSettings = DarwinInitializationSettings(
-    );
+        onDidReceiveLocalNotification: _onDidReceiveLocalNotification,
-    dev.log("Local notifications initialized");
+      );
+      final initSettings = InitializationSettings(
+        android: androidInitSettings,
+        iOS: darwinInitSettings,
+      );
+
+      await _notificationsPlugin.initialize(
+        initSettings,
+        onDidReceiveNotificationResponse: _onDidReceiveNotificationResponse,
+      );
+
+      dev.log("Local notifications initialized");
+    } catch (e) {
+      AppLoggerUtils.error("Failed to initialize local notifications", e);
+    }
+  }
+
+  Future<void> _onDidReceiveLocalNotification(
+      int id, String? title, String? body, String? payload) async {
+    // Handle local notification tap when app is foreground (iOS)
+    dev.log("Local notification tapped (foreground): payload=$payload");
+  }
+
+  Future<void> _onDidReceiveNotificationResponse(
+      NotificationResponse response) async {
+    // Handle local notification tap (both foreground & background)
+    final payload = response.payload;
+    dev.log("Notification tapped: payload=$payload");
+
+    if (payload != null && payload.isNotEmpty) {
+      final controller = PersistentTabController(initialIndex: 0);
+      handleMessage(payload, controller);
+    }
   }
 
   void firebaseInit(BuildContext context) {
-    FirebaseMessaging.onMessage.listen((message) {
+    firebase_messaging.FirebaseMessaging.onMessage.listen((message) {
-      dev.log("Foreground message payload: ${message.toMap()}");
+      _handleForegroundMessage(message);
-      if (WidgetsBinding.instance != null) {
-        showNotification(message);
-      } else {
-        dev.log("App is in background, skipping foreground notification");
-      }
     });
   }
 
-  Future<String> getDeviceToken() async {
-    print("GET FB TOKEN");
-    String? token = await messaging.getAPNSToken();
-    print("GET FB: ${token}");
-    return token!;
-  }
-
   void isTokenRefresh() {
-    messaging.onTokenRefresh.listen((newToken) {
+    _messaging.onTokenRefresh.listen((newToken) {
       dev.log("Refresh Firebase Messaging Token: $newToken");
     });
   }
 
-  Future<void> showNotification(RemoteMessage message) async {
+  static Future<bool?> requestNotificationPermission() async {
-    dev.log(message.toString());
+    try {
-    dev.log(message.data.toString());
+      final messaging = firebase_messaging.FirebaseMessaging.instance;
-    dev.log(message.data["notification"].toString());
+      final settings = await messaging.requestPermission(
-    String? title = message.data['title'];
+        alert: true,
-    String? body = message.data['body'];
+        announcement: false,
-    String type = message.data['type'] ?? "normal";
+        badge: true,
-
+        provisional: false,
-    if (title == null || body == null) {
+        sound: true,
-      dev.log("Skipping notification due to missing title or body");
+      );
-      return;
+      return settings.authorizationStatus ==
+          firebase_messaging.AuthorizationStatus.authorized;
+    } catch (e) {
+      AppLoggerUtils.error("Failed to request notification permission", e);
+      return null;
     }
+  }
 
-    AndroidNotificationChannel androidNotificationChannel = AndroidNotificationChannel(
+  /// Xử lý message khi app foreground
-      math.Random.secure().nextInt(1000000).toString(),
+  Future<void> _handleForegroundMessage(
-      'High Importance Notification',
+      firebase_messaging.RemoteMessage message) async {
-      importance: Importance.max,
+    try {
-    );
+      final type = message.data['type'] as String? ?? 'normal';
+      final title =
+          message.notification?.title ?? message.data['title'] ?? 'SFM';
+      final body = message.notification?.body ?? message.data['body'] ?? '';
 
-    final androidPlugin = _flutterLocalNotificationsPlugin.resolvePlatformSpecificImplementation<AndroidFlutterLocalNotificationsPlugin>();
+      dev.log('Foreground message: type=$type, title=$title, body=$body');
-    await androidPlugin?.deleteNotificationChannel(androidNotificationChannel.id);
 
-    AndroidNotificationDetails androidNotificationDetails = AndroidNotificationDetails(
+      if (type == 'smoke_warning') {
-      androidNotificationChannel.id,
+        // Hiển thị alarm, không hiển thị notification
-      androidNotificationChannel.name,
+        await _showAlarm(title, body);
-      channelDescription: "Channel description",
+      } else {
-      sound: getSound(type),
+        // Hiển thị notification local
-      importance: androidNotificationChannel.importance,
+        await _showForegroundNotification(title, body, type);
-      priority: Priority.high,
+      }
-      ticker: 'ticker',
+    } catch (e, stackTrace) {
-      actions: type == "smoke_warning"
+      AppLoggerUtils.error('Error handling foreground message', e, stackTrace);
-        ? [
+    }
-          const AndroidNotificationAction(
+  }
-              "id1",
-              "Hogg xóa được",
-              // true thì khi nhấn vào button sẽ mở giao diện ra
-              showsUserInterface: true,
-              cancelNotification: false,
-          )
-      ]
-        : null
-    );
 
-    const DarwinNotificationDetails darwinNotificationDetails = DarwinNotificationDetails(
+  /// Hiển thị alarm (smoke warning)
-      presentAlert: true,
+  Future<void> _showAlarm(String title, String body) async {
-      presentBadge: true,
+    try {
-      presentBanner: true,
+      await Alarm.init();
-      presentSound: true,
-    );
 
-    NotificationDetails notificationDetails = NotificationDetails(
+      final alarmSettings = AlarmSettings(
-      android: androidNotificationDetails,
+        id: 42,
-      iOS: darwinNotificationDetails,
+        dateTime: DateTime.now(),
-    );
+        assetAudioPath: 'assets/sounds/warning_alarm.mp3',
+        loopAudio: true,
+        vibrate: true,
+        warningNotificationOnKill: Platform.isIOS,
+        androidFullScreenIntent: true,
+        volumeSettings: VolumeSettings.fade(
+          volume: 0.8,
+          fadeDuration: const Duration(seconds: 5),
+          volumeEnforced: true,
+        ),
+        notificationSettings: NotificationSettings(
+          title: title,
+          body: body,
+          stopButton: 'Dừng thông báo',
+          icon: "ic_launcher",
+        ),
+      );
 
-    // Truyền payload vào thông báo
+      await Alarm.set(alarmSettings: alarmSettings);
-    String payload = message.data['type'] ?? "default";
+      dev.log('Alarm set successfully: $title');
-    await _flutterLocalNotificationsPlugin.show(
+    } catch (e, stackTrace) {
-      math.Random.secure().nextInt(1000000),
+      AppLoggerUtils.error('Failed to set alarm', e, stackTrace);
-      title,
+    }
-      body,
+  }
-      notificationDetails,
+
-      payload: payload,
+  /// Hiển thị notification local khi app foreground
-    );
+  Future<void> _showForegroundNotification(
-    dev.log("Displayed notification with title: $title, body: $body, type: $type");
+      String title, String body, String type) async {
+    try {
+      final androidDetails = AndroidNotificationDetails(
+        'sfm_channel_${math.Random.secure().nextInt(1000000)}',
+        'SFM Notifications',
+        channelDescription: 'Notifications from SFM app',
+        sound: getSound(type),
+        importance: Importance.max,
+        priority: Priority.high,
+        ticker: 'ticker',
+      );
+
+      final iosDetails = DarwinNotificationDetails(
+        sound: _getSoundNameForIOS(type),
+        presentAlert: true,
+        presentBadge: true,
+        presentBanner: true,
+        presentSound: true,
+      );
+
+      final notificationDetails = NotificationDetails(
+        android: androidDetails,
+        iOS: iosDetails,
+      );
+
+      await _notificationsPlugin.show(
+        math.Random.secure().nextInt(1000000),
+        title,
+        body,
+        notificationDetails,
+        payload: type,
+      );
+
+      dev.log('Foreground notification shown: title=$title, type=$type');
+    } catch (e, stackTrace) {
+      AppLoggerUtils.error(
+          'Failed to show foreground notification', e, stackTrace);
+    }
+  }
+
+  /// Hiển thị notification cho background/terminate
+  Future<void> showBackgroundOrTerminateNotification(
+      firebase_messaging.RemoteMessage message) async {
+    try {
+      final type = message.data['type'] as String? ?? 'normal';
+      final title =
+          message.notification?.title ?? message.data['title'] ?? 'SFM';
+      final body = message.notification?.body ?? message.data['body'] ?? '';
+
+      dev.log('Background/terminate notification: type=$type, title=$title');
+
+      // Cho Android: nếu type = smoke_warning, hiển thị alarm
+      // Cho iOS: chỉ hiển thị notification, APNs payload sẽ phát sound natively
+      if (type == 'smoke_warning' && Platform.isAndroid) {
+        dev.log('→ Showing alarm for Android background');
+        await _showAlarm(title, body);
+        return;
+      }
+
+      // Hiển thị notification (cho cả iOS lẫn Android, nhưng iOS không có alarm)
+      final channelId = math.Random.secure().nextInt(1000000).toString();
+      const channelName = 'SFM Notifications';
+      const channelDescription = 'Notifications from SFM app';
+
+      final androidDetails = AndroidNotificationDetails(
+        channelId,
+        channelName,
+        channelDescription: channelDescription,
+        sound: getSound(type),
+        importance: Importance.max,
+        priority: Priority.high,
+        ticker: 'ticker',
+      );
+
+      final iosDetails = DarwinNotificationDetails(
+        sound: _getSoundNameForIOS(type),
+        presentAlert: true,
+        presentBadge: true,
+        presentBanner: true,
+        presentSound: true,
+      );
+
+      final notificationDetails = NotificationDetails(
+        android: androidDetails,
+        iOS: iosDetails,
+      );
+
+      await _notificationsPlugin.show(
+        int.parse(channelId),
+        title,
+        body,
+        notificationDetails,
+        payload: type,
+      );
+
+      dev.log(
+          'Background/terminate notification shown: title=$title, type=$type');
+    } catch (e, stackTrace) {
+      AppLoggerUtils.error(
+          'Failed to show background/terminate notification', e, stackTrace);
+    }
   }
 
   AndroidNotificationSound getSound(String type) {
@@ -128,35 +269,110 @@ class NotificationServices {
     } else if (type == "battery_warning") {
       return const RawResourceAndroidNotificationSound("new_alarm");
     } else {
-      return const RawResourceAndroidNotificationSound("normal");
+      return const RawResourceAndroidNotificationSound("warning_alarm");
     }
   }
 
+  String _getSoundNameForIOS(String type) {
+    // iOS tìm file trong app bundle (không có đuôi)
+    if (type == "smoke_warning" || type == "battery_warning") {
+      return "warning_alarm"; // file: warning_alarm.caf trong bundle
+    }
+    return "default";
+  }
+
   void handleMessage(String? payload, PersistentTabController controller) {
-    dev.log("Handling notification tap with payload: $payload");
+    AppLoggerUtils.info("Handling notification tap with payload: $payload");
     controller.jumpToTab(1);
+
+    if (payload == "smoke_warning") {
+      // TODO: Navigate to smoke warning screen nếu cần
+      // NavigationRouter.navigateToSmokeWarningScreen();
+    } else if (payload == "battery_warning") {
+      // TODO: Navigate to battery warning screen nếu cần
+      // NavigationRouter.navigateToBatteryWarningScreen();
+    }
   }
 
   Future<void> setupInteractMessage(PersistentTabController controller) async {
-    // Khi app terminated
+    // Khi app terminated, được mở bằng notification
-    RemoteMessage? initialMessage = await FirebaseMessaging.instance.getInitialMessage();
+    firebase_messaging.RemoteMessage? initialMessage =
+        await firebase_messaging.FirebaseMessaging.instance.getInitialMessage();
 
     if (initialMessage != null) {
       WidgetsBinding.instance.addPostFrameCallback((_) {
-        try {
+        final type = initialMessage.data['type'] as String?;
-          handleMessage(initialMessage.data['type'],controller);
+        handleMessage(type, controller);
-        } catch (e, stack) {
-          dev.log("Error handling initial message: $e\n$stack");
-        }
       });
     }
-    // Khi app ở background
+
-    FirebaseMessaging.onMessageOpenedApp.listen((message) {
+    // Khi app background, user tap notification
+    firebase_messaging.FirebaseMessaging.onMessageOpenedApp.listen((message) {
       try {
-        handleMessage(message.data['type'],controller);
+        final type = message.data['type'] as String?;
-      } catch (e, stack) {
+        handleMessage(type, controller);
-        dev.log("Error in onMessageOpenedApp: $e\n$stack");
+      } catch (e, stackTrace) {
+        AppLoggerUtils.error('Error in onMessageOpenedApp', e, stackTrace);
       }
     });
   }
-}
+
+  @pragma('vm:entry-point')
+  static Future<void> firebaseMessagingBackgroundHandler(
+      firebase_messaging.RemoteMessage message) async {
+    try {
+      // Log to device storage for debugging background isolate
+      dev.log('═══ BACKGROUND HANDLER STARTED ═══');
+      dev.log('Message data: ${message.data}');
+      dev.log('Notification: ${message.notification}');
+
+      await Alarm.init();
+      dev.log('✓ Alarm initialized');
+
+      if (Firebase.apps.isEmpty) {
+        await Firebase.initializeApp(
+          options: DefaultFirebaseOptions.currentPlatform,
+          name: "sfm-notification",
+        );
+        dev.log('✓ Firebase initialized in background');
+      } else {
+        dev.log('✓ Firebase already initialized');
+      }
+
+      final type = message.data['type'] as String? ?? 'normal';
+      final title = message.notification?.title ??
+          message.data['title'] ??
+          'Thông báo từ SmartFM';
+      final body = message.notification?.body ??
+          message.data['body'] ??
+          'Bạn có một thông báo mới';
+
+      dev.log('Message type: $type');
+      dev.log('Title: $title');
+      dev.log('Body: $body');
+
+      // Logic: Hiển thị local notification cho background/terminate
+      // iOS sẽ phát sound natively thông qua APNs payload (aps.sound)
+      // Android sẽ phát sound thông qua local notification
+      try {
+        final notificationService = NotificationServices();
+        await notificationService.initialize();
+        dev.log('✓ Notification service initialized');
+
+        await notificationService
+            .showBackgroundOrTerminateNotification(message);
+        dev.log('✓ Background/terminate notification shown');
+      } catch (notifError, notifStackTrace) {
+        dev.log('✗ ERROR showing notification: $notifError');
+        dev.log('Stack trace: $notifStackTrace');
+        rethrow;
+      }
+
+      dev.log('═══ BACKGROUND HANDLER COMPLETED ═══');
+    } catch (e, stackTrace) {
+      dev.log('✗ BACKGROUND HANDLER FAILED');
+      dev.log('Error: $e');
+      dev.log('Stack trace: $stackTrace');
+    }
+  }
+}

lib/product/shared/shared_background.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/constant/image/image_constants.dart';
+
+import '../constant/image/image_constants.dart';
 
 class SharedBackground extends StatelessWidget {
   final Widget child;

lib/product/shared/shared_component_loading_animation.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
+
+class SharedComponentLoadingAnimation extends StatefulWidget {
+  const SharedComponentLoadingAnimation({super.key});
+
+  @override
+  State<SharedComponentLoadingAnimation> createState() => _SharedComponentLoadingAnimationState();
+}
+
+class _SharedComponentLoadingAnimationState extends State<SharedComponentLoadingAnimation> {
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: LottieBuilder.asset(
+        'assets/animations/component_loading.json',
+        width: 80,
+        height: 80,
+        fit: BoxFit.fill,
+      ),
+    );
+  }
+}

lib/product/shared/shared_language_switch.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/constant/icon/icon_constants.dart';
+
+import '../constant/icon/icon_constants.dart';
 
 const int _kDuration = 300;
 const double _kWidth = 60;

lib/product/shared/shared_line_chart.dart

@@ -1,7 +1,7 @@
 import 'package:fl_chart/fl_chart.dart';
 import 'package:flutter/material.dart';
-import 'package:sfm_app/feature/device_log/device_logs_model.dart';
+import '../../feature/device_log/device_logs_model.dart';
-import 'package:sfm_app/product/utils/date_time_utils.dart';
+import '../utils/date_time_utils.dart';
 
 Widget sharedLineChart(String chartName, List<SensorLogs> sensors) {
   return LineChart(

lib/product/shared/shared_loading_animation.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
+
+class SharedLoadingAnimation extends StatefulWidget {
+  const SharedLoadingAnimation({super.key});
+
+  @override
+  State<SharedLoadingAnimation> createState() => _SharedLoadingAnimationState();
+}
+
+class _SharedLoadingAnimationState extends State<SharedLoadingAnimation> {
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: LottieBuilder.asset(
+        'assets/animations/loading.json',
+        width: 100,
+        height: 100,
+        fit: BoxFit.fill,
+      ),
+    );
+  }
+}

lib/product/shared/shared_pie_chart.dart

@@ -182,23 +182,23 @@ class _SharedPieChartState extends State<SharedPieChart> {
         switch (originalIndex) {
           case 0: // OFFLINE_STATE
             log("Touched Index device state = -1");
-            widget.devicesManagerBloc.getDeviceByState(-1);
+            widget.devicesManagerBloc.getDeviceByState(context,-1);
             break;
           case 1: // NORMAL_STATE
             log("Touched Index Get device state = 0");
-            widget.devicesManagerBloc.getDeviceByState(0);
+            widget.devicesManagerBloc.getDeviceByState(context,0);
             break;
           case 2: // WARNING_STATE
             log("Touched Index Get device state = 1");
-            widget.devicesManagerBloc.getDeviceByState(1);
+            widget.devicesManagerBloc.getDeviceByState(context,1);
             break;
           case 3: // INPROGRESS_STATE
             log("Touched Index Get device state = 2");
-            widget.devicesManagerBloc.getDeviceByState(2);
+            widget.devicesManagerBloc.getDeviceByState(context,2);
             break;
           case 4: // ERROR_STATE
             log("Touched Index Get device state = 3");
-            widget.devicesManagerBloc.getDeviceByState(3);
+            widget.devicesManagerBloc.getDeviceByState(context,3);
             break;
         }
       }

lib/product/shared/shared_rocket_container.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+
+class SharedRocketContainer extends CustomClipper<Path> {
+  @override
+  Path getClip(Size size) {
+    final double width = size.width;
+    final double height = size.height;
+
+    const double pointyWidth = 20.0;
+
+    Path path = Path();
+    path.moveTo(0, 0);
+    path.lineTo(width - pointyWidth, 0);
+    path.lineTo(width, height / 2);
+    path.lineTo(width - pointyWidth, height);
+    path.lineTo(0, height);
+    path.close();
+
+    return path;
+  }
+
+  @override
+  bool shouldReclip(CustomClipper<Path> oldClipper) {
+    return false;
+  }
+}

lib/product/shared/shared_snack_bar.dart

@@ -1,8 +1,9 @@
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/extension/context_extension.dart';
 import 'package:top_snackbar_flutter/custom_snack_bar.dart';
 import 'package:top_snackbar_flutter/top_snack_bar.dart';
 
+import '../extension/context_extension.dart';
+
 void showNoIconTopSnackBar(BuildContext context, String message,
     Color backgroundColor, Color textColor) {
   if (!context.mounted) return;

lib/product/theme/app_theme_dark.dart

@@ -1,7 +1,7 @@
 import 'package:flex_color_scheme/flex_color_scheme.dart';
 import 'package:flutter/material.dart';
-import 'package:sfm_app/product/theme/app_theme.dart';
 
+import 'app_theme.dart';
 class AppThemeDark extends AppTheme {
   static AppThemeDark? _instance;
   static AppThemeDark get instance {
@@ -13,6 +13,7 @@ class AppThemeDark extends AppTheme {
 
   @override
   ThemeData get theme => FlexThemeData.dark(
+        scaffoldBackground: Colors.black,
         useMaterial3: true,
         scheme: FlexScheme.flutterDash,
         subThemesData: const FlexSubThemesData(

lib/product/theme/app_theme_light.dart

@@ -13,6 +13,7 @@ class AppThemeLight extends AppTheme {
 
   @override
   ThemeData get theme => FlexThemeData.light(
+        scaffoldBackground: Colors.white,
         useMaterial3: true,
         scheme: FlexScheme.flutterDash,
         bottomAppBarElevation: 20.0,

lib/product/utils/app_logger_utils.dart

@@ -0,0 +1,39 @@
+import 'package:logger/logger.dart';
+
+class AppLoggerUtils{
+  static final Logger _logger = Logger(
+    printer: PrettyPrinter(
+      methodCount: 2,
+      errorMethodCount: 8,
+      lineLength: 120,
+      colors: true,
+      printEmojis: true,
+      dateTimeFormat: (DateTime dateTime) {
+        // Tùy chỉnh định dạng thời gian
+        return '[${DateTime.now().toLocal().toString().split(' ')[1]}]';
+      },
+      // dateTimeFormat: DateTimeFormat.dateAndTime
+    ),
+    level: Level.debug, // Cấp độ log tối thiểu (có thể thay đổi trong môi trường production)
+  );
+
+  static void debug(String message, [dynamic error, StackTrace? stackTrace]) {
+    _logger.d(message);
+  }
+
+  static void info(String message, [dynamic error, StackTrace? stackTrace]) {
+    _logger.i(message);
+  }
+
+  static void warning(String message, [dynamic error, StackTrace? stackTrace]) {
+    _logger.w(message, error: error, stackTrace: stackTrace);
+  }
+
+  static void error(String message, [dynamic error, StackTrace? stackTrace]) {
+    _logger.e(message, error: error, stackTrace: stackTrace);
+  }
+
+  static void trace(String message, [dynamic error, StackTrace? stackTrace]) {
+    _logger.t(message, error: error, stackTrace: stackTrace);
+  }
+}

lib/product/utils/device_utils.dart

@@ -1,12 +1,10 @@
-import 'dart:convert';
-
 import 'package:flutter/material.dart';
-import 'package:sfm_app/feature/device_log/device_logs_model.dart';
-import 'package:sfm_app/product/services/api_services.dart';
-import 'package:sfm_app/product/services/language_services.dart';
-import 'package:sfm_app/product/shared/model/district_model.dart';
-import 'package:sfm_app/product/shared/model/province_model.dart';
 
+import '../../feature/device_log/device_logs_model.dart';
+import '../services/api_services.dart';
+import '../services/language_services.dart';
+import '../shared/model/district_model.dart';
+import '../shared/model/province_model.dart';
 import '../../feature/devices/device_model.dart';
 import '../constant/icon/icon_constants.dart';
 import '../shared/model/ward_model.dart';
@@ -93,30 +91,34 @@ class DeviceUtils {
     return map;
   }
 
+
   Future<String> getFullDeviceLocation(
-      BuildContext context, String areaPath) async {
+      BuildContext context, String areaPath, String? deviceName) async {
-    if (areaPath != "") {
+    if (areaPath.isNotEmpty) {
       List<String> parts = areaPath.split('_');
 
+      if (parts.length < 3 || parts[0].isEmpty || parts[1].isEmpty || parts[2].isEmpty) {
+        if (deviceName != null && deviceName.isNotEmpty) {
+          return deviceName;
+        } else {
+          return appLocalization(context).no_data_message;
+        }
+      }
+
       String provinceID = parts[0];
       String districtID = parts[1];
       String wardID = parts[2];
-
+      
-      String provinceBody = await apiServices.getProvinceByID(provinceID);
+      Province province = await apiServices.getProvinceByID(provinceID);
-      final provinceItem = jsonDecode(provinceBody);
+      District district = await apiServices.getDistrictByID(districtID);
-      Province province = Province.fromJson(provinceItem['data']);
+      Ward ward = await apiServices.getWardByID(wardID);
-      String districtBody = await apiServices.getDistrictByID(districtID);
-      final districtItem = jsonDecode(districtBody);
-      District district = District.fromJson(districtItem['data']);
-      String wardBody = await apiServices.getWardByID(wardID);
-      final wardItem = jsonDecode(wardBody);
-      Ward ward = Ward.fromJson(wardItem['data']);
-
       return "${ward.fullName}, ${district.fullName}, ${province.fullName}";
     }
+
     return appLocalization(context).no_data_message;
   }
 
+
   String checkStateDevice(BuildContext context, int state) {
     String message = appLocalization(context).no_data_message;
     if (state == 1) {
@@ -157,11 +159,11 @@ class DeviceUtils {
     } else if (state == 0) {
       return const Color(0xFF9EF16D);
     } else if (state == 2) {
-      return const Color(0xFFF5EF44);;
+      return const Color(0xFFF5EF44);
     } else if (state == -1) {
-      return const Color(0xFFBBBAC2);;
+      return const Color(0xFFBBBAC2);
     } else {
-      return const Color(0xFFF5EF44);;
+      return const Color(0xFFF5EF44);
     }
   }
 

lib/product/utils/permission_handler.dart

@@ -23,7 +23,8 @@ Future<LocationPermission> checkAndRequestPermission() async {
   }
 
   if (permission == LocationPermission.deniedForever) {
-    print('Quyền truy cập vị trí bị từ chối vĩnh viễn. Vui lòng cấp quyền trong cài đặt.');
+    print(
+        'Quyền truy cập vị trí bị từ chối vĩnh viễn. Vui lòng cấp quyền trong cài đặt.');
     return permission;
   }
 
@@ -54,9 +55,10 @@ Future<void> requestLocationPermission() async {
 
   // Bước 2: Kiểm tra và yêu cầu quyền
   LocationPermission permission = await checkAndRequestPermission();
-  
+
   // Bước 3: Nếu quyền được cấp, lấy vị trí
-  if (permission == LocationPermission.whileInUse || permission == LocationPermission.always) {
+  if (permission == LocationPermission.whileInUse ||
+      permission == LocationPermission.always) {
     await getCurrentPosition();
   }
-}
+}

lib/product/utils/qr_utils.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_barcode_scanner_plus/flutter_barcode_scanner_plus.dart';
+
 import '../services/language_services.dart';
 
 class QRScanUtils {