import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/redux/document/document_selectors.dart';
import 'package:invoiceninja_flutter/ui/app/entities/entity_actions_dialog.dart';
import 'package:invoiceninja_flutter/ui/app/help_text.dart';
import 'package:invoiceninja_flutter/ui/app/lists/list_divider.dart';
import 'package:invoiceninja_flutter/ui/app/lists/list_filter.dart';
import 'package:invoiceninja_flutter/ui/app/loading_indicator.dart';
import 'package:invoiceninja_flutter/ui/expense/expense_list_item.dart';
import 'package:invoiceninja_flutter/ui/expense/expense_list_vm.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';

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

  final ExpenseListVM viewModel;

  @override
  Widget build(BuildContext context) {
    final localization = AppLocalization.of(context);
    final listState = viewModel.listState;
    final state = viewModel.state;
    final widgets = <Widget>[];
    BaseEntity filteredEntity;

    if (listState.filterEntityType == EntityType.vendor) {
      filteredEntity = state.vendorState.map[listState.filterEntityId];
    } else if (listState.filterEntityType == EntityType.client) {
      filteredEntity = state.clientState.map[listState.filterEntityId];
    }

    final documentMap = memoizedEntityDocumentMap(
        EntityType.expense, state.documentState.map, state.expenseState.map);

    if (filteredEntity != null) {
      widgets.add(ListFilterMessage(
        title:
            '${listState.filterEntityType == EntityType.vendor ? localization.filteredByVendor : localization.filteredByClient}: ${filteredEntity.listDisplayName}',
        onPressed: viewModel.onViewEntityFilterPressed,
        onClearPressed: viewModel.onClearEntityFilterPressed,
      ));
    }

    widgets.add(Expanded(
      child: !viewModel.isLoaded
          ? (viewModel.isLoading ? LoadingIndicator() : SizedBox())
          : RefreshIndicator(
              onRefresh: () => viewModel.onRefreshed(context),
              child: viewModel.expenseList.isEmpty
                  ? HelpText(AppLocalization.of(context).noRecordsFound)
                  : ListView.separated(
                      shrinkWrap: true,
                      separatorBuilder: (context, index) => ListDivider(),
                      itemCount: viewModel.expenseList.length,
                      itemBuilder: (BuildContext context, index) {
                        final expenseId = viewModel.expenseList[index];
                        final expense = viewModel.expenseMap[expenseId];
                        final client =
                            viewModel.state.clientState.map[expense.clientId];
                        final vendor =
                            viewModel.state.vendorState.map[expense.vendorId];

                        void showDialog() => showEntityActionsDialog(
                            entities: [expense],
                            context: context,
                            userCompany: state.userCompany,
                            client: client,
                            onEntityAction: viewModel.onEntityAction);

                        return ExpenseListItem(
                          userCompany: viewModel.state.userCompany,
                          filter: viewModel.filter,
                          hasDocuments: documentMap[expense.id] == true,
                          expense: expense,
                          client: client,
                          vendor: vendor,
                          onTap: () => viewModel.onExpenseTap(context, expense),
                          onEntityAction: (EntityAction action) {
                            if (action == EntityAction.more) {
                              showDialog();
                            } else {
                              viewModel.onEntityAction(
                                  context, [expense], action);
                            }
                          },
                          onLongPress: () => showDialog(),
                        );
                      },
                    ),
            ),
    ));

    return Column(
      children: widgets,
    );
  }
}