import 'package:eatvio_app/core/theme/custom_text_style.dart';
import 'package:eatvio_app/core/theme/theme_helper.dart';
import 'package:eatvio_app/features/diary/presentation/bloc/diary_cubit.dart';
import 'package:eatvio_app/features/diary/presentation/bloc/diary_state.dart';
import 'package:eatvio_app/generated/l10n.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';

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

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<DiaryCubit, DiaryState>(
      builder: (context, state) {
        if (state is DiaryStateLoaded) {
          if (state.diary.typeOfDiary.hasChosenPlan) {
            return ChosenPlanWidgetContent(
              currentPlanDay: state.chosenPlanCurrentDay ?? 0,
              planName: state.chosenPlanName ?? '',
              planDuration: state.chosenPlanDuration ?? 0,
            );
          }
        }

        return const SizedBox.shrink();
      },
    );
  }
}

class ChosenPlanWidgetContent extends StatelessWidget {
  const ChosenPlanWidgetContent({super.key, required this.currentPlanDay, required this.planName, required this.planDuration});
  final int currentPlanDay;
  final String planName;
  final int planDuration;
  @override
  Widget build(BuildContext context) {
    final s = S.of(context);
    return Column(
      children: [
        Row(
          children: [
            Expanded(
              child: Text(
                planName,
                style: TextStyles.textLMedium.copyWith(color: appTheme.black),
                softWrap: true,
                overflow: TextOverflow.visible,
              ),
            ),
            const SizedBox(width: 8),
            Container(
              decoration: BoxDecoration(color: appTheme.dividerColor, borderRadius: BorderRadius.circular(12)),
              padding: const EdgeInsets.symmetric(vertical: 6, horizontal: 12),
              child: Text('${s.day} $currentPlanDay из $planDuration', style: TextStyles.textMSemibold.copyWith(color: appTheme.gray)),
            ),
          ],
        ),
        const SizedBox(height: 16),
      ],
    );
  }
}