import 'package:easy_debounce/easy_debounce.dart';
import 'package:eatvio_app/core/theme/custom_text_style.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:eatvio_app/core/widgets/custom_text_form_field.dart';
import 'package:eatvio_app/features/create_diet/presentation/widgets/error_widget.dart';
import 'package:eatvio_app/features/diary/presentation/bloc/consultant_comments_cubit/consultant_comments_cubit.dart';
import 'package:eatvio_app/features/diary/presentation/bloc/consultant_comments_cubit/consultant_comments_state.dart';
import 'package:eatvio_app/generated/l10n.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

class DayCommentWidget extends StatelessWidget {
  const DayCommentWidget({super.key});

  @override
  Widget build(BuildContext context) {
    final s = S.of(context);
    return BlocBuilder<ConsultantCommentsCubit, ConsultantCommentsState>(
      builder: (context, state) {
        return Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text(
              s.dayCommentTitle,
              textAlign: TextAlign.center,
              style: TextStyles.textLSemibold.copyWith(color: appTheme.black),
            ),
            const SizedBox(height: 12),
            CustomTextFormField(
              onChanged: (value) {
                EasyDebounce.debounce('client-typing', const Duration(milliseconds: 500), () => context.read<ConsultantCommentsCubit>().setComment(value));
              },
              hasError: state.dayCommentNeedsToBeFilled,
              hintText: s.typeDayComment,
              minLines: 4,
              maxLines: 4,
              readOnly: false,
            ),
            if (state.dayCommentNeedsToBeFilled) ...[const SizedBox(height: 4), const ValidationErrorWidget(error: 'Минимум 3 символа')],
          ],
        );
      },
    );
  }
}