import 'package:flutter/material.dart';

import 'package:provider/provider.dart';

import 'package:pshared/models/payment/operation.dart';
import 'package:pshared/provider/payment/payments.dart';

import 'package:pweb/pages/report/cards/list.dart';
import 'package:pweb/pages/report/charts/payout_volumes/chart.dart';
import 'package:pweb/pages/report/charts/status.dart';
import 'package:pweb/controllers/report_operations.dart';
import 'package:pweb/pages/report/table/filters.dart';
import 'package:pweb/utils/report/payment_mapper.dart';
import 'package:pweb/app/router/payout_routes.dart';
import 'package:pweb/models/load_more_state.dart';

import 'package:pweb/generated/i18n/app_localizations.dart';


class OperationHistoryPage extends StatelessWidget {
  const OperationHistoryPage({super.key});

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProxyProvider<PaymentsProvider, ReportOperationsController>(
      create: (_) => ReportOperationsController(),
      update: (_, payments, controller) => controller!..update(payments),
      child: const _OperationHistoryView(),
    );
  }
}

class _OperationHistoryView extends StatelessWidget {
  const _OperationHistoryView();

  Future<void> _pickRange(
    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);
  }

  @override
  Widget build(BuildContext context) {
    final loc = AppLocalizations.of(context)!;
    return Consumer<ReportOperationsController>(
      builder: (context, controller, child) {
        if (controller.isLoading) {
          return const Center(child: CircularProgressIndicator());
        }

        if (controller.error != null) {
          final message =
              controller.error?.toString() ?? loc.noErrorInformation;
          return Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(loc.notificationError(message)),
                ElevatedButton(
                  onPressed: () => controller.refresh(),
                  child: Text(loc.retry),
                ),
              ],
            ),
          );
        }

        final operations = controller.operations;
        final filteredOperations = controller.filteredOperations;

        return Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            spacing: 16,
            children: [
              //TODO Make charts more useful and re-enable
              SizedBox(
                height: 200,
                child: Row(
                  spacing: 16,
                  children: [
                    Expanded(
                      child: StatusChart(operations: operations),
                    ),
                    Expanded(
                      child: PayoutVolumesChart(
                        operations: operations,
                      ),
                    ),
                  ],
                ),
              ),
              OperationFilters(
                selectedRange: controller.selectedRange,
                selectedStatuses: controller.selectedStatuses,
                onPickRange: () => _pickRange(context, controller),
                onToggleStatus: controller.toggleStatus,
                onClear: controller.clearFilters,
              ),
              OperationsCardsList(
                operations: filteredOperations,
                onTap: (operation) => _openPaymentDetails(context, operation),
                loadMoreState: controller.loadMoreState,
                onLoadMore: controller.loadMoreState ==
                        LoadMoreState.available
                    ? () => controller.loadMore()
                    : null,
              ),
            ],
          ),
        );
      },
    );
  }
}