import 'package:grooz_diary/tokens/enums.dart';
import 'package:image_picker/image_picker.dart';
import 'package:intl/intl.dart';
import 'package:localization/localization.dart';

class AddDiaryScreen extends ConsumerStatefulWidget {
  const AddDiaryScreen({
    super.key,
    this.diaryDetails,
    this.index,
    this.isReadOnlyMode = false,
  });
  final int? index;
  final DiaryDetails? diaryDetails;
  final bool isReadOnlyMode;

  @override
  ConsumerState createState() => _AddDiaryScreenState();
}

class _AddDiaryScreenState extends ConsumerState {
  final _formKey = GlobalKey();
  ValueNotifier isReadOnlyMode = ValueNotifier(false);

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      if (widget.diaryDetails != null && widget.index != null) {
        ref
            .read(addDiaryController)
            .setDiaryData(diaryDetails: widget.diaryDetails!);
        isReadOnlyMode.value = widget.isReadOnlyMode;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return CommonBackground(
      imagePath:
          ref.watch(addDiaryController).selectedBackground == Backgrounds.none
              ? null
              : ref.watch(addDiaryController).selectedBackground.path,
      child: PopScope(
        onPopInvoked: (didPop) {
          ref.invalidate(addDiaryController);
        },
child: ValueListenableBuilder(
valueListenable: isReadOnlyMode,
builder: (context, isReadOnlyModeValue, child) {
return Scaffold(
backgroundColor: AppColors.transperent,
resizeToAvoidBottomInset: false,
appBar: CommonAppBar(
  padding: EdgeInsets.symmetric(
    horizontal: AppSize.w16,
    vertical: AppSize.h22,
  ),
  suffix: isReadOnlyModeValue
      ? Row(
          children: [
            AddDiaryAppbarButton(
              assetPath: AppAssetPaths.editIcon,
              onTap: () {
                isReadOnlyMode.value = false;
              },
            ),
            SpaceH(AppSize.w16),
            AddDiaryAppbarButton(
              assetPath: AppAssetPaths.share,
              onTap: () {},
            ),
            SpaceH(AppSize.w16),
            AddDiaryAppbarButton(
              assetPath: AppAssetPaths.garbage,
              onTap: () {
                CommonBottomSheet.show(
                  context: context,
                  padding: EdgeInsets.only(
                    top: AppSize.h20,
                    left: AppSize.w16,
                    right: AppSize.w16,
                    bottom: AppSize.w16,
                  ),
                  child: DeleteConfirmationBottomsheet(
                    onDeleteTap: () async {
                      Navigator.of(context)
                        ..pop()
                        ..pop();
                      if (widget.index != null) {
                        await ref
                            .read(
                              addDiaryController,
                            )
                            .deleteDiary(
                              index: widget.index!,
                            );
                        ref
                            .read(
                              diaryController,
                            )
                            .refreshDiaryList();

                        ref
                            .read(
                              calendarController,
                            )
                            .filterDatewiseDiaryList();
                        ref.invalidate(
                          moodController,
                        );
                      }
                    },
                  ),
                );
              },
            ),
          ],
        )