import 'dart:async';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/models.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/icon_message.dart';
import 'package:invoiceninja_flutter/ui/app/lists/list_divider.dart';
import 'package:invoiceninja_flutter/ui/app/scrollable_listview.dart';
import 'package:invoiceninja_flutter/ui/task/task_time_view.dart';
import 'package:invoiceninja_flutter/ui/task/view/task_view_vm.dart';
import 'package:invoiceninja_flutter/utils/formatting.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';

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

  final TaskViewVM viewModel;
  final bool isFilter;

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

class _TaskOverviewState extends State<TaskOverview> {
  Timer _timer;

  @override
  void initState() {
    super.initState();
    _timer = Timer.periodic(Duration(seconds: 1),
        (Timer timer) => mounted ? setState(() => false) : false);
  }

  @override
  void dispose() {
    _timer.cancel();
    _timer = null;
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final viewModel = widget.viewModel;
    final state = viewModel.state;
    final task = viewModel.task;
    final localization = AppLocalization.of(context);

    final project = viewModel.project;
    final client = viewModel.client;
    final company = viewModel.company;
    final invoice = viewModel.state.invoiceState.map[task.invoiceId];
    final user = viewModel.state.userState.map[task.assignedUserId];
    final group = state.groupState.get(client?.groupId);

    final Map<String, String> fields = {
      TaskFields.rate: formatNumber(task.rate, context, zeroIsNull: true),
    };

    if ((task.statusId ?? '').isNotEmpty) {
      fields[localization.status] =
          company.taskStatusMap[task.statusId]?.name ?? '';
    }

    if (task.customValue1.isNotEmpty) {
      final label1 = company.getCustomFieldLabel(CustomFieldType.task1);
      fields[label1] = formatCustomValue(
          context: context,
          field: CustomFieldType.task1,
          value: task.customValue1);
    }
    if (task.customValue2.isNotEmpty) {
      final label2 = company.getCustomFieldLabel(CustomFieldType.task2);
      fields[label2] = formatCustomValue(
          context: context,
          field: CustomFieldType.task2,
          value: task.customValue2);
    }

    List<Widget> _buildView() {
      final widgets = <Widget>[
        EntityHeader(
          entity: task,
          statusLabel: state.taskStatusState.get(task.statusId).name,
          statusColor: task.isInvoiced
              ? Colors.green
              : task.isRunning
                  ? Colors.blue
                  : null,
          label: localization.duration,
          value: formatDuration(task.calculateDuration()),
          secondLabel: localization.amount,
          secondValue: formatNumber(
            task.calculateAmount(
              taskRateSelector(
                company: company,
                project: project,
                client: client,
                task: task,
                group: group,
              ),
            ),
            context,
          ),
        ),
        ListDivider(),
      ];

      if (client != null) {
        widgets.addAll([
          EntityListTile(
            entity: client,
            isFilter: widget.isFilter,
          ),
        ]);
      }

      if (project != null) {
        widgets.addAll([
          EntityListTile(
            entity: project,
            isFilter: widget.isFilter,
          ),
        ]);
      }

      if (user != null) {
        widgets.addAll([
          EntityListTile(
            entity: user,
            isFilter: widget.isFilter,
          ),
        ]);
      }

      if (invoice != null) {
        widgets.addAll([
          EntityListTile(
            entity: invoice,
            isFilter: widget.isFilter,
          ),
        ]);
      }

      if (task.description.isNotEmpty) {
        widgets.addAll([
          IconMessage(task.description),
          ListDivider(),
        ]);
      }

      if (fields.isNotEmpty) {
        widgets.addAll([
          FieldGrid(fields),
        ]);
      }

      final items = task.getTaskTimes();
      if (items.isNotEmpty) {
        items.reversed.forEach((taskTime) {
          widgets.addAll([
            TaskTimeListTile(
              task: task,
              taskTime: taskTime,
              onTap: (BuildContext context) =>
                  viewModel.state.userCompany.canEditEntity(task)
                      ? viewModel.onEditPressed(context, taskTime)
                      : null,
            )
          ]);
        });
      }

      return widgets;
    }

    return RefreshIndicator(
      onRefresh: () => viewModel.onRefreshed(context),
      child: ScrollableListView(
        children: _buildView(),
      ),
    );
  }
}