import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/ui/app/loading_indicator.dart';
import 'package:invoiceninja_flutter/ui/app/snackbar_row.dart';
import 'package:invoiceninja_flutter/ui/project/project_list_item.dart';
import 'package:invoiceninja_flutter/ui/project/project_list_vm.dart';
import 'package:invoiceninja_flutter/utils/icons.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';

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

  final ProjectListVM viewModel;

  void _showMenu(
      BuildContext context, ProjectEntity project, ClientEntity client) async {
    if (project == null || client == null) {
      return;
    }

    final user = viewModel.user;
    final message = await showDialog<String>(
        context: context,
        builder: (BuildContext dialogContext) => SimpleDialog(
            children: project
                .getEntityActions(user: user, client: client)
                .map((entityAction) {
              if (entityAction == null) {
                return Divider();
              } else {
                return ListTile(
                  leading: Icon(getEntityActionIcon(entityAction)),
                  title: Text(AppLocalization.of(context)
                      .lookup(entityAction.toString())),
                  onTap: () {
                    Navigator.of(dialogContext).pop();
                    viewModel.onEntityAction(context, project, entityAction);
                  },
                );
              }
            }).toList()));

    if (message != null) {
      Scaffold.of(context).showSnackBar(SnackBar(
          content: SnackBarRow(
            message: message,
          )));
    }
  }

  @override
  Widget build(BuildContext context) {
    final localization = AppLocalization.of(context);
    final listState = viewModel.listState;
    final filteredClientId = listState.filterEntityId;
    final filteredClient =
    filteredClientId != null ? viewModel.clientMap[filteredClientId] : null;

    return Column(
      children: <Widget>[
        filteredClient != null
            ? Material(
          color: Colors.orangeAccent,
          elevation: 6.0,
          child: InkWell(
            onTap: () => viewModel.onViewEntityFilterPressed(context),
            child: Row(
              children: <Widget>[
                SizedBox(width: 18.0),
                Expanded(
                  child: Text(
                    '${localization.filteredBy} ${filteredClient.listDisplayName}',
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 16.0,
                    ),
                  ),
                ),
                IconButton(
                  icon: Icon(
                    Icons.close,
                    color: Colors.white,
                  ),
                  onPressed: () => viewModel.onClearEntityFilterPressed(),
                )
              ],
            ),
          ),
        )
            : Container(),
        Expanded(
          child: !viewModel.isLoaded
              ? LoadingIndicator()
              : RefreshIndicator(
            onRefresh: () => viewModel.onRefreshed(context),
            child: viewModel.projectList.isEmpty
                ? Opacity(
              opacity: 0.5,
              child: Center(
                child: Text(
                  AppLocalization.of(context).noRecordsFound,
                  style: TextStyle(
                    fontSize: 18.0,
                  ),
                ),
              ),
            )
                : ListView.builder(
              shrinkWrap: true,
              itemCount: viewModel.projectList.length,
              itemBuilder: (BuildContext context, index) {
                final projectId = viewModel.projectList[index];
                final project = viewModel.projectMap[projectId];
                final client =
                    viewModel.clientMap[project.clientId] ??
                        ClientEntity();
                return Column(
                  children: <Widget>[
                    ProjectListItem(
                      user: viewModel.user,
                      filter: viewModel.filter,
                      project: project,
                      client:
                      viewModel.clientMap[project.clientId] ??
                          ClientEntity(),
                      onTap: () =>
                          viewModel.onProjectTap(context, project),
                      onEntityAction: (EntityAction action) {
                        if (action == EntityAction.more) {
                          _showMenu(context, project, client);
                        } else {
                          viewModel.onEntityAction(
                              context, project, action);
                        }
                      },
                      onLongPress: () =>
                          _showMenu(context, project, client),
                    ),
                    Divider(
                      height: 1.0,
                    ),
                  ],
                );
              },
            ),
          ),
        ),
      ],
    );
  }
}