Theme/language

lib/src/preferences/color_dialog.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+import 'package:material_symbols_icons/symbols.dart';
+import 'package:kmobile/utils/theme/color/color_scheme.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+class ColorDialog extends StatelessWidget {
+  const ColorDialog({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SimpleDialog(
+      title: const Text('Select Theme'),
+      children: <Widget>[
+        SimpleDialogOption(
+          onPressed: () {
+            Navigator.pop(context, KMobileColorScheme.everforest);
+          },
+          child: ListTile(
+            leading: const Icon(
+              Symbols.circle,
+              color: Colors.greenAccent,
+              fill: 1.0,
+            ),
+            title: Text(AppLocalizations.of(context)!.everforest),
+          ),
+        ),
+        SimpleDialogOption(
+          onPressed: () {
+            Navigator.pop(context, KMobileColorScheme.rosy);
+          },
+          child: ListTile(
+            leading: const Icon(
+              Symbols.circle,
+              color: Colors.pinkAccent,
+              fill: 1.0,
+            ),
+            title: Text(AppLocalizations.of(context)!.rosy),
+          ),
+        ),
+        SimpleDialogOption(
+          onPressed: () {
+            Navigator.pop(context, KMobileColorScheme.skypeia);
+          },
+          child: ListTile(
+            leading: const Icon(
+              Symbols.circle,
+              color: Colors.lightBlueAccent,
+              fill: 1.0,
+            ),
+            title: Text(AppLocalizations.of(context)!.skypeia),
+          ),
+        ),
+        SimpleDialogOption(
+          onPressed: () {
+            Navigator.pop(context, KMobileColorScheme.marigold);
+          },
+          child: ListTile(
+            leading: const Icon(
+              Symbols.circle,
+              color: Colors.amberAccent,
+              fill: 1.0,
+            ),
+            title: Text(AppLocalizations.of(context)!.marigold),
+          ),
+        ),
+        // const Divider(height: 0),
+      ],
+    );
+  }
+}

lib/src/preferences/language_dialog.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+
+class LanguageDialog extends StatelessWidget {
+  const LanguageDialog({super.key});
+
+  String getLocaleName(BuildContext context, String code) {
+    Map<String, String> localeCodeMap = {
+      'en': AppLocalizations.of(context)!.english,
+      'bn': AppLocalizations.of(context)!.bengali,
+      'ml': AppLocalizations.of(context)!.malayalam,
+      'hi': AppLocalizations.of(context)!.hindi,
+    };
+    return localeCodeMap[code] ?? 'Unknown';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return SimpleDialog(
+      title: Text(AppLocalizations.of(context)!.select_language),
+      children: AppLocalizations.supportedLocales.map(
+        (locale) {
+          return SimpleDialogOption(
+            onPressed: () => Navigator.pop(context, locale),
+            child: ListTile(title: Text(getLocaleName(context, locale.languageCode))),
+          );
+        },
+      ).toList(),
+    );
+  }
+}

lib/src/preferences/preference.dart

@@ -0,0 +1,72 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:kmobile/src/preferences/color_dialog.dart';
+import 'package:kmobile/src/preferences/language_dialog.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:kmobile/src/preferences/preferences_cubit.dart';
+import 'package:kmobile/src/preferences/preferences_state.dart';
+
+class Preference extends StatelessWidget {
+  const Preference({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<PreferencesCubit, PreferencesState>(
+      builder: (context, state) {
+        return Scaffold(
+          backgroundColor: Theme.of(context).colorScheme.background,
+          appBar: AppBar(
+            title: Text(AppLocalizations.of(context)!.preferences),
+          ),
+          body: ListView(
+            children: [
+              ListTile(
+                title: Text(AppLocalizations.of(context)!.dark_theme),
+                trailing: Switch(
+                  value: state.themeMode == ThemeMode.dark,
+                  onChanged: (value) {
+                    context.read<PreferencesCubit>().setThemeMode(
+                      value ? ThemeMode.dark : ThemeMode.light,
+                    );
+                  },
+                ),
+              ),
+              const Divider(height: 0),
+              ListTile(
+                title: Text(AppLocalizations.of(context)!.color_theme),
+                onTap: () => _changeCurrentTheme(context),
+              ),
+              const Divider(height: 0),
+              ListTile(
+                title: Text(AppLocalizations.of(context)!.language),
+                onTap: () => _changeCurrentLocale(context),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  Future<void> _changeCurrentTheme(BuildContext context) async {
+    final selectedColorScheme = await showDialog<Map<ThemeMode, ColorScheme>>(
+      context: context,
+      builder: (context) => const ColorDialog(),
+    );
+
+    if (context.mounted && selectedColorScheme != null) {
+      context.read<PreferencesCubit>().setColorScheme(selectedColorScheme);
+    }
+  }
+
+  Future<void> _changeCurrentLocale(BuildContext context) async {
+    final selectedLocale = await showDialog<Locale>(
+      context: context,
+      builder: (context) => const LanguageDialog(),
+    );
+
+    if (context.mounted && selectedLocale != null) {
+      context.read<PreferencesCubit>().setLocale(selectedLocale);
+    }
+  }
+}

lib/src/preferences/preferences_cubit.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'preferences_state.dart';
+import 'package:kmobile/utils/theme/color/color_scheme.dart';
+
+class PreferencesCubit extends Cubit<PreferencesState> {
+  PreferencesCubit()
+      : super(PreferencesState(
+          themeMode: ThemeMode.light,
+          colorScheme: KMobileColorScheme.everforest,
+          locale: const Locale.fromSubtags(languageCode: 'en'),
+        ));
+
+  void setThemeMode(ThemeMode mode) {
+    emit(state.copyWith(themeMode: mode));
+  }
+
+  void setColorScheme(Map<ThemeMode, ColorScheme> colorScheme) {
+    emit(state.copyWith(colorScheme: colorScheme));
+  }
+
+  void setLocale(Locale locale) {
+    emit(state.copyWith(locale: locale));
+  }
+}

lib/src/preferences/preferences_state.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/material.dart';
+
+class PreferencesState {
+  final ThemeMode themeMode;
+  final Map<ThemeMode, ColorScheme> colorScheme;
+  final Locale locale;
+
+  PreferencesState({
+    required this.themeMode,
+    required this.colorScheme,
+    required this.locale,
+  });
+
+  PreferencesState copyWith({
+    ThemeMode? themeMode,
+    Map<ThemeMode, ColorScheme>? colorScheme,
+    Locale? locale,
+  }) {
+    return PreferencesState(
+      themeMode: themeMode ?? this.themeMode,
+      colorScheme: colorScheme ?? this.colorScheme,
+      locale: locale ?? this.locale,
+    );
+  }
+}