Multiple Wallet support, history of each wallet and updated payment page

frontend/pweb/lib/pages/payout_page/wallet/history/chip.dart

@@ -0,0 +1,48 @@
+
+import 'package:flutter/material.dart';
+
+import 'package:pweb/models/wallet_transaction.dart';
+
+
+class TypeChip extends StatelessWidget {
+  final WalletTransactionType type;
+
+  const TypeChip({super.key, required this.type});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final isTopUp = type == WalletTransactionType.topUp;
+    final bg = isTopUp
+        ? theme.colorScheme.secondaryContainer
+        : theme.colorScheme.errorContainer;
+
+    final fg = bg.computeLuminance() > 0.5 ? Colors.black : Colors.white;
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+      decoration: BoxDecoration(
+        color: bg,
+        borderRadius: BorderRadius.circular(12),
+      ),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Icon(
+            isTopUp ? Icons.arrow_downward_rounded : Icons.arrow_upward_rounded,
+            size: 16,
+            color: fg,
+          ),
+          const SizedBox(width: 6),
+          Text(
+            type.label(context),
+            style: TextStyle(
+              color: fg,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

frontend/pweb/lib/pages/payout_page/wallet/history/filters.dart

@@ -0,0 +1,94 @@
+
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/payment/status.dart';
+import 'package:pshared/utils/localization.dart';
+
+import 'package:pweb/models/wallet_transaction.dart';
+import 'package:pweb/providers/wallet_transactions.dart';
+
+
+class WalletHistoryFilters extends StatelessWidget {
+  final WalletTransactionsProvider provider;
+  final VoidCallback onPickRange;
+
+  const WalletHistoryFilters({
+    super.key,
+    required this.provider,
+    required this.onPickRange,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return Card(
+      elevation: 2,
+      color: theme.colorScheme.onSecondary,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Text(
+                  'Wallet activity',
+                  style: theme.textTheme.titleMedium,
+                ),
+                if (provider.hasFilters)
+                  TextButton(
+                    onPressed: provider.resetFilters,
+                    child: const Text('Reset'),
+                  ),
+              ],
+            ),
+            const SizedBox(height: 12),
+            Wrap(
+              spacing: 8,
+              runSpacing: 8,
+              children: WalletTransactionType.values.map((type) {
+                final isSelected = provider.selectedTypes.contains(type);
+                return FilterChip(
+                  label: Text(type.label(context)),
+                  selected: isSelected,
+                  onSelected: (_) => provider.toggleType(type),
+                  pressElevation: 0,
+                );
+              }).toList(),
+            ),
+            const SizedBox(height: 8),
+            Wrap(
+              spacing: 8,
+              runSpacing: 8,
+              children: OperationStatus.values.map((status) {
+                final isSelected = provider.selectedStatuses.contains(status);
+                return FilterChip(
+                  label: Text(status.localized(context)),
+                  selected: isSelected,
+                  onSelected: (_) => provider.toggleStatus(status),
+                  pressElevation: 0,
+                );
+              }).toList(),
+            ),
+            const SizedBox(height: 12),
+            Align(
+              alignment: Alignment.centerRight,
+              child: OutlinedButton.icon(
+                onPressed: onPickRange,
+                icon: const Icon(Icons.date_range_outlined),
+                label: Text(
+                  provider.dateRange == null
+                      ? 'Select period'
+                      : '${dateToLocalFormat(context, provider.dateRange!.start)} – ${dateToLocalFormat(context, provider.dateRange!.end)}',
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

frontend/pweb/lib/pages/payout_page/wallet/history/history.dart

@@ -0,0 +1,116 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pweb/models/wallet.dart';
+import 'package:pweb/pages/payout_page/wallet/history/filters.dart';
+import 'package:pweb/pages/payout_page/wallet/history/table.dart';
+import 'package:pweb/providers/wallet_transactions.dart';
+
+
+class WalletHistory extends StatefulWidget {
+  final Wallet wallet;
+
+  const WalletHistory({super.key, required this.wallet});
+
+  @override
+  State<WalletHistory> createState() => _WalletHistoryState();
+}
+
+class _WalletHistoryState extends State<WalletHistory> {
+  @override
+  void initState() {
+    super.initState();
+    _load();
+  }
+
+  @override
+  void didUpdateWidget(covariant WalletHistory oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.wallet.id != widget.wallet.id) {
+      _load();
+    }
+  }
+
+  void _load() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      context
+          .read<WalletTransactionsProvider>()
+          .load(walletId: widget.wallet.id);
+    });
+  }
+
+  Future<void> _pickRange() async {
+    final provider = context.read<WalletTransactionsProvider>();
+    final now = DateTime.now();
+    final initial = provider.dateRange ??
+        DateTimeRange(
+          start: now.subtract(const Duration(days: 30)),
+          end: now,
+        );
+
+    final picked = await showDateRangePicker(
+      context: context,
+      firstDate: now.subtract(const Duration(days: 365)),
+      lastDate: now.add(const Duration(days: 1)),
+      initialDateRange: initial,
+    );
+
+    if (picked != null) {
+      provider.setDateRange(picked);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return Consumer<WalletTransactionsProvider>(
+      builder: (context, provider, child) {
+        if (provider.isLoading) {
+          return const Padding(
+            padding: EdgeInsets.all(16.0),
+            child: Center(child: CircularProgressIndicator()),
+          );
+        }
+
+        if (provider.error != null) {
+          return Padding(
+            padding: const EdgeInsets.all(16.0),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Failed to load history',
+                  style: theme.textTheme.titleMedium!
+                      .copyWith(color: theme.colorScheme.error),
+                ),
+                const SizedBox(height: 8),
+                Text(provider.error!),
+                const SizedBox(height: 8),
+                OutlinedButton(
+                  onPressed: _load,
+                  child: const Text('Retry'),
+                ),
+              ],
+            ),
+          );
+        }
+
+        final transactions = provider.filteredTransactions;
+
+        return Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            WalletHistoryFilters(
+              provider: provider,
+              onPickRange: _pickRange,
+            ),
+            const SizedBox(height: 12),
+            WalletTransactionsTable(transactions: transactions),
+          ],
+        );
+      },
+    );
+  }
+}

frontend/pweb/lib/pages/payout_page/wallet/history/table.dart

@@ -0,0 +1,88 @@
+
+import 'package:flutter/material.dart';
+
+import 'package:pweb/models/wallet_transaction.dart';
+import 'package:pweb/pages/payout_page/wallet/history/chip.dart';
+import 'package:pweb/pages/report/table/badge.dart';
+import 'package:pweb/utils/currency.dart';
+
+
+class WalletTransactionsTable extends StatelessWidget {
+  final List<WalletTransaction> transactions;
+
+  const WalletTransactionsTable({super.key, required this.transactions});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    if (transactions.isEmpty) {
+      return Card(
+        color: theme.colorScheme.onSecondary,
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+        child: const Padding(
+          padding: EdgeInsets.all(16),
+          child: Text('No history yet'),
+        ),
+      );
+    }
+
+    return Card(
+      color: theme.colorScheme.onSecondary,
+      elevation: 2,
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(12),
+        child: SingleChildScrollView(
+          scrollDirection: Axis.horizontal,
+          child: DataTable(
+            columnSpacing: 18,
+            headingTextStyle: const TextStyle(fontWeight: FontWeight.w600),
+            columns: const [
+              DataColumn(label: Text('Status')),
+              DataColumn(label: Text('Type')),
+              DataColumn(label: Text('Amount')),
+              DataColumn(label: Text('Balance')),
+              DataColumn(label: Text('Counterparty')),
+              DataColumn(label: Text('Date')),
+              DataColumn(label: Text('Comment')),
+            ],
+            rows: List.generate(
+              transactions.length,
+              (index) {
+                final tx = transactions[index];
+                final color = WidgetStateProperty.resolveWith<Color?>(
+                  (states) => index.isEven
+                      ? theme.colorScheme.surfaceContainerHighest
+                      : null,
+                );
+
+                return DataRow.byIndex(
+                  index: index,
+                  color: color,
+                  cells: [
+                    DataCell(OperationStatusBadge(status: tx.status)),
+                    DataCell(TypeChip(type: tx.type)),
+                    DataCell(Text(
+                        '${tx.type.sign}${tx.amount.toStringAsFixed(2)} ${currencyCodeToSymbol(tx.currency)}')),
+                    DataCell(Text(
+                      tx.balanceAfter == null
+                          ? '-'
+                          : '${tx.balanceAfter!.toStringAsFixed(2)} ${currencyCodeToSymbol(tx.currency)}',
+                    )),
+                    DataCell(Text(tx.counterparty ?? '-')),
+                    DataCell(Text(
+                      '${TimeOfDay.fromDateTime(tx.date).format(context)}\n'
+                      '${tx.date.toLocal().toIso8601String().split("T").first}',
+                    )),
+                    DataCell(Text(tx.description)),
+                  ],
+                );
+              },
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}