redesigned payment page + a lot of fixes

frontend/pweb/lib/pages/report/operations/actions.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/payment/operation.dart';
+
+import 'package:pweb/controllers/operations/report_operations.dart';
+import 'package:pweb/utils/report/payment_mapper.dart';
+import 'package:pweb/app/router/payout_routes.dart';
+
+
+Future<void> pickOperationsRange(
+  BuildContext context,
+  ReportOperationsController controller,
+) async {
+  final now = DateTime.now();
+  final initial = controller.selectedRange ??
+      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) {
+    controller.setRange(picked);
+  }
+}
+
+void openPaymentDetails(BuildContext context, OperationItem operation) {
+  final paymentId = paymentIdFromOperation(operation);
+  if (paymentId == null) return;
+
+  context.pushToReportPayment(paymentId);
+}

frontend/pweb/lib/pages/report/operations/charts_row.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/payment/operation.dart';
+
+import 'package:pweb/pages/report/charts/payout_volumes/chart.dart';
+import 'package:pweb/pages/report/charts/status.dart';
+
+
+class OperationHistoryChartsRow extends StatelessWidget {
+  final List<OperationItem> operations;
+
+  const OperationHistoryChartsRow({
+    super.key,
+    required this.operations,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 200,
+      child: Row(
+        spacing: 16,
+        children: [
+          Expanded(
+            child: StatusChart(operations: operations),
+          ),
+          Expanded(
+            child: PayoutVolumesChart(
+              operations: operations,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

frontend/pweb/lib/pages/report/operations/content.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/payment/operation.dart';
+
+import 'package:pweb/controllers/operations/report_operations.dart';
+import 'package:pweb/models/state/load_more_state.dart';
+import 'package:pweb/pages/report/cards/list.dart';
+import 'package:pweb/pages/report/operations/charts_row.dart';
+import 'package:pweb/pages/report/table/filters.dart';
+
+
+class OperationHistoryContent extends StatelessWidget {
+  final ReportOperationsController controller;
+  final VoidCallback onPickRange;
+  final ValueChanged<OperationItem> onOperationTap;
+
+  const OperationHistoryContent({
+    super.key,
+    required this.controller,
+    required this.onPickRange,
+    required this.onOperationTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final operations = controller.operations;
+    final filteredOperations = controller.filteredOperations;
+
+    return Padding(
+      padding: const EdgeInsets.all(16.0),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        spacing: 16,
+        children: [
+          OperationHistoryChartsRow(operations: operations),
+          OperationFilters(
+            selectedRange: controller.selectedRange,
+            selectedStatuses: controller.selectedStatuses,
+            onPickRange: onPickRange,
+            onToggleStatus: controller.toggleStatus,
+            onClear: controller.clearFilters,
+          ),
+          OperationsCardsList(
+            operations: filteredOperations,
+            onTap: onOperationTap,
+            loadMoreState: controller.loadMoreState,
+            onLoadMore: controller.loadMoreState == LoadMoreState.available
+                ? () => controller.loadMore()
+                : null,
+          ),
+        ],
+      ),
+    );
+  }
+}

frontend/pweb/lib/pages/report/operations/states/error.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+
+
+class OperationHistoryError extends StatelessWidget {
+  final String message;
+  final String retryLabel;
+  final VoidCallback onRetry;
+
+  const OperationHistoryError({
+    super.key,
+    required this.message,
+    required this.retryLabel,
+    required this.onRetry,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Text(message),
+          ElevatedButton(
+            onPressed: onRetry,
+            child: Text(retryLabel),
+          ),
+        ],
+      ),
+    );
+  }
+}

frontend/pweb/lib/pages/report/operations/states/loading.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+
+class OperationHistoryLoading extends StatelessWidget {
+  const OperationHistoryLoading({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Center(child: CircularProgressIndicator());
+  }
+}

frontend/pweb/lib/pages/report/operations/view.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pweb/controllers/operations/report_operations.dart';
+import 'package:pweb/pages/report/operations/actions.dart';
+import 'package:pweb/pages/report/operations/content.dart';
+import 'package:pweb/pages/report/operations/states/error.dart';
+import 'package:pweb/pages/report/operations/states/loading.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class OperationHistoryView extends StatelessWidget {
+  const OperationHistoryView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final loc = AppLocalizations.of(context)!;
+    return Consumer<ReportOperationsController>(
+      builder: (context, controller, child) {
+        if (controller.isLoading) {
+          return const OperationHistoryLoading();
+        }
+
+        if (controller.error != null) {
+          final message = controller.error?.toString() ?? loc.noErrorInformation;
+          return OperationHistoryError(
+            message: loc.notificationError(message),
+            retryLabel: loc.retry,
+            onRetry: controller.refresh,
+          );
+        }
+
+        return OperationHistoryContent(
+          controller: controller,
+          onPickRange: () => pickOperationsRange(context, controller),
+          onOperationTap: (operation) =>
+              openPaymentDetails(context, operation),
+        );
+      },
+    );
+  }
+}