feat: refactor financial wallet UI components and add offline map service support

lib/controller/functions/background_service.dart

@@ -1,15 +1,17 @@
 import 'dart:async';
+import 'dart:convert';
 import 'dart:ui';
 import 'dart:io';
 import 'package:flutter/material.dart';
 import 'package:flutter_background_service/flutter_background_service.dart';
-import 'package:flutter_background_service_android/flutter_background_service_android.dart';
 import 'package:flutter_local_notifications/flutter_local_notifications.dart';
 import 'package:flutter_overlay_window/flutter_overlay_window.dart';
 import 'package:socket_io_client/socket_io_client.dart' as IO;
 import 'package:flutter_overlay_window/flutter_overlay_window.dart' as Overlay;
 import 'package:get_storage/get_storage.dart';
+import 'package:geolocator/geolocator.dart' as geo;
 import '../../constant/box_name.dart';
+import '../firebase/local_notification.dart';
 
 const String notificationChannelId = 'driver_service_channel';
 const int notificationId = 888;
@@ -35,14 +37,18 @@ Future<bool> onStart(ServiceInstance service) async {
         IO.OptionBuilder()
             .setTransports(['websocket'])
             .disableAutoConnect()
-            .setQuery({'driver_id': driverId, 'token': token})
+            .setQuery({
+              'driver_id': driverId,
+              'token': token,
+              'EIO': '3', // توافقية مع Workerman
+            })
             .setReconnectionAttempts(double.infinity)
             .build());
 
     socket.connect();
 
     socket.onConnect((_) {
-      print("✅ Background Service: Socket Connected!");
+      print("✅ Background Service: Socket Connected! ID: ${socket?.id}");
       if (service is AndroidServiceInstance) {
         flutterLocalNotificationsPlugin.show(
           id: notificationId,
@@ -70,39 +76,94 @@ Future<bool> onStart(ServiceInstance service) async {
       final box = GetStorage();
       bool isAppInForeground = box.read(BoxName.isAppInForeground) ?? false;
 
-      // 🔥 Check إضافي: هل الـ Overlay مفتوح بالفعل؟
-      bool overlayActive = await Overlay.FlutterOverlayWindow.isActive();
+      // 🔥 Check إضافي: هل الـ Overlay مفتوح بالفعل؟ (للأندرويد فقط)
+      bool overlayActive = false;
+      if (Platform.isAndroid) {
+        overlayActive = await Overlay.FlutterOverlayWindow.isActive();
+      }
 
       if (isAppInForeground || overlayActive) {
         print("🛑 App is FOREGROUND or Overlay already shown. Skipping.");
         return;
       }
 
-      // عرض الـ Overlay
-      print("🚀 App is BACKGROUND. Showing Overlay...");
-      try {
-        await Overlay.FlutterOverlayWindow.showOverlay(
-          enableDrag: true,
-          overlayTitle: "طلب جديد",
-          overlayContent: "لديك طلب جديد وصل للتو!",
-          flag: OverlayFlag.focusPointer,
-          positionGravity: PositionGravity.auto,
-          height: WindowSize.matchParent,
-          width: WindowSize.matchParent,
-          startPosition: const OverlayPosition(0, -30),
-        );
-        await Overlay.FlutterOverlayWindow.shareData(data);
-      } catch (e) {
-        print("Overlay Error: $e");
+      // عرض الـ Overlay (للأندرويد فقط)
+      if (Platform.isAndroid) {
+        print("🚀 App is BACKGROUND. Showing Overlay...");
+        try {
+          await Overlay.FlutterOverlayWindow.showOverlay(
+            enableDrag: true,
+            overlayTitle: "طلب جديد",
+            overlayContent: "لديك طلب جديد وصل للتو!",
+            flag: OverlayFlag.focusPointer,
+            positionGravity: PositionGravity.auto,
+            height: WindowSize.matchParent,
+            width: WindowSize.matchParent,
+            startPosition: const OverlayPosition(0, -30),
+          );
+          await Overlay.FlutterOverlayWindow.shareData(data);
+        } catch (e) {
+          print("Overlay Error: $e");
+        }
+      } else if (Platform.isIOS) {
+        // على iOS، نظهر إشعاراً عادياً لأن الـ Overlay غير موجود
+        flutterLocalNotificationsPlugin.show(
+            id: 1002,
+            title: "طلب رحلة جديد 🚖",
+            body: "لديك طلب رحلة جديد، افتح التطبيق للموافقة عليه",
+            notificationDetails: const NotificationDetails(
+              iOS: DarwinNotificationDetails(
+                presentAlert: true,
+                presentBadge: true,
+                presentSound: true,
+              ),
+            ),
+            payload: jsonEncode(data));
       }
     });
   }
 
   service.on('stopService').listen((event) {
-    socket?.disconnect();
+    socket?.clearListeners();
+    socket?.dispose();
     service.stopSelf();
   });
 
+  // 🔥 Location management in background isolate (Using Geolocator)
+  geo.Position? latestPos;
+
+  // Listen to location changes continuously in the background
+  geo.Geolocator.getPositionStream(
+    locationSettings: geo.AndroidSettings(
+      accuracy: geo.LocationAccuracy.high,
+      distanceFilter: 10,
+      intervalDuration: const Duration(seconds: 10),
+    ),
+  ).listen((pos) {
+    latestPos = pos;
+  });
+
+  // 🔥 MERCY HEARTBEAT: Send location every 2 minutes to keep driver active in 'raids'
+  Timer.periodic(const Duration(minutes: 2), (timer) async {
+    if (socket != null && socket.connected && latestPos != null) {
+      try {
+        socket.emit('update_location', {
+          'driver_id': driverId,
+          'lat': latestPos!.latitude,
+          'lng': latestPos!.longitude,
+          'heading': latestPos!.heading,
+          'speed': latestPos!.speed * 3.6,
+          'status': box.read(BoxName.statusDriverLocation) ?? 'on',
+          'source': 'background_heartbeat'
+        });
+        print(
+            "💓 Background Mercy Heartbeat Sent: ${latestPos!.latitude}, ${latestPos!.longitude}");
+      } catch (e) {
+        print("❌ Background Heartbeat Error: $e");
+      }
+    }
+  });
+
   Timer.periodic(const Duration(seconds: 30), (timer) async {
     if (service is AndroidServiceInstance) {
       if (await service.isForegroundService()) {