import 'package:flutter/material.dart';

import 'package:provider/provider.dart';

import 'package:pshared/models/payment/wallet.dart';
import 'package:pshared/provider/ledger.dart';
import 'package:pshared/provider/payment/wallets.dart';

import 'package:pweb/pages/payout_page/wallet/card.dart';
import 'package:pweb/pages/payout_page/wallet/ledger/card.dart';

class WalletWidgets extends StatelessWidget {
  final void Function(Wallet) onWalletTap;
  final void Function(String ledgerAccountRef) onLedgerTap;

  const WalletWidgets({
    super.key,
    required this.onWalletTap,
    required this.onLedgerTap,
  });

  @override
  Widget build(BuildContext context) {
    final provider = context.watch<WalletsProvider>();
    final ledgerProvider = context.watch<LedgerAccountsProvider>();

    final wallets = provider.wallets;
    final accounts = ledgerProvider.accounts;

    return GridView.builder(
      scrollDirection: Axis.vertical,
      physics: const AlwaysScrollableScrollPhysics(),
      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 2,
        mainAxisSpacing: 12,
        crossAxisSpacing: 12,
        childAspectRatio: 3,
      ),
      itemCount: wallets.length + accounts.length,
      itemBuilder: (context, index) {
        if (index < wallets.length) {
          final wallet = wallets[index];
          return Padding(
            padding: const EdgeInsets.symmetric(vertical: 6.0),
            child: WalletCard(wallet: wallet, onTap: () => onWalletTap(wallet)),
          );
        }

        final account = accounts[index - wallets.length];
        return Padding(
          padding: const EdgeInsets.symmetric(vertical: 6.0),
          child: LedgerWalletCard(
            account: account,
            onTap: () => onLedgerTap(account.ledgerAccountRef),
          ),
        );
      },
    );
  }
}