feat: language

lib/presentation/pages/language/language_page.dart

@@ -1,115 +1,52 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
+import '../../../application/language/language_bloc.dart';
+import '../../../common/extension/extension.dart';
 import '../../../common/theme/theme.dart';
-import '../../components/button/button.dart';
+import '../../../infrastructure/language/language.dart';
 import 'widgets/language_tile.dart';
 
 @RoutePage()
-class LanguagePage extends StatefulWidget {
+class LanguagePage extends StatelessWidget {
   const LanguagePage({super.key});
 
-  @override
-  State<LanguagePage> createState() => _LanguagePageState();
-}
-
-class _LanguagePageState extends State<LanguagePage> {
-  String selectedLanguage = 'en'; // Default language
-
-  final List<Map<String, dynamic>> languages = [
-    {'code': 'en', 'name': 'English', 'nativeName': 'English', 'flag': '🇺🇸'},
-    {
-      'code': 'id',
-      'name': 'Indonesian',
-      'nativeName': 'Bahasa Indonesia',
-      'flag': '🇮🇩',
-    },
-    {'code': 'es', 'name': 'Spanish', 'nativeName': 'Español', 'flag': '🇪🇸'},
-    {'code': 'fr', 'name': 'French', 'nativeName': 'Français', 'flag': '🇫🇷'},
-    {'code': 'de', 'name': 'German', 'nativeName': 'Deutsch', 'flag': '🇩🇪'},
-    {'code': 'ja', 'name': 'Japanese', 'nativeName': '日本語', 'flag': '🇯🇵'},
-    {'code': 'ko', 'name': 'Korean', 'nativeName': '한국어', 'flag': '🇰🇷'},
-    {'code': 'zh', 'name': 'Chinese', 'nativeName': '中文', 'flag': '🇨🇳'},
-    {'code': 'ar', 'name': 'Arabic', 'nativeName': 'العربية', 'flag': '🇸🇦'},
-    {
-      'code': 'pt',
-      'name': 'Portuguese',
-      'nativeName': 'Português',
-      'flag': '🇵🇹',
-    },
-  ];
-
-  void _selectLanguage(String languageCode) {
-    setState(() {
-      selectedLanguage = languageCode;
-    });
-  }
-
-  void _confirmSelection() {
-    // Here you would typically save the selected language to SharedPreferences
-    // or pass it back to the parent widget
-    Navigator.pop(context, selectedLanguage);
-
-    // Show confirmation snackbar
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(
-        content: Text(
-          'Language changed to ${_getLanguageName(selectedLanguage)}',
-        ),
-        backgroundColor: Colors.green,
-        duration: const Duration(seconds: 2),
-      ),
-    );
-  }
-
-  String _getLanguageName(String code) {
-    return languages.firstWhere((lang) => lang['code'] == code)['name'];
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: AppColor.background,
       appBar: AppBar(
-        title: const Text('Select Language'),
+        title: Text(context.lang.select_language),
         elevation: 0,
         leading: IconButton(
           icon: const Icon(Icons.arrow_back, color: Colors.white),
           onPressed: () => context.router.back(),
         ),
       ),
-      body: Column(
-        children: [
-          // Language list
-          Expanded(
-            child: ListView.builder(
-              padding: const EdgeInsets.all(16),
-              itemCount: languages.length,
-              itemBuilder: (context, index) {
-                final language = languages[index];
-                final isSelected = selectedLanguage == language['code'];
-
-                return LanguageTile(
-                  isSelected: isSelected,
-                  language: language,
-                  onTap: () => _selectLanguage(language['code']),
-                );
-              },
-            ),
-          ),
-
-          // Confirm button
-          Container(
+      body: BlocBuilder<LanguageBloc, LanguageState>(
+        builder: (context, state) {
+          return ListView.builder(
             padding: const EdgeInsets.all(16),
-            width: double.infinity,
-            decoration: BoxDecoration(color: AppColor.white),
-            child: AppElevatedButton(
-              text: 'Confirm',
-              isLoading: false,
-              onPressed: _confirmSelection,
-            ),
-          ),
-        ],
+            itemCount: languages.length,
+            itemBuilder: (context, index) {
+              final language = languages[index];
+              final isSelected =
+                  state.language.locale.languageCode ==
+                      language.locale.languageCode
+                  ? true
+                  : false;
+
+              return LanguageTile(
+                isSelected: isSelected,
+                language: language,
+                onTap: () => context.read<LanguageBloc>().add(
+                  LanguageEvent.changeLanguage(language),
+                ),
+              );
+            },
+          );
+        },
       ),
     );
   }

lib/presentation/pages/language/widgets/language_tile.dart

@@ -1,10 +1,11 @@
 import 'package:flutter/material.dart';
 
 import '../../../../common/theme/theme.dart';
+import '../../../../domain/language/language.dart';
 
 class LanguageTile extends StatelessWidget {
   final bool isSelected;
-  final Map<String, dynamic> language;
+  final Language language;
   final Function() onTap;
   const LanguageTile({
     super.key,
@@ -42,11 +43,11 @@ class LanguageTile extends StatelessWidget {
             borderRadius: BorderRadius.circular(24),
           ),
           child: Center(
-            child: Text(language['flag'], style: const TextStyle(fontSize: 24)),
+            child: Text(language.path, style: const TextStyle(fontSize: 24)),
           ),
         ),
         title: Text(
-          language['name'],
+          language.name,
           style: AppStyle.lg.copyWith(
             fontWeight: FontWeight.w600,
 
@@ -54,7 +55,7 @@ class LanguageTile extends StatelessWidget {
           ),
         ),
         subtitle: Text(
-          language['nativeName'],
+          language.nativeName,
           style: AppStyle.md.copyWith(
             color: isSelected ? AppColor.primary : AppColor.textPrimary,
           ),