immich/mobile/lib/presentation/widgets/people/person_edit_birthday_modal.widget.dart

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:immich_mobile/domain/models/person.model.dart';
import 'package:immich_mobile/extensions/build_context_extensions.dart';
import 'package:immich_mobile/generated/translations.g.dart';
import 'package:immich_mobile/providers/infrastructure/people.provider.dart';
import 'package:immich_mobile/utils/debug_print.dart';
import 'package:immich_mobile/widgets/common/immich_toast.dart';
import 'package:scroll_date_picker/scroll_date_picker.dart';

class DriftPersonBirthdayEditForm extends ConsumerStatefulWidget {
  final Person person;

  const DriftPersonBirthdayEditForm({super.key, required this.person});

  @override
  ConsumerState<DriftPersonBirthdayEditForm> createState() => _DriftPersonNameEditFormState();
}

class _DriftPersonNameEditFormState extends ConsumerState<DriftPersonBirthdayEditForm> {
  late DateTime _selectedDate;

  @override
  void initState() {
    super.initState();
    _selectedDate = widget.person.birthDate ?? DateTime(DateTime.now().year - 30, 1, 1);
  }

  Future<void> saveBirthday() async {
    try {
      final result = await ref.read(driftPeopleServiceProvider).updateBirthday(widget.person.id, _selectedDate);

      if (result != 0 && mounted) {
        context.pop<DateTime>(_selectedDate);
      }
    } catch (error) {
      dPrint(() => 'Error updating birthday: $error');

      if (!mounted) {
        return;
      }

      ImmichToast.show(
        context: context,
        msg: context.t.scaffold_body_error_occurred,
        gravity: ToastGravity.BOTTOM,
        toastType: ToastType.error,
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: Text(context.t.edit_birthday, style: const TextStyle(fontWeight: FontWeight.bold)),
      content: SizedBox(
        width: double.maxFinite,
        height: 300,
        child: ClipRRect(
          borderRadius: const BorderRadius.all(Radius.circular(16.0)),
          child: ScrollDatePicker(
            viewType: datePickerColumnOrder(DateFormat.yMd(context.locale.toLanguageTag()).pattern),
            options: DatePickerOptions(
              backgroundColor: context.colorScheme.surfaceContainerHigh,
              itemExtent: 50,
              diameterRatio: 5,
            ),
            scrollViewOptions: DatePickerScrollViewOptions(
              day: ScrollViewDetailOptions(
                isLoop: false,
                margin: const EdgeInsets.all(12),
                selectedTextStyle: TextStyle(color: context.primaryColor, fontWeight: FontWeight.bold, fontSize: 16),
              ),
              month: ScrollViewDetailOptions(
                isLoop: false,
                margin: const EdgeInsets.all(12),
                selectedTextStyle: TextStyle(color: context.primaryColor, fontWeight: FontWeight.bold, fontSize: 16),
              ),
              year: ScrollViewDetailOptions(
                isLoop: false,
                margin: const EdgeInsets.all(12),
                selectedTextStyle: TextStyle(color: context.primaryColor, fontWeight: FontWeight.bold, fontSize: 16),
              ),
            ),
            selectedDate: _selectedDate,
            locale: context.locale,
            minimumDate: DateTime(1800, 1, 1),
            maximumDate: DateTime.now(),
            onDateTimeChanged: (DateTime value) {
              setState(() {
                _selectedDate = value;
              });
            },
          ),
        ),
      ),
      actions: [
        TextButton(
          onPressed: () => context.pop(null),
          child: Text(
            context.t.cancel,
            style: TextStyle(color: Colors.red[300], fontWeight: FontWeight.bold),
          ),
        ),
        TextButton(
          onPressed: () => saveBirthday(),
          child: Text(
            context.t.save,
            style: TextStyle(color: context.primaryColor, fontWeight: FontWeight.bold),
          ),
        ),
      ],
    );
  }
}

List<DatePickerViewType>? datePickerColumnOrder(String? pattern) {
  if (pattern == null) {
    return null;
  }
  final positions = {
    DatePickerViewType.year: pattern.indexOf('y'),
    DatePickerViewType.month: pattern.indexOf('M'),
    DatePickerViewType.day: pattern.indexOf('d'),
  };
  if (positions.values.any((position) => position < 0)) {
    return null;
  }
  return positions.keys.toList()..sort((a, b) => positions[a]!.compareTo(positions[b]!));
}