Manage Beneficiary fetch

lib/features/beneficiaries/screens/manage_beneficiaries_screen.dart

@@ -3,6 +3,10 @@ import 'package:flutter_svg/svg.dart';
 import 'package:kmobile/features/beneficiaries/screens/add_beneficiary_screen.dart';
 import 'package:material_symbols_icons/material_symbols_icons.dart';
 import '../../../l10n/app_localizations.dart';
+import '../../../di/injection.dart';
+import 'package:kmobile/api/services/beneficiary_service.dart';
+import 'package:shimmer/shimmer.dart';
+
 
 class ManageBeneficiariesScreen extends StatefulWidget {
   const ManageBeneficiariesScreen({super.key});
@@ -12,7 +16,7 @@ class ManageBeneficiariesScreen extends StatefulWidget {
       _ManageBeneficiariesScreen();
 }
 
-class _ManageBeneficiariesScreen extends State<ManageBeneficiariesScreen> {
+/*class _ManageBeneficiariesScreen extends State<ManageBeneficiariesScreen> {
   final List<Map<String, String>> beneficiaries = [
     {'bank': 'State Bank Of India', 'name': 'Trina Bakshi'},
     {'bank': 'State Bank Of India', 'name': 'Sheetal Rao'},
@@ -94,3 +98,103 @@ class _ManageBeneficiariesScreen extends State<ManageBeneficiariesScreen> {
     );
   }
 }
+*/
+class _ManageBeneficiariesScreen extends State<ManageBeneficiariesScreen> {
+  var service = getIt<BeneficiaryService>();
+  //final BeneficiaryService _service = BeneficiaryService();
+  bool _isLoading = true;
+  List<dynamic> _beneficiaries = [];
+
+  @override
+  void initState() {
+    super.initState();
+    _loadBeneficiaries();
+  }
+
+  Future<void> _loadBeneficiaries() async {
+    final data = await service.fetchBeneficiaryList();
+    setState(() {
+      _beneficiaries = data;
+      _isLoading = false;
+    });
+  }
+
+  Widget _buildShimmerList() {
+    return ListView.builder(
+      itemCount: 6,
+      itemBuilder: (context, index) => Shimmer.fromColors(
+        baseColor: Colors.grey.shade300,
+        highlightColor: Colors.grey.shade100,
+        child: ListTile(
+          leading: CircleAvatar(
+            radius: 24,
+            backgroundColor: Colors.white,
+          ),
+          title: Container(
+            height: 16,
+            color: Colors.white,
+            margin: const EdgeInsets.symmetric(vertical: 4),
+          ),
+          subtitle: Container(
+            height: 14,
+            color: Colors.white,
+            margin: const EdgeInsets.symmetric(vertical: 4),
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildBeneficiaryList() {
+    if (_beneficiaries.isEmpty) {
+      return Center(child: Text(AppLocalizations.of(context).noBeneficiaryFound));
+    }
+    return ListView.builder(
+      itemCount: _beneficiaries.length,
+      itemBuilder: (context, index) {
+        final item = _beneficiaries[index];
+        return ListTile(
+          leading: CircleAvatar(
+            radius: 24,
+            backgroundColor: Theme.of(context).primaryColor.withOpacity(0.2),
+            child: Text(
+              item['name'] != null && item['name'].isNotEmpty
+                  ? item['name'][0].toUpperCase()
+                  : '?',
+              style: const TextStyle(fontWeight: FontWeight.bold),
+            ),
+          ),
+          title: Text(item['name'] ?? 'Unknown'),
+          subtitle: Text(item['accountNumber'] ?? 'No account number'),
+        );
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(AppLocalizations.of(context).beneficiaries),
+      ),
+      body: _isLoading ? _buildShimmerList() : _buildBeneficiaryList(),
+      floatingActionButton: Padding(
+        padding: const EdgeInsets.only(bottom: 8.0),
+        child: FloatingActionButton(
+          onPressed: () {
+            Navigator.push(
+              context,
+              MaterialPageRoute(
+                builder: (context) => const AddBeneficiaryScreen(),
+              ),
+            );
+          },
+          backgroundColor: Theme.of(context).scaffoldBackgroundColor,
+          foregroundColor: Theme.of(context).primaryColor,
+          elevation: 5,
+          child: const Icon(Icons.add),
+        ),
+      ),
+    );
+  }
+}