import 'package:flutter_redux/flutter_redux.dart';
import 'package:invoiceninja_flutter/constants.dart';
import 'package:invoiceninja_flutter/redux/app/app_actions.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/redux/company/company_selectors.dart';
import 'package:invoiceninja_flutter/ui/app/entity_state_label.dart';
import 'package:invoiceninja_flutter/utils/formatting.dart';
import 'package:flutter/material.dart';
import 'package:invoiceninja_flutter/data/models/models.dart';
import 'package:invoiceninja_flutter/ui/app/dismissible_entity.dart';
import 'package:invoiceninja_flutter/utils/localization.dart';
import 'package:timeago/timeago.dart' as timeago;

class ScheduleListItem extends StatelessWidget {
  const ScheduleListItem({
    required this.user,
    required this.schedule,
    required this.filter,
    this.onTap,
    this.onLongPress,
    this.onCheckboxChanged,
    this.isChecked = false,
  });

  final UserEntity? user;
  final GestureTapCallback? onTap;
  final GestureTapCallback? onLongPress;
  final ScheduleEntity schedule;
  final String? filter;
  final Function(bool?)? onCheckboxChanged;
  final bool isChecked;

  @override
  Widget build(BuildContext context) {
    final store = StoreProvider.of<AppState>(context);
    final state = store.state;
    final uiState = state.uiState;
    final scheduleUIState = uiState.scheduleUIState;
    final listUIState = scheduleUIState.listUIState;
    final isInMultiselect = listUIState.isInMultiselect();
    final showCheckbox = onCheckboxChanged != null || isInMultiselect;
    final localization = AppLocalization.of(context)!;

    String subtitle = formatDate(schedule.nextRun, context);

    String title = localization.lookup(schedule.template);
    if (schedule.template == ScheduleEntity.TEMPLATE_EMAIL_RECORD) {
      final entityType = EntityType.valueOf(schedule.parameters.entityType!);
      final entity =
          state.getEntityMap(entityType)![schedule.parameters.entityId];

      if (entityType == EntityType.purchaseOrder) {
        final vendor =
            state.vendorState.get((entity as BelongsToVendor).vendorId);
        title += ': ' + vendor.name;
      } else {
        final client =
            state.clientState.get((entity as BelongsToClient).clientId!);
        title += ': ' + client.displayName;
      }

      subtitle += ' • ' +
          localization.lookup(schedule.parameters.entityType) +
          ' ' +
          (entity?.listDisplayName ?? '');
    } else if (schedule.template == ScheduleEntity.TEMPLATE_EMAIL_STATEMENT) {
      if (schedule.parameters.clients!.isEmpty) {
        title += ': ' + localization.allClients;
      } else if (schedule.parameters.clients!.length == 1) {
        final clientId = schedule.parameters.clients!.first;
        title += ': ' + state.clientState.get(clientId).displayName;
      } else {
        title +=
            ': ${schedule.parameters.clients!.length} ${localization.clients}';
      }
      subtitle +=
          ' • ' + localization.lookup(kFrequencies[schedule.frequencyId]);
    } else if (schedule.template == ScheduleEntity.TEMPLATE_EMAIL_REPORT) {
      title += ': ' + localization.lookup(schedule.parameters.reportName);
    }

    return DismissibleEntity(
      userCompany: state.userCompany,
      entity: schedule,
      isSelected: schedule.id ==
          (uiState.isEditing
              ? scheduleUIState.editing!.id
              : scheduleUIState.selectedId),
      child: Container(
        width: MediaQuery.of(context).size.width,
        child: ListTile(
          onTap: () =>
              onTap != null ? onTap!() : selectEntity(entity: schedule),
          onLongPress: () => onLongPress != null
              ? onLongPress!()
              : selectEntity(entity: schedule, longPress: true),
          leading: showCheckbox
              ? IgnorePointer(
                  ignoring: listUIState.isInMultiselect(),
                  child: Checkbox(
                    value: isChecked,
                    materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                    onChanged: (value) => onCheckboxChanged!(value),
                    activeColor: Theme.of(context).colorScheme.secondary,
                  ),
                )
              : null,
          title: Text(title),
          trailing: Text(timeago.format(
            convertSqlDateToDateTime(schedule.nextRun),
            locale: localeSelector(state, twoLetter: true),
            allowFromNow: true,
          )),
          subtitle: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              subtitle.isNotEmpty
                  ? Text(
                      (filter ?? '').isNotEmpty ? filter! : subtitle,
                      maxLines: 3,
                      overflow: TextOverflow.ellipsis,
                    )
                  : Container(),
              EntityStateLabel(schedule),
            ],
          ),
        ),
      ),
    );
  }
}