/*import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
// import 'package:kmobile/features/beneficiaries/screens/add_beneficiary_screen.dart';
import 'package:kmobile/features/fund_transfer/screens/fund_transfer_screen.dart';
import 'package:material_symbols_icons/material_symbols_icons.dart';
import '../../../l10n/app_localizations.dart';

class FundTransferBeneficiaryScreen extends StatefulWidget {
  const FundTransferBeneficiaryScreen({super.key});

  @override
  State<FundTransferBeneficiaryScreen> createState() =>
      _FundTransferBeneficiaryScreen();
}

class _FundTransferBeneficiaryScreen
    extends State<FundTransferBeneficiaryScreen> {
  final List<Map<String, String>> beneficiaries = [
    {'bank': 'State Bank Of India', 'name': 'Trina Bakshi'},
    {'bank': 'State Bank Of India', 'name': 'Sheetal Rao'},
    {'bank': 'Punjab National Bank', 'name': 'Manoj Kumar'},
    {'bank': 'State Bank Of India', 'name': 'Rohit Mehra'},
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: const Icon(Symbols.arrow_back_ios_new),
          onPressed: () {
            Navigator.pop(context);
          },
        ),
        title: Text(
          AppLocalizations.of(context).fundTransferBeneficiary,
          style: TextStyle(color: Colors.black, fontWeight: FontWeight.w500),
        ),
        centerTitle: false,
        actions: [
          Padding(
            padding: const EdgeInsets.only(right: 10.0),
            child: CircleAvatar(
              backgroundColor: Colors.grey[200],
              radius: 20,
              child: SvgPicture.asset(
                'assets/images/avatar_male.svg',
                width: 40,
                height: 40,
                fit: BoxFit.cover,
              ),
            ),
          ),
        ],
      ),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: ListView.builder(
          itemCount: beneficiaries.length,
          itemBuilder: (context, index) {
            final beneficiary = beneficiaries[index];
            return ListTile(
              leading:  CircleAvatar(
                backgroundColor: Theme.of(context).primaryColor,
                child: Text('A'),
              ),
              title: Text(beneficiary['name']!),
              subtitle: Text(beneficiary['bank']!),
              trailing: IconButton(
                icon: const Icon(Symbols.arrow_right, size: 20),
                onPressed: () {
                  // Delete action
                },
              ),
              onTap: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => const FundTransferScreen(),
                  ),
                );
              },
            );
          },
        ),
      ),
    );
  }
}*/

import 'package:flutter/material.dart';
import 'package:kmobile/data/models/beneficiary.dart';
import 'package:kmobile/features/fund_transfer/screens/fund_transfer_amount_screen.dart';
import '../../../l10n/app_localizations.dart';
import '../../../di/injection.dart';
import 'package:kmobile/api/services/beneficiary_service.dart';
import 'package:shimmer/shimmer.dart';

class FundTransferBeneficiaryScreen extends StatefulWidget {
  final String creditAccountNo;
  final String remitterName;
  const FundTransferBeneficiaryScreen(
      {super.key, required this.creditAccountNo, required this.remitterName});

  @override
  State<FundTransferBeneficiaryScreen> createState() =>
      _FundTransferBeneficiaryScreenState();
}

class _FundTransferBeneficiaryScreenState
    extends State<FundTransferBeneficiaryScreen> {
  var service = getIt<BeneficiaryService>();
  bool _isLoading = true;
  List<Beneficiary> _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: const 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 _getBankLogo(String? bankName) {
    if (bankName != null && bankName.toLowerCase().contains('state bank of india')) {
      return Image.asset(
        'assets/images/sbi_logo.png',
        width: 40,
        height: 40,
      );
    } 
    if (bankName != null && bankName.toLowerCase().contains('hdfc bank ltd')) {
      return Image.asset(
        'assets/images/hdfc_logo.png',
        width: 40,
        height: 40,
      );
    } 
      if (bankName != null && bankName.toLowerCase().contains('icici bank ltd')) {
      return Image.asset(
        'assets/images/icici_logo.png',
        width: 40,
        height: 40,
      );
    } 
         if (bankName != null && bankName.toLowerCase().contains('punjab national bank')) {
      return Image.asset(
        'assets/images/pnb_logo.png',
        width: 40,
        height: 40,
      );
    }    
    else {
      return const Icon(
        Icons.account_balance,
        size: 40,
        color: Colors.grey,
      );
    }
  }

  Widget _buildBeneficiaryList() {
    if (_beneficiaries.isEmpty) {
      return Center(
          child: Text(AppLocalizations.of(context).noBeneficiaryFound));
    }
    return ListView.builder(
      itemCount: _beneficiaries.length,
      itemBuilder: (context, index) {
        final beneficiary = _beneficiaries[index];
        return ListTile(
          leading: CircleAvatar(
            radius: 24,
            backgroundColor: Colors.transparent,
            child: _getBankLogo(beneficiary.bankName),
          ),
          title: Text(beneficiary.name),
          subtitle: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(beneficiary.accountNo),
              if (beneficiary.bankName != null && beneficiary.bankName!.isNotEmpty)
                Text(
                  beneficiary.bankName!,
                  style: TextStyle(fontSize: 12, color: Colors.grey[600]),
                ),
            ],
          ),
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => FundTransferAmountScreen(
                  debitAccountNo: widget.creditAccountNo,
                  creditBeneficiary: beneficiary,
                  remitterName: widget.remitterName,
                ),
              ),
            );
          },
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(AppLocalizations.of(context).beneficiaries),
      ),
      body: _isLoading ? _buildShimmerList() : _buildBeneficiaryList(),
    );
  }
}