syncrow-app/lib/features/scene/widgets/effective_period_setting/repeat_days.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_app/features/scene/bloc/effective_period/effect_period_bloc.dart';
import 'package:syncrow_app/features/scene/bloc/effective_period/effect_period_event.dart';
import 'package:syncrow_app/features/scene/bloc/effective_period/effect_period_state.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';
import 'package:syncrow_app/utils/context_extension.dart';
import 'package:syncrow_app/utils/resource_manager/color_manager.dart';

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

  @override
  Widget build(BuildContext context) {
    final daysMap = {
      'Mon': 'M',
      'Tue': 'T',
      'Wed': 'W',
      'Thu': 'T',
      'Fri': 'F',
      'Sat': 'S',
      'Sun': 'S',
    };

    return Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        const BodyMedium(text: 'Repeat'),
        const SizedBox(width: 8),
        BlocBuilder<EffectPeriodBloc, EffectPeriodState>(
          builder: (context, state) {
            return Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: daysMap.entries.map((entry) {
                    final day = entry.key;
                    final abbreviation = entry.value;
                    final dayIndex = _getDayIndex(day);
                    final isSelected =
                        state.selectedDaysBinary[dayIndex] == '1';
                    return Padding(
                      padding: const EdgeInsets.symmetric(horizontal: 3.0),
                      child: GestureDetector(
                        onTap: () {
                          context.read<EffectPeriodBloc>().add(ToggleDay(day));
                        },
                        child: Container(
                          decoration: BoxDecoration(
                            shape: BoxShape.circle,
                            border: Border.all(
                              color: isSelected
                                  ? Colors.grey
                                  : Colors.grey.shade300,
                              width: 1,
                            ),
                          ),
                          child: CircleAvatar(
                            radius: 15,
                            backgroundColor: Colors.white,
                            child: Text(
                              abbreviation,
                              style: TextStyle(
                                fontSize: 16,
                                color: isSelected
                                    ? Colors.grey
                                    : Colors.grey.shade300,
                              ),
                            ),
                          ),
                        ),
                      ),
                    );
                  }).toList(),
                ),
                const SizedBox(
                  height: 8,
                ),
                if (state.selectedDaysBinary == '0000000')
                  BodySmall(
                    text: 'At least one day must be selected',
                    style:
                        context.bodyMedium.copyWith(color: ColorsManager.red),
                  ),
              ],
            );
          },
        ),
      ],
    );
  }

  int _getDayIndex(String day) {
    const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
    return days.indexOf(day);
  }
}