import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:invoiceninja_flutter/constants.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/data/models/payment_model.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/redux/payment/payment_selectors.dart';
import 'package:invoiceninja_flutter/ui/app/FieldGrid.dart';
import 'package:invoiceninja_flutter/ui/app/entities/entity_state_title.dart';
import 'package:invoiceninja_flutter/ui/app/icon_message.dart';
import 'package:invoiceninja_flutter/ui/app/entity_header.dart';
import 'package:invoiceninja_flutter/ui/app/view_scaffold.dart';
import 'package:invoiceninja_flutter/ui/payment/view/payment_view_vm.dart';
import 'package:invoiceninja_flutter/utils/formatting.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';

class PaymentView extends StatefulWidget {
  const PaymentView({
    Key key,
    @required this.viewModel,
  }) : super(key: key);

  final PaymentViewVM viewModel;

  @override
  _PaymentViewState createState() => new _PaymentViewState();
}

class _PaymentViewState extends State<PaymentView> {
  @override
  Widget build(BuildContext context) {
    final viewModel = widget.viewModel;
    final payment = viewModel.payment;
    final state = StoreProvider.of<AppState>(context).state;
    final client = state.clientState.map[payment.clientId];
    final invoice = paymentInvoiceSelector(payment.id, state);
    final localization = AppLocalization.of(context);

    final fields = <String, String>{};
    fields[PaymentFields.paymentStatusId] =
        localization.lookup('payment_status_${payment.statusId}');
    if (payment.date.isNotEmpty) {
      fields[PaymentFields.paymentDate] = formatDate(payment.date, context);
    }
    if ((payment.typeId ?? '').isNotEmpty) {
      final paymentType = state.staticState.paymentTypeMap[payment.typeId];
      if (paymentType != null) {
        fields[PaymentFields.paymentTypeId] = paymentType.name;
      }
    }
    if (payment.transactionReference.isNotEmpty) {
      fields[PaymentFields.transactionReference] = payment.transactionReference;
    }
    if (payment.refunded != 0) {
      fields[PaymentFields.refunded] =
          formatNumber(payment.refunded, context, clientId: client.id);
    }

    return ViewScaffold(
      entity: payment,
      title: payment.number,
      body: Builder(
        builder: (BuildContext context) {
          return ListView(
            children: <Widget>[
              EntityHeader(
                backgroundColor: PaymentStatusColors.colors[payment.statusId],
                label: localization.amount,
                value:
                    formatNumber(payment.amount, context, clientId: client.id),
                secondLabel: localization.applied,
                secondValue:
                    formatNumber(payment.applied, context, clientId: client.id),
              ),
              Material(
                color: Theme.of(context).canvasColor,
                child: ListTile(
                  title: EntityStateTitle(entity: client),
                  leading: Icon(FontAwesomeIcons.users, size: 18.0),
                  trailing: Icon(Icons.navigate_next),
                  onTap: () => viewModel.onClientPressed(context),
                  onLongPress: () => viewModel.onClientPressed(context, true),
                ),
              ),
              Container(
                color: Theme.of(context).backgroundColor,
                height: 12.0,
              ),
              for (final paymentable in payment.paymentables)
                Material(
                  color: Theme.of(context).canvasColor,
                  child: ListTile(
                    title: EntityStateTitle(
                      entity: invoice,
                      title:
                          '${localization.invoice} ${state.invoiceState.map[paymentable.invoiceId]?.number ?? ''}',
                    ),
                    subtitle: Text(formatNumber(paymentable.amount, context) +
                        ' • ' +
                        formatDate(
                            convertTimestampToDateString(paymentable.createdAt),
                            context)),
                    leading: Icon(FontAwesomeIcons.filePdf, size: 18.0),
                    trailing: Icon(Icons.navigate_next),
                    onTap: () => viewModel.onInvoicePressed(
                        context, paymentable.invoiceId),
                    onLongPress: () => viewModel.onInvoicePressed(
                        context, paymentable.invoiceId, true),
                  ),
                ),
              Container(
                color: Theme.of(context).backgroundColor,
                height: 12.0,
              ),
              payment.privateNotes != null && payment.privateNotes.isNotEmpty
                  ? Column(
                      children: <Widget>[
                        IconMessage(payment.privateNotes),
                        Container(
                          color: Theme.of(context).backgroundColor,
                          height: 12.0,
                        ),
                      ],
                    )
                  : Container(),
              FieldGrid(fields),
            ],
          );
        },
      ),
    );
  }
}