import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/providers/backup/ios_background_settings.provider.dart';
import 'package:immich_mobile/utils/translation.dart';

/// This is a simple debug widget which should be removed later on when we are
/// more confident about background sync
class IosDebugInfoTile extends HookConsumerWidget {
  final IOSBackgroundSettings settings;
  const IosDebugInfoTile({
    super.key,
    required this.settings,
  });

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final fetch = settings.timeOfLastFetch;
    final processing = settings.timeOfLastProcessing;
    final processes = settings.numberOfBackgroundTasksQueued;

    final String title;
    if (processes == 0) {
      title = 'ios_debug_info_no_processes_queued'.tr();
    } else {
      title = t('ios_debug_info_processes_queued', {'count': processes});
    }

    final df = DateFormat.yMd().add_jm();
    final String subtitle;
    if (fetch == null && processing == null) {
      subtitle = 'ios_debug_info_no_sync_yet'.tr();
    } else if (fetch != null && processing == null) {
      subtitle =
          t('ios_debug_info_fetch_ran_at', {'dateTime': df.format(fetch)});
    } else if (processing != null && fetch == null) {
      subtitle = t(
        'ios_debug_info_processing_ran_at',
        {'dateTime': df.format(processing)},
      );
    } else {
      final fetchOrProcessing =
          fetch!.isAfter(processing!) ? fetch : processing;
      subtitle = t(
        'ios_debug_info_last_sync_at',
        {'dateTime': df.format(fetchOrProcessing)},
      );
    }

    return ListTile(
      title: Text(
        title,
        style: TextStyle(
          fontWeight: FontWeight.bold,
          fontSize: 14,
          color: context.primaryColor,
        ),
      ),
      subtitle: Text(
        subtitle,
        style: const TextStyle(
          fontSize: 14,
        ),
      ),
      leading: Icon(
        Icons.bug_report,
        color: context.primaryColor,
      ),
    );
  }
}