update notification

android/app/build.gradle.kts

@@ -3,6 +3,7 @@ plugins {
     id("kotlin-android")
     // The Flutter Gradle Plugin must be applied after the Android and Kotlin Gradle plugins.
     id("dev.flutter.flutter-gradle-plugin")
+    id("com.google.gms.google-services")
 }
 
 android {
@@ -11,6 +12,7 @@ android {
     ndkVersion = "27.0.12077973"
 
     compileOptions {
+        isCoreLibraryDesugaringEnabled = true
         sourceCompatibility = JavaVersion.VERSION_11
         targetCompatibility = JavaVersion.VERSION_11
     }
@@ -24,7 +26,7 @@ android {
         applicationId = "com.apskel.enaklo_owner"
         // You can update the following values to match your application needs.
         // For more information, see: https://flutter.dev/to/review-gradle-config.
-        minSdk = flutter.minSdkVersion
+        minSdk = 21
         targetSdk = flutter.targetSdkVersion
         versionCode = flutter.versionCode
         versionName = flutter.versionName
@@ -42,3 +44,7 @@ android {
 flutter {
     source = "../.."
 }
+
+dependencies {
+    coreLibraryDesugaring("com.android.tools:desugar_jdk_libs:2.1.4")
+}

android/app/src/main/AndroidManifest.xml

@@ -7,6 +7,10 @@
     <uses-permission android:name="android.permission.READ_MEDIA_AUDIO"/>
     <!-- FCM: required for POST_NOTIFICATIONS on Android 13+ -->
     <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
+    <!-- FCM: allow background processing after device reboot -->
+    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
+    <!-- FCM: allow wake lock for background message processing -->
+    <uses-permission android:name="android.permission.WAKE_LOCK"/>
     
     <application
         android:label="Enaklo Owner"
@@ -48,7 +52,21 @@
         <!-- FCM: default notification icon -->
         <meta-data
             android:name="com.google.firebase.messaging.default_notification_icon"
-            android:resource="@mipmap/launcher_icon" />
+            android:resource="@drawable/ic_notification" />
+
+        <!-- FCM: default notification color -->
+        <meta-data
+            android:name="com.google.firebase.messaging.default_notification_color"
+            android:resource="@color/notification_color" />
+
+        <!-- FCM: background message handler service -->
+        <service
+            android:name="com.google.firebase.messaging.FirebaseMessagingService"
+            android:exported="false">
+            <intent-filter android:priority="-500">
+                <action android:name="com.google.firebase.MESSAGING_EVENT"/>
+            </intent-filter>
+        </service>
     </application>
     <!-- Required to query activities that can process text, see:
          https://developer.android.com/training/package-visibility and

android/app/src/main/res/values/colors.xml

@@ -1,4 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="ic_launcher_background">#ffffff</color>
+    <!-- FCM: notification accent color -->
+    <color name="notification_color">#FF6B35</color>
 </resources>

android/settings.gradle.kts

@@ -20,6 +20,7 @@ plugins {
     id("dev.flutter.flutter-plugin-loader") version "1.0.0"
     id("com.android.application") version "8.7.3" apply false
     id("org.jetbrains.kotlin.android") version "2.1.0" apply false
+    id("com.google.gms.google-services") version "4.4.2" apply false
 }
 
 include(":app")

ios/Runner/AppDelegate.swift

@@ -1,5 +1,6 @@
 import Flutter
 import UIKit
+import UserNotifications
 
 @main
 @objc class AppDelegate: FlutterAppDelegate {
@@ -7,7 +8,28 @@ import UIKit
     _ application: UIApplication,
     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
   ) -> Bool {
+    // Set notification delegate so notifications show in foreground & background
+    UNUserNotificationCenter.current().delegate = self
+
     GeneratedPluginRegistrant.register(with: self)
     return super.application(application, didFinishLaunchingWithOptions: launchOptions)
   }
+
+  // Called when a notification is delivered while app is in foreground
+  override func userNotificationCenter(
+    _ center: UNUserNotificationCenter,
+    willPresent notification: UNNotification,
+    withCompletionHandler completionHandler: @escaping (UNNotificationPresentationOptions) -> Void
+  ) {
+    completionHandler([.banner, .badge, .sound])
+  }
+
+  // Called when user taps a notification (foreground or background)
+  override func userNotificationCenter(
+    _ center: UNUserNotificationCenter,
+    didReceive response: UNNotificationResponse,
+    withCompletionHandler completionHandler: @escaping () -> Void
+  ) {
+    completionHandler()
+  }
 }

lib/common/constant/app_constant.dart

@@ -1,3 +1,3 @@
 class AppConstant {
-  static const String appName = "Apskel Owner";
+  static const String appName = "Enaklo Owner";
 }

lib/common/theme/app_color.dart

@@ -2,9 +2,9 @@ part of 'theme.dart';
 
 class AppColor {
   // Primary Colors
-  static const Color primary = Color(0xFF36175e);
+  static const Color primary = Color.fromARGB(255, 196, 2, 2); // #d90000
-  static const Color primaryLight = Color(0xFF5a2d85);
+  static const Color primaryLight = Color(0xFFFF4D4D); // merah terang
-  static const Color primaryDark = Color(0xFF1e0d35);
+  static const Color primaryDark = Color(0xFF990000); // merah gelap
 
   // Secondary Colors
   static const Color secondary = Color(0xFF4CAF50);
@@ -41,10 +41,9 @@ class AppColor {
 
   // Gradient Colors
   static const List<Color> primaryGradient = [
-    Color(0xFF36175e),
+    Color(0xFFD90000), // primary
-    Color(0xFF5a2d85),
+    Color(0xFF990000), // dark red
   ];
-
   static const List<Color> successGradient = [
     Color(0xFF4CAF50),
     Color(0xFF81C784),

lib/common/utils/fcm_service.dart

@@ -1,15 +1,54 @@
 import 'dart:convert';
 import 'dart:io';
 
+import 'package:firebase_core/firebase_core.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter_local_notifications/flutter_local_notifications.dart';
 import 'package:injectable/injectable.dart';
 
 /// Background message handler — must be a top-level function.
+/// Firebase must be initialized here for background isolate.
 @pragma('vm:entry-point')
 Future<void> firebaseMessagingBackgroundHandler(RemoteMessage message) async {
+  await Firebase.initializeApp();
   debugPrint('[FCM] Background message: ${message.messageId}');
+  // Show local notification for data-only messages in background
+  await _showBackgroundNotification(message);
+}
+
+/// Standalone local notifications plugin for background isolate use.
+final _backgroundLocalNotifications = FlutterLocalNotificationsPlugin();
+
+Future<void> _showBackgroundNotification(RemoteMessage message) async {
+  const androidInit = AndroidInitializationSettings('@drawable/ic_notification');
+  await _backgroundLocalNotifications.initialize(
+    const InitializationSettings(android: androidInit),
+  );
+
+  final notification = message.notification;
+  // Only show manually for data-only messages (FCM auto-shows notification messages)
+  if (notification != null) return;
+
+  final title = message.data['title'] as String?;
+  final body = message.data['body'] as String?;
+  if (title == null && body == null) return;
+
+  await _backgroundLocalNotifications.show(
+    message.hashCode,
+    title,
+    body,
+    const NotificationDetails(
+      android: AndroidNotificationDetails(
+        'high_importance_channel',
+        'High Importance Notifications',
+        importance: Importance.high,
+        priority: Priority.high,
+        icon: '@drawable/ic_notification',
+      ),
+    ),
+    payload: jsonEncode(message.data),
+  );
 }
 
 @lazySingleton
@@ -23,7 +62,10 @@ class FcmService {
     'high_importance_channel',
     'High Importance Notifications',
     description: 'This channel is used for important notifications.',
-    importance: Importance.high,
+    importance: Importance.max, // max agar banner (heads-up) muncul
+    playSound: true,
+    enableVibration: true,
+    enableLights: true,
   );
 
   /// Call this once during app startup (after Firebase.initializeApp).
@@ -124,11 +166,19 @@ class FcmService {
           _androidChannel.id,
           _androidChannel.name,
           channelDescription: _androidChannel.description,
-          icon: '@mipmap/launcher_icon',
+          icon: '@drawable/ic_notification',
-          importance: Importance.high,
+          importance: Importance.max,
           priority: Priority.high,
+          playSound: true,
+          enableVibration: true,
+          // Heads-up notification (banner)
+          fullScreenIntent: false,
+        ),
+        iOS: const DarwinNotificationDetails(
+          presentAlert: true,
+          presentBadge: true,
+          presentSound: true,
         ),
-        iOS: const DarwinNotificationDetails(),
       ),
       payload: jsonEncode(message.data),
     );

lib/presentation/pages/home/widgets/feature.dart

@@ -62,36 +62,36 @@ class HomeFeature extends StatelessWidget {
               ),
             ],
           ),
-          Row(
+          // Row(
-            mainAxisAlignment: MainAxisAlignment.spaceAround,
+          //   mainAxisAlignment: MainAxisAlignment.spaceAround,
-            crossAxisAlignment: CrossAxisAlignment.start,
+          //   crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
+          //   children: [
-              HomeFeatureTile(
+          //     HomeFeatureTile(
-                title: context.lang.form,
+          //       title: context.lang.form,
-                color: const Color(0xFFE91E63),
+          //       color: const Color(0xFFE91E63),
-                icon: LineIcons.fileAlt,
+          //       icon: LineIcons.fileAlt,
-                onTap: () => context.router.push(DailyTasksFormRoute()),
+          //       onTap: () => context.router.push(DailyTasksFormRoute()),
-              ),
+          //     ),
-              HomeFeatureTile(
+          //     HomeFeatureTile(
-                title: context.lang.schedule,
+          //       title: context.lang.schedule,
-                color: const Color(0xFF9C27B0),
+          //       color: const Color(0xFF9C27B0),
-                icon: LineIcons.calendar,
+          //       icon: LineIcons.calendar,
-                onTap: () => context.router.push(ScheduleRoute()),
+          //       onTap: () => context.router.push(ScheduleRoute()),
-              ),
+          //     ),
-              HomeFeatureTile(
+          //     HomeFeatureTile(
-                title: context.lang.inventory,
+          //       title: context.lang.inventory,
-                color: const Color(0xFF00BCD4),
+          //       color: const Color(0xFF00BCD4),
-                icon: LineIcons.archive,
+          //       icon: LineIcons.archive,
-                onTap: () => context.router.push(InventoryRoute()),
+          //       onTap: () => context.router.push(InventoryRoute()),
-              ),
+          //     ),
-              HomeFeatureTile(
+          //     HomeFeatureTile(
-                title: context.lang.customer,
+          //       title: context.lang.customer,
-                color: const Color(0xFFFF5722),
+          //       color: const Color(0xFFFF5722),
-                icon: LineIcons.userPlus,
+          //       icon: LineIcons.userPlus,
-                onTap: () => context.router.push(CustomerRoute()),
+          //       onTap: () => context.router.push(CustomerRoute()),
-              ),
+          //     ),
-            ],
+          //   ],
-          ),
+          // ),
         ],
       ),
     );

lib/presentation/pages/profile/profile_page.dart

@@ -1,5 +1,7 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:line_icons/line_icons.dart';
 import 'package:loader_overlay/loader_overlay.dart';
@@ -8,6 +10,7 @@ import '../../../application/auth/auth_bloc.dart';
 import '../../../application/auth/logout_form/logout_form_bloc.dart';
 import '../../../common/extension/extension.dart';
 import '../../../common/theme/theme.dart';
+import '../../../common/utils/fcm_service.dart';
 import '../../../injection.dart';
 import '../../components/button/button.dart';
 import '../../components/spacer/spacer.dart';
@@ -61,7 +64,7 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
                   backgroundColor: AppColor.primary,
                   elevation: 0,
                   pinned: true,
-                  expandedHeight: 264.0,
+                  expandedHeight: 270.0,
                   flexibleSpace: LayoutBuilder(
                     builder:
                         (BuildContext context, BoxConstraints constraints) {
@@ -70,7 +73,7 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
                           final double collapsedHeight =
                               MediaQuery.of(context).padding.top +
                               kToolbarHeight;
-                          final double expandedHeight = 264.0;
+                          final double expandedHeight = 270.0;
                           final double shrinkRatio =
                               ((expandedHeight - top) /
                                       (expandedHeight - collapsedHeight))
@@ -125,6 +128,9 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
                       const SpaceHeight(12),
                       ProfileDangerZone(),
                       const SpaceHeight(30),
+                      // Debug only: FCM Token
+                      if (kDebugMode) const _FcmTokenDebugWidget(),
+                      const SpaceHeight(30),
                     ],
                   ),
                 ),
@@ -140,3 +146,84 @@ class ProfilePage extends StatelessWidget implements AutoRouteWrapper {
   Widget wrappedRoute(BuildContext context) =>
       BlocProvider(create: (_) => getIt<LogoutFormBloc>(), child: this);
 }
+
+class _FcmTokenDebugWidget extends StatefulWidget {
+  const _FcmTokenDebugWidget();
+
+  @override
+  State<_FcmTokenDebugWidget> createState() => _FcmTokenDebugWidgetState();
+}
+
+class _FcmTokenDebugWidgetState extends State<_FcmTokenDebugWidget> {
+  String? _token;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadToken();
+  }
+
+  Future<void> _loadToken() async {
+    final token = await getIt<FcmService>().getToken();
+    if (mounted) setState(() => _token = token);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 16),
+      child: Container(
+        width: double.infinity,
+        padding: const EdgeInsets.all(12),
+        decoration: BoxDecoration(
+          color: AppColor.black.withOpacity(0.05),
+          borderRadius: BorderRadius.circular(8),
+          border: Border.all(color: AppColor.black.withOpacity(0.1)),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                const Icon(Icons.bug_report, size: 14),
+                const SizedBox(width: 4),
+                Text(
+                  'FCM Token (debug only)',
+                  style: AppStyle.sm.copyWith(fontWeight: FontWeight.w700),
+                ),
+                const Spacer(),
+                GestureDetector(
+                  onTap: () async {
+                    if (_token == null) return;
+                    await Clipboard.setData(ClipboardData(text: _token!));
+                    debugPrint('[FCM] Token copied: $_token');
+                    if (context.mounted) {
+                      ScaffoldMessenger.of(context).showSnackBar(
+                        const SnackBar(
+                          content: Text('FCM token copied!'),
+                          duration: Duration(seconds: 2),
+                        ),
+                      );
+                    }
+                  },
+                  child: Text(
+                    'Copy',
+                    style: AppStyle.sm.copyWith(
+                      color: AppColor.primary,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 6),
+            Text(
+              _token ?? 'Loading...',
+              style: AppStyle.xs.copyWith(color: AppColor.black.withOpacity(0.6)),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

pubspec.yaml

@@ -70,8 +70,8 @@ flutter:
   uses-material-design: true
   assets:
     - assets/images/
-    - assets/icons/
+    # - assets/icons/
-    - assets/json/
+    # - assets/json/
 
   fonts:
     - family: Quicksand