import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:apidash/consts.dart';
import 'package:apidash/providers/providers.dart';
import 'package:apidash/widgets/widgets.dart';

class SaveButton extends ConsumerWidget {
  const SaveButton({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final overlayWidget = OverlayWidgetTemplate(context: context);
    final savingData = ref.watch(saveDataStateProvider);
    final hasUnsavedChanges = ref.watch(hasUnsavedChangesProvider);
    return TextButton.icon(
      onPressed: (savingData || !hasUnsavedChanges)
          ? null
          : () async {
              overlayWidget.show(
                  widget: const SavingOverlay(saveCompleted: false));

              await ref
                  .read(collectionStateNotifierProvider.notifier)
                  .saveData();
              await ref
                  .read(environmentsStateNotifierProvider.notifier)
                  .saveEnvironments();
              overlayWidget.hide();
              overlayWidget.show(
                  widget: const SavingOverlay(saveCompleted: true));
              await Future.delayed(const Duration(seconds: 1));
              overlayWidget.hide();
            },
      icon: const Icon(
        Icons.save,
        size: 20,
      ),
      label: const Text(
        kLabelSave,
        style: kTextStyleButton,
      ),
    );
  }
}