import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:stacked/stacked.dart';
import 'package:yimaru_app/ui/views/profile_detail/profile_detail_viewmodel.dart';
import '../common/app_colors.dart';
import '../common/ui_helpers.dart';
import 'package:omni_datetime_picker/omni_datetime_picker.dart';

class BirthdaySelector extends ViewModelWidget<ProfileDetailViewModel> {
  const BirthdaySelector({super.key});

  DateTime _initialDate(ProfileDetailViewModel viewModel) {
    try {
      final parsedDate = format.parse(viewModel.selectedBirthday ?? '');
      return parsedDate.isAfter(DateTime.now()) ? DateTime.now() : parsedDate;
    } catch (_) {
      return DateTime.now();
    }
  }

  Future<void> _pickDateTime(
      {required BuildContext context,
      required ProfileDetailViewModel viewModel}) async {
    DateTime? dateTime = await showOmniDateTimePicker(
      context: context,
      is24HourMode: false,
      isShowSeconds: false,
      lastDate: DateTime.now(),
      firstDate: DateTime(1900),
      barrierDismissible: true,
      titleSeparator: const Divider(),
      padding: const EdgeInsets.all(16),
      type: OmniDateTimePickerType.date,
      initialDate: _initialDate(viewModel),
      borderRadius: const BorderRadius.all(Radius.circular(15)),
      insetPadding: const EdgeInsets.symmetric(horizontal: 40, vertical: 24),
      title: const Text('Birthday', style: TextStyle(fontSize: 16)),
      theme: ThemeData(
        colorScheme:
            const ColorScheme.light().copyWith(primary: kcPrimaryColor),
      ),
    );

    if (dateTime != null) {
      String formattedDateTime = DateFormat('d MMM, yyyy').format(dateTime);

      viewModel.setBirthday(DateFormat('d MMM, yyyy').format(dateTime));
      //onChanged(formattedDateTime);
    }
  }

  @override
  Widget build(BuildContext context, ProfileDetailViewModel viewModel) =>
      _buildButtonWrapper(context: context, viewModel: viewModel);

  Widget _buildButtonWrapper(
          {required BuildContext context,
          required ProfileDetailViewModel viewModel}) =>
      Container(
        height: 50,
        width: double.maxFinite,
        margin: const EdgeInsets.only(bottom: 15),
        child: _buildContainerWrapper(context: context, viewModel: viewModel),
      );

  Widget _buildContainerWrapper(
          {required BuildContext context,
          required ProfileDetailViewModel viewModel}) =>
      GestureDetector(
        onTap: () async =>
            await _pickDateTime(context: context, viewModel: viewModel),
        child: _buildContainer(viewModel),
      );

  Widget _buildContainer(ProfileDetailViewModel viewModel) => Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(4),
          color: kcPrimaryColor.withOpacity(0.1),
          border: Border.all(color: kcPrimaryColor),
        ),
        padding: const EdgeInsets.symmetric(horizontal: 15),
        child: _buildButtonRowWrapper(viewModel),
      );

  Widget _buildButtonRowWrapper(ProfileDetailViewModel viewModel) => Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: _buildButtonRowChildren(viewModel),
      );

  List<Widget> _buildButtonRowChildren(ProfileDetailViewModel viewModel) =>
      [_buildText(viewModel), _buildIcon()];

  Widget _buildText(ProfileDetailViewModel viewModel) => Text(
        viewModel.selectedBirthday ?? 'Pick birthday',
        style: const TextStyle(color: kcDarkGrey),
      );

  Widget _buildIcon() => const Icon(
        Icons.calendar_month,
        color: kcPrimaryColor,
      );
}