syncrow-web/lib/pages/routiens/widgets/then_container.dart

// lib/pages/routiens/widgets/then_container.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_web/pages/routiens/bloc/routine_bloc/routine_bloc.dart';
import 'package:syncrow_web/pages/routiens/widgets/routine_dialogs/automation_dialog.dart';
import 'package:syncrow_web/pages/routiens/widgets/routine_dialogs/delay_dialog.dart';
import 'package:syncrow_web/pages/routiens/helper/dialog_helper/device_dialog_helper.dart';
import 'package:syncrow_web/pages/routiens/widgets/dragable_card.dart';
import 'package:syncrow_web/utils/constants/assets.dart';
import 'package:uuid/uuid.dart';

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

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<RoutineBloc, RoutineState>(
      builder: (context, state) {
        return DragTarget<Map<String, dynamic>>(
          builder: (context, candidateData, rejectedData) {
            return SingleChildScrollView(
              child: Container(
                padding: const EdgeInsets.all(16),
                width: double.infinity,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const Text('THEN', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
                    const SizedBox(height: 16),
                    Wrap(
                        spacing: 8,
                        runSpacing: 8,
                        children: List.generate(
                            state.thenItems.length,
                            (index) => GestureDetector(
                                  onTap: () async {
                                    if (state.thenItems[index]['deviceId'] == 'delay') {
                                      final result = await DelayHelper.showDelayPickerDialog(
                                          context, state.thenItems[index]);

                                      if (result != null) {
                                        context.read<RoutineBloc>().add(AddToThenContainer({
                                              ...state.thenItems[index],
                                              'imagePath': Assets.delay,
                                              'title': 'Delay',
                                            }));
                                      }
                                      return;
                                    }

                                    final result = await DeviceDialogHelper.showDeviceDialog(
                                        context, state.thenItems[index]);

                                    if (result != null) {
                                      context
                                          .read<RoutineBloc>()
                                          .add(AddToThenContainer(state.thenItems[index]));
                                    } else if (!['AC', '1G', '2G', '3G']
                                        .contains(state.thenItems[index]['productType'])) {
                                      context
                                          .read<RoutineBloc>()
                                          .add(AddToThenContainer(state.thenItems[index]));
                                    }
                                  },
                                  child: DraggableCard(
                                    imagePath: state.thenItems[index]['imagePath'] ?? '',
                                    title: state.thenItems[index]['title'] ?? '',
                                    deviceData: state.thenItems[index],
                                    padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
                                    isFromThen: true,
                                    isFromIf: false,
                                    onRemove: () {
                                      context.read<RoutineBloc>().add(RemoveDragCard(
                                          index: index,
                                          isFromThen: true,
                                          key: state.thenItems[index]['uniqueCustomId']));
                                    },
                                  ),
                                ))),
                  ],
                ),
              ),
            );
          },
          // onWillAcceptWithDetails: (data) {
          //   if (data == null) return false;
          //   return data.data;

          //   // if (state.isTabToRun) {
          //   //   return data.data['type'] == 'automation';
          //   // }

          //   // if (state.isAutomation) {
          //   //   return data.data['type'] == 'scene' ||
          //   //       data.data['type'] == 'automation';
          //   // }

          //   // return data.data['deviceId'] != null;
          // },
          onAcceptWithDetails: (data) async {
            final uniqueCustomId = const Uuid().v4();
            final mutableData = Map<String, dynamic>.from(data.data);
            mutableData['uniqueCustomId'] = uniqueCustomId;

            if (mutableData['type'] == 'scene') {
              context.read<RoutineBloc>().add(AddToThenContainer(mutableData));
              return;
            }

            if (mutableData['type'] == 'automation') {
              final result = await showDialog<bool>(
                context: context,
                builder: (BuildContext context) => AutomationDialog(
                  automationName: mutableData['name'] ?? 'Automation',
                  automationId: mutableData['deviceId'] ?? '',
                  uniqueCustomId: uniqueCustomId,
                ),
              );

              if (result != null) {
                context.read<RoutineBloc>().add(AddToThenContainer({
                      ...mutableData,
                      'imagePath': Assets.automation,
                      'title': mutableData['name'],
                    }));
              }
              return;
            }

            if (mutableData['deviceId'] == 'delay') {
              final result = await DelayHelper.showDelayPickerDialog(context, mutableData);

              if (result != null) {
                context.read<RoutineBloc>().add(AddToThenContainer({
                      ...mutableData,
                      'imagePath': Assets.delay,
                      'title': 'Delay',
                    }));
              }
              return;
            }

            final result = await DeviceDialogHelper.showDeviceDialog(context, mutableData);

            if (result != null) {
              context.read<RoutineBloc>().add(AddToThenContainer(mutableData));
            } else if (!['AC', '1G', '2G', '3G'].contains(mutableData['productType'])) {
              context.read<RoutineBloc>().add(AddToThenContainer(mutableData));
            }
          },
        );
      },
    );
  }
}