Feat/ Play adhan and show notification when app is on foreground

android/app/src/main/AndroidManifest.xml

@@ -9,6 +9,7 @@
   <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
   <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
   <uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
+  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
   <uses-feature android:name="android.hardware.touchscreen" android:required="false"/>
   <uses-feature android:name="android.hardware.faketouch" android:required="false"/>
   <uses-feature android:name="android.hardware.telephony" android:required="false"/>
@@ -17,13 +18,41 @@
   <uses-feature android:name="android.hardware.location.gps" android:required="false"/>
   <uses-feature android:name="android.hardware.microphone" android:required="false"/>
   <uses-feature android:name="android.hardware.sensor" android:required="false"/>
+<!-- required -->
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+
+  <!-- foregroundServiceType: dataSync -->
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE_DATA_SYNC" />
+
+  <!-- foregroundServiceType: remoteMessaging -->
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE_REMOTE_MESSAGING" />
+
+
 
 
   <application
     android:banner="@mipmap/ic_banner"
     android:icon="@mipmap/ic_launcher"
     android:label="@string/app_name"
     android:usesCleartextTraffic="true">
+    <service
+          android:name="id.flutter.flutter_background_service.BackgroundService"
+          android:foregroundServiceType="mediaPlayback"
+          >
+    </service>
+    <service android:name="com.ryanheise.audioservice.AudioService"
+     android:exported="true">
+      <intent-filter>
+        <action android:name="android.media.browse.MediaBrowserService" />
+      </intent-filter>
+    </service>
+
+    <receiver android:name="com.ryanheise.audioservice.MediaButtonReceiver" 
+     android:exported="true">
+      <intent-filter>
+        <action android:name="android.intent.action.MEDIA_BUTTON" />
+      </intent-filter>
+    </receiver> 
     <activity
       android:name=".MainActivity"
       android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
@@ -32,6 +61,7 @@
       android:launchMode="singleTop"
       android:theme="@style/LaunchTheme"
       android:windowSoftInputMode="adjustResize">
+
       <!-- Specifies an Android theme to apply to this Activity as soon as
            the Android process has started. This theme is visible to the user
            while the Flutter UI initializes. After that, this theme continues

lib/main.dart

@@ -1,6 +1,9 @@
+import 'dart:async';
+
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_background_service/flutter_background_service.dart';
 import 'package:flutter_kurdish_localization/flutter_kurdish_localization.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart'
@@ -24,22 +27,30 @@ import 'package:mawaqit/src/helpers/riverpod_sentry_provider_observer.dart';
 import 'package:mawaqit/src/pages/SplashScreen.dart';
 import 'package:mawaqit/src/services/audio_manager.dart';
 import 'package:mawaqit/src/services/FeatureManager.dart';
+import 'package:mawaqit/src/services/background_service.dart';
 import 'package:mawaqit/src/services/mosque_manager.dart';
 import 'package:mawaqit/src/services/theme_manager.dart';
 import 'package:mawaqit/src/services/user_preferences_manager.dart';
+import 'package:notification_overlay/notification_overlay.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:provider/provider.dart';
 import 'package:sizer/sizer.dart';
 import 'package:timezone/data/latest.dart' as tz;
 
 final logger = Logger();
-
+@pragma("vm:entry-point")
 Future<void> main() async {
   await CrashlyticsWrapper.init(
     () async {
       WidgetsFlutterBinding.ensureInitialized();
       await Firebase.initializeApp();
       final directory = await getApplicationDocumentsDirectory();
+      final bool isPermissionGranted = await NotificationOverlay.checkOverlayPermission();
+      if (!isPermissionGranted) {
+        await NotificationOverlay.requestOverlayPermission();
+      }
+      await BackgroundService.initializeService();
+
       Hive.init(directory.path);
       tz.initializeTimeZones();
       Hive.registerAdapter(SurahModelAdapter());
@@ -58,7 +69,37 @@ Future<void> main() async {
   );
 }
 
-class MyApp extends StatelessWidget {
+class MyApp extends StatefulWidget {
+  @override
+  _MyAppState createState() => _MyAppState();
+}
+
+class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
+  @override
+  void initState() {
+    super.initState();
+    WidgetsBinding.instance.addObserver(this);
+    BackgroundService.setNotificationVisibility(true);
+  }
+
+  @override
+  void dispose() {
+    WidgetsBinding.instance.removeObserver(this);
+    super.dispose();
+  }
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    BackgroundService().didChangeAppLifecycleState(state);
+    if (state == AppLifecycleState.resumed) {
+      BackgroundService.setNotificationVisibility(false);
+      BackgroundService.pauseBackgroundOperations();
+    } else {
+      BackgroundService.setNotificationVisibility(true);
+      BackgroundService.resumeBackgroundOperations();
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return MultiProvider(

lib/src/pages/SplashScreen.dart

@@ -26,6 +26,7 @@ import 'package:mawaqit/src/pages/onBoarding/OnBoardingScreen.dart';
 import 'package:mawaqit/src/services/mosque_manager.dart';
 import 'package:mawaqit/src/state_management/random_hadith/random_hadith_notifier.dart';
 import 'package:mawaqit/src/widgets/InfoWidget.dart';
+import 'package:notification_overlay/notification_overlay.dart';
 import 'package:provider/provider.dart';
 import 'package:rive_splash_screen/rive_splash_screen.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -35,6 +36,7 @@ import '../helpers/AppDate.dart';
 import '../helpers/connectivity_provider.dart';
 import '../models/address_model.dart';
 import '../services/FeatureManager.dart';
+import '../services/background_service.dart';
 import 'home/widgets/show_check_internet_dialog.dart';
 import 'onBoarding/widgets/onboarding_timezone_selector.dart';
 import '../services/storage_manager.dart';
@@ -93,6 +95,7 @@ class _SpashState extends ConsumerState<Splash> {
     FeatureManagerProvider.initialize(context);
     await context.read<AppLanguage>().fetchLocale();
     await context.read<MosqueManager>().init().logPerformance("Mosque manager");
+    MosqueManager.setInstance(context.read<MosqueManager>());
   }
 
   Future<bool> loadBoarding() async {