import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/client_model.dart';
import 'package:invoiceninja_flutter/data/models/company_gateway_model.dart';
import 'package:invoiceninja_flutter/data/models/entities.dart';
import 'package:invoiceninja_flutter/data/models/gateway_token_model.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/redux/credit/credit_selectors.dart';
import 'package:invoiceninja_flutter/redux/expense/expense_selectors.dart';
import 'package:invoiceninja_flutter/redux/invoice/invoice_selectors.dart';
import 'package:invoiceninja_flutter/redux/payment/payment_selectors.dart';
import 'package:invoiceninja_flutter/redux/project/project_selectors.dart';
import 'package:invoiceninja_flutter/redux/quote/quote_selectors.dart';
import 'package:invoiceninja_flutter/redux/recurring_invoice/recurring_invoice_selectors.dart';
import 'package:invoiceninja_flutter/redux/task/task_selectors.dart';
import 'package:invoiceninja_flutter/ui/app/FieldGrid.dart';
import 'package:invoiceninja_flutter/ui/app/entities/entity_list_tile.dart';
import 'package:invoiceninja_flutter/ui/app/entity_header.dart';
import 'package:invoiceninja_flutter/ui/app/gateways/token_meta.dart';
import 'package:invoiceninja_flutter/ui/app/icon_message.dart';
import 'package:invoiceninja_flutter/ui/app/lists/list_divider.dart';
import 'package:invoiceninja_flutter/ui/client/view/client_view_vm.dart';
import 'package:invoiceninja_flutter/utils/formatting.dart';
import 'package:invoiceninja_flutter/utils/extensions.dart';
import 'package:url_launcher/url_launcher.dart';

class ClientOverview extends StatelessWidget {
  const ClientOverview({
    Key key,
    @required this.viewModel,
    @required this.isFilter,
  }) : super(key: key);

  final ClientViewVM viewModel;
  final bool isFilter;

  @override
  Widget build(BuildContext context) {
    final localization = context.localization;
    final client = viewModel.client;
    final company = viewModel.company;
    final state = context.state;
    final statics = state.staticState;
    final fields = <String, String>{};
    final group = client.hasGroup ? state.groupState.map[client.groupId] : null;
    final user =
        client.hasUser ? state.userState.get(client.assignedUserId) : null;

    // Group gateway tokens by the customerReference
    final tokenMap = <String, List<GatewayTokenEntity>>{};
    final gatewayMap = <String, CompanyGatewayEntity>{};
    final linkMap = <String, String>{};

    client.gatewayTokens.forEach((gatewayToken) {
      final companyGateway =
          state.companyGatewayState.get(gatewayToken.companyGatewayId);
      if (companyGateway.isOld && !companyGateway.isDeleted) {
        final customerReference = gatewayToken.customerReference;
        gatewayMap[customerReference] = companyGateway;
        linkMap[customerReference] = GatewayEntity.getClientUrl(
          gatewayId: companyGateway.gatewayId,
          customerReference: customerReference,
        );
        if (tokenMap.containsKey(customerReference)) {
          tokenMap[customerReference].add(gatewayToken);
        } else {
          tokenMap[customerReference] = [gatewayToken];
        }
      }
    });

    if (client.hasLanguage &&
        client.languageId != company.settings.languageId) {
      fields[ClientFields.language] =
          statics.languageMap[client.languageId]?.name;
    }

    if (client.hasCurrency && client.currencyId != company.currencyId) {
      fields[ClientFields.currency] =
          statics.currencyMap[client.currencyId]?.name;
    }

    if (client.customValue1.isNotEmpty) {
      final label1 = company.getCustomFieldLabel(CustomFieldType.client1);
      fields[label1] = formatCustomValue(
          context: context,
          field: CustomFieldType.client1,
          value: client.customValue1);
    }
    if (client.customValue2.isNotEmpty) {
      final label2 = company.getCustomFieldLabel(CustomFieldType.client2);
      fields[label2] = formatCustomValue(
          context: context,
          field: CustomFieldType.client2,
          value: client.customValue2);
    }
    if (client.customValue3.isNotEmpty) {
      final label3 = company.getCustomFieldLabel(CustomFieldType.client3);
      fields[label3] = formatCustomValue(
          context: context,
          field: CustomFieldType.client3,
          value: client.customValue3);
    }
    if (client.customValue4.isNotEmpty) {
      final label4 = company.getCustomFieldLabel(CustomFieldType.client4);
      fields[label4] = formatCustomValue(
          context: context,
          field: CustomFieldType.client4,
          value: client.customValue4);
    }

    return ListView(
      children: <Widget>[
        EntityHeader(
          entity: client,
          label: localization.paidToDate,
          value: formatNumber(client.paidToDate, context, clientId: client.id),
          secondLabel: localization.balanceDue,
          secondValue:
              formatNumber(client.balance, context, clientId: client.id),
        ),
        ListDivider(),
        client.privateNotes != null && client.privateNotes.isNotEmpty
            ? IconMessage(client.privateNotes)
            : Container(),
        if (client.hasGroup)
          EntityListTile(
            entity: group,
            isFilter: isFilter,
          ),
        for (var customerReference in tokenMap.keys) ...[
          ListTile(
            title: Text(
                '${localization.gateway}  ›  ${gatewayMap[customerReference].label}'),
            subtitle: Column(
              mainAxisSize: MainAxisSize.min,
              children: tokenMap[customerReference]
                  .map((token) => TokenMeta(
                        meta: token.meta,
                      ))
                  .toList(),
            ),
            onTap: linkMap.containsKey(customerReference)
                ? () => launch(linkMap[customerReference])
                : null,
            leading: IgnorePointer(
              child: IconButton(
                icon: Icon(Icons.payment),
                onPressed: () => null,
              ),
            ),
            trailing: linkMap.containsKey(customerReference)
                ? IgnorePointer(
                    child: IconButton(
                      icon: Icon(Icons.open_in_new),
                      onPressed: () => null,
                    ),
                  )
                : null,
          ),
          ListDivider(),
        ],
        if (client.hasUser)
          EntityListTile(
            entity: user,
            isFilter: isFilter,
          ),
        FieldGrid(fields),
        if (company.isModuleEnabled(EntityType.invoice))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.invoice,
            title: localization.invoices,
            onTap: () => viewModel.onEntityPressed(context, EntityType.invoice),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.invoice, true),
            subtitle:
                memoizedInvoiceStatsForClient(client.id, state.invoiceState.map)
                    .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.recurringInvoice))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.recurringInvoice,
            title: localization.recurringInvoices,
            onTap: () =>
                viewModel.onEntityPressed(context, EntityType.recurringInvoice),
            onLongPress: () => viewModel.onEntityPressed(
                context, EntityType.recurringInvoice, true),
            subtitle: memoizedRecurringInvoiceStatsForClient(
                    client.id, state.recurringInvoiceState.map)
                .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.payment))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.payment,
            title: localization.payments,
            onTap: () => viewModel.onEntityPressed(context, EntityType.payment),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.payment, true),
            subtitle: memoizedPaymentStatsForClient(
                    client.id, state.paymentState.map, state.invoiceState.map)
                .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.quote))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.quote,
            title: localization.quotes,
            onTap: () => viewModel.onEntityPressed(context, EntityType.quote),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.quote, true),
            subtitle:
                memoizedQuoteStatsForClient(client.id, state.quoteState.map)
                    .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.credit))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.credit,
            title: localization.credits,
            onTap: () => viewModel.onEntityPressed(context, EntityType.credit),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.credit, true),
            subtitle:
                memoizedCreditStatsForClient(client.id, state.creditState.map)
                    .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.project))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.project,
            title: localization.projects,
            onTap: () => viewModel.onEntityPressed(context, EntityType.project),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.project, true),
            subtitle:
                memoizedProjectStatsForClient(client.id, state.projectState.map)
                    .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.task))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.task,
            title: localization.tasks,
            onTap: () => viewModel.onEntityPressed(context, EntityType.task),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.task, true),
            subtitle: memoizedTaskStatsForClient(client.id, state.taskState.map)
                .present(localization.active, localization.archived),
          ),
        if (company.isModuleEnabled(EntityType.expense))
          EntitiesListTile(
            isFilter: isFilter,
            entityType: EntityType.expense,
            title: localization.expenses,
            onTap: () => viewModel.onEntityPressed(context, EntityType.expense),
            onLongPress: () =>
                viewModel.onEntityPressed(context, EntityType.expense, true),
            subtitle:
                memoizedExpenseStatsForClient(client.id, state.expenseState.map)
                    .present(localization.active, localization.archived),
          ),
      ],
    );
  }
}