import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/routiens/bloc/routine_bloc.dart';
import 'package:syncrow_web/pages/routiens/widgets/dragable_card.dart';
import 'package:syncrow_web/utils/constants/assets.dart';

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

  @override
  Widget build(BuildContext context) {
    return BlocProvider(
      create: (context) => RoutineBloc()
        ..add(
          LoadScenes(spaceId),
        )
        ..add(
          LoadAutomation(spaceId),
        ),
      child: BlocBuilder<RoutineBloc, RoutineState>(
        builder: (context, state) {
          if (state.scenes.isNotEmpty || state.automations.isNotEmpty) {
            var scenes = [...state.scenes, ...state.automations];
            return Wrap(
              spacing: 10,
              runSpacing: 10,
              children: scenes
                  .map((scene) => DraggableCard(
                        imagePath: Assets.logo,
                        title: scene.name ?? '',
                      ))
                  .toList(),
            );
          }
          return const Center(child: CircularProgressIndicator());
        },
      ),
    );
  }
}