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

frontend/pweb/lib/pages/report/page.dart

@@ -1,13 +1,12 @@
-// operation_history_page.dart
 import 'package:flutter/material.dart';
 
-import 'package:pshared/models/payment/operation.dart';
-import 'package:pshared/models/payment/status.dart';
+import 'package:provider/provider.dart';
 
 import 'package:pweb/pages/report/charts/distribution.dart';
 import 'package:pweb/pages/report/charts/status.dart';
 import 'package:pweb/pages/report/table/filters.dart';
 import 'package:pweb/pages/report/table/widget.dart';
+import 'package:pweb/providers/operatioins.dart';
 
 
 class OperationHistoryPage extends StatefulWidget {
@@ -18,153 +17,95 @@ class OperationHistoryPage extends StatefulWidget {
 }
 
 class _OperationHistoryPageState extends State<OperationHistoryPage> {
-  // Mock data
-  final List<OperationItem> _allOps = [
-    OperationItem(
-      status: OperationStatus.error,
-      fileName: 'cards_payout_sample_june.csv',
-      amount: 10,
-      currency: 'EUR',
-      toAmount: 10,
-      toCurrency: 'EUR',
-      payId: '860163800',
-      cardNumber: null,
-      name: 'John Snow',
-      date: DateTime(2025, 7, 14, 19, 59, 2),
-      comment: 'EUR visa',
-    ),
-    OperationItem(
-      status: OperationStatus.processing,
-      fileName: 'cards_payout_sample_june.csv',
-      amount: 10,
-      currency: 'EUR',
-      toAmount: 10,
-      toCurrency: 'EUR',
-      payId: '860163700',
-      cardNumber: null,
-      name: 'Baltasar Gelt',
-      date: DateTime(2025, 7, 14, 19, 59, 2),
-      comment: 'EUR master',
-    ),
-    OperationItem(
-      status: OperationStatus.error,
-      fileName: 'cards_payout_sample_june.csv',
-      amount: 10,
-      currency: 'EUR',
-      toAmount: 10,
-      toCurrency: 'EUR',
-      payId: '40000000****0077',
-      cardNumber: '40000000****0077',
-      name: 'John Snow',
-      date: DateTime(2025, 7, 14, 19, 23, 22),
-      comment: 'EUR visa',
-    ),
-    OperationItem(
-      status: OperationStatus.success,
-      fileName: null,
-      amount: 10,
-      currency: 'EUR',
-      toAmount: 10,
-      toCurrency: 'EUR',
-      payId: '54133300****0019',
-      cardNumber: '54133300****0019',
-      name: 'Baltasar Gelt',
-      date: DateTime(2025, 7, 14, 19, 23, 21),
-      comment: 'EUR master',
-    ),
-    OperationItem(
-      status: OperationStatus.success,
-      fileName: null,
-      amount: 130,
-      currency: 'EUR',
-      toAmount: 130,
-      toCurrency: 'EUR',
-      payId: '54134300****0019',
-      cardNumber: '54153300****0019',
-      name: 'Ivan Brokov',
-      date: DateTime(2025, 7, 15, 19, 23, 21),
-      comment: 'EUR master 2',
-    ),
-  ];
-  DateTimeRange? _range;
-  final Set<String> _statuses = {};
-  late List<OperationItem> _filtered;
-
   @override
   void initState() {
     super.initState();
-    _filtered = List.from(_allOps);
-  }
-
-  void _applyFilter() {
-    setState(() {
-      _filtered = _allOps.where((op) {
-        final okStatus = _statuses.isEmpty || _statuses.contains(op.status.localized(context));
-        final okRange = _range == null ||
-            (op.date.isAfter(_range!.start.subtract(const Duration(seconds: 1))) &&
-                op.date.isBefore(_range!.end.add(const Duration(seconds: 1))));
-        return okStatus && okRange;
-      }).toList();
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      context.read<OperationProvider>().loadOperations();
     });
   }
 
   Future<void> _pickRange() async {
+    final provider = context.read<OperationProvider>();
     final now = DateTime.now();
-    final initial = _range ??
+    final initial = provider.dateRange ??
         DateTimeRange(
           start: now.subtract(const Duration(days: 30)),
           end: now,
         );
+    
     final picked = await showDateRangePicker(
       context: context,
       firstDate: DateTime(2000),
       lastDate: now.add(const Duration(days: 1)),
       initialDateRange: initial,
     );
+    
     if (picked != null) {
-      setState(() => _range = picked);
+      provider.setDateRange(picked);
     }
   }
 
-  void _toggleStatus(String status) {
-    setState(() {
-      if (_statuses.contains(status)) _statuses.remove(status);
-      else _statuses.add(status);
-    });
-  }
-
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16.0),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.stretch,
-        spacing: 16,
-        children: [
-          SizedBox(
-            height: 200, // same height for both
-            child: Row(
-              spacing: 16,
+    return Consumer<OperationProvider>(
+      builder: (context, provider, child) {
+        if (provider.isLoading) {
+          return const Center(child: CircularProgressIndicator());
+        }
+        
+        if (provider.error != null) {
+          return Center(
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
               children: [
-                Expanded(child: StatusChart(operations: _allOps)),
-                Expanded(child: PayoutDistributionChart(operations: _allOps)),
+                Text('Error: ${provider.error}'),
+                ElevatedButton(
+                  onPressed: () => provider.loadOperations(),
+                  child: const Text('Retry'),
+                ),
               ],
             ),
+          );
+        }
+        
+        return Padding(
+          padding: const EdgeInsets.all(16.0),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            spacing: 16,
+            children: [
+              SizedBox(
+                height: 200,
+                child: Row(
+                  spacing: 16,
+                  children: [
+                    Expanded(
+                      child: StatusChart(operations: provider.allOperations),
+                    ),
+                    Expanded(
+                      child: PayoutDistributionChart(
+                        operations: provider.allOperations,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              OperationFilters(
+                selectedRange: provider.dateRange,
+                selectedStatuses: provider.selectedStatuses,
+                onPickRange: _pickRange,
+                onToggleStatus: provider.toggleStatus,
+                onApply: () => provider.applyFilters(context),
+              ),
+              OperationsTable(
+                operations: provider.filteredOperations,
+                showFileNameColumn: provider.hasFileName,
+              ),
+            ],
           ),
-          OperationFilters(
-            selectedRange: _range,
-            selectedStatuses: _statuses,
-            onPickRange: _pickRange,
-            onToggleStatus: _toggleStatus,
-            onApply: _applyFilter,
-          ),
-          OperationsTable(
-            operations: _filtered,
-            showFileNameColumn:
-                _allOps.any((op) => op.fileName != null),
-          ),
-        ],
-      ),
+        );
+      },
     );
   }
-}
+}

frontend/pweb/lib/pages/report/table/widget.dart

@@ -4,6 +4,7 @@ import 'package:pshared/models/payment/operation.dart';
 import 'package:pweb/generated/i18n/app_localizations.dart';
 import 'package:pweb/pages/report/table/row.dart';
 
+
 class OperationsTable extends StatelessWidget {
   final List<OperationItem> operations;
   final bool showFileNameColumn;
@@ -21,7 +22,7 @@ class OperationsTable extends StatelessWidget {
     return Expanded(
       child: SingleChildScrollView(
         child: DataTable(
-          columnSpacing: 24,
+          columnSpacing: 20,
           headingTextStyle: const TextStyle(
             fontWeight: FontWeight.bold,
           ),