syncrow-web/lib/pages/routiens/helper/two_gang_switch_helper.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_web/pages/routiens/bloc/routine_bloc.dart';
import 'package:syncrow_web/pages/routiens/models/device_functions.dart';
import 'package:syncrow_web/pages/routiens/models/gang_switches/base_switch_function.dart';
import 'package:syncrow_web/pages/routiens/models/gang_switches/two_gang_switch/two_gang_switch.dart';
import 'package:syncrow_web/pages/routiens/widgets/dialog_footer.dart';
import 'package:syncrow_web/pages/routiens/widgets/dialog_header.dart';
import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/extension/build_context_x.dart';

class TwoGangSwitchHelper {
  static Future<void> showSwitchFunctionsDialog(
      BuildContext context, List<DeviceFunction<dynamic>> functions) async {
    List<DeviceFunction<dynamic>> switchFunctions = functions
        .where((f) =>
            f is TwoGangSwitch1Function ||
            f is TwoGangSwitch2Function ||
            f is TwoGangCountdown1Function ||
            f is TwoGangCountdown2Function)
        .toList();

    final selectedFunctionNotifier = ValueNotifier<String?>(null);
    final selectedValueNotifier = ValueNotifier<dynamic>(null);
    final selectedConditionNotifier = ValueNotifier<String?>('<');
    final selectedConditionsNotifier =
        ValueNotifier<List<bool>>([true, false, false]);

    await showDialog(
      context: context,
      builder: (BuildContext context) {
        return ValueListenableBuilder<String?>(
          valueListenable: selectedFunctionNotifier,
          builder: (context, selectedFunction, _) {
            return AlertDialog(
              contentPadding: EdgeInsets.zero,
              content: Container(
                width: selectedFunction != null ? 600 : 300,
                height: 450,
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(20),
                ),
                padding: const EdgeInsets.only(top: 20),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    const DialogHeader('2 Gangs Light Switch Condition'),
                    Expanded(
                      child: Row(
                        children: [
                          // Left side: Function list
                          Expanded(
                            child: ListView.separated(
                              itemCount: switchFunctions.length,
                              separatorBuilder: (_, __) => const Divider(
                                color: ColorsManager.dividerColor,
                              ),
                              itemBuilder: (context, index) {
                                final function = switchFunctions[index];
                                return ValueListenableBuilder<String?>(
                                  valueListenable: selectedFunctionNotifier,
                                  builder: (context, selectedFunction, _) {
                                    final isSelected =
                                        selectedFunction == function.code;
                                    return ListTile(
                                      tileColor: isSelected
                                          ? Colors.grey.shade100
                                          : null,
                                      leading: SvgPicture.asset(
                                        function.icon,
                                        width: 24,
                                        height: 24,
                                      ),
                                      title: Text(
                                        function.operationName,
                                        style: context.textTheme.bodyMedium,
                                      ),
                                      trailing: const Icon(
                                        Icons.arrow_forward_ios,
                                        size: 16,
                                        color: ColorsManager.textGray,
                                      ),
                                      onTap: () {
                                        selectedFunctionNotifier.value =
                                            function.code;
                                        selectedValueNotifier.value = function
                                                    is TwoGangCountdown1Function ||
                                                function
                                                    is TwoGangCountdown2Function
                                            ? 0
                                            : null;
                                      },
                                    );
                                  },
                                );
                              },
                            ),
                          ),
                          // Right side: Value selector
                          if (selectedFunction != null)
                            Expanded(
                              child: ValueListenableBuilder<dynamic>(
                                valueListenable: selectedValueNotifier,
                                builder: (context, selectedValue, _) {
                                  final selectedFn = switchFunctions.firstWhere(
                                    (f) => f.code == selectedFunction,
                                  );

                                  if (selectedFn is TwoGangCountdown1Function ||
                                      selectedFn is TwoGangCountdown2Function) {
                                    return _buildCountDownSelector(
                                      context,
                                      selectedValueNotifier,
                                      selectedConditionNotifier,
                                      selectedConditionsNotifier,
                                    );
                                  }

                                  return _buildOperationalValuesList(
                                    context,
                                    selectedFn as BaseSwitchFunction,
                                    selectedValueNotifier,
                                  );
                                },
                              ),
                            ),
                        ],
                      ),
                    ),
                    DialogFooter(
                      onCancel: () => Navigator.pop(context),
                      onConfirm: selectedFunction != null &&
                              selectedValueNotifier.value != null
                          ? () {
                              final selectedFn = switchFunctions.firstWhere(
                                (f) => f.code == selectedFunction,
                              );
                              final value = selectedValueNotifier.value;
                              final functionData = DeviceFunctionData(
                                entityId: selectedFn.deviceId,
                                function: selectedFn.code,
                                operationName: selectedFn.operationName,
                                value: value,
                                condition: selectedConditionNotifier.value,
                                valueDescription: selectedFn
                                            is TwoGangCountdown1Function ||
                                        selectedFn is TwoGangCountdown2Function
                                    ? '${value} sec'
                                    : ((selectedFn as BaseSwitchFunction)
                                        .getOperationalValues()
                                        .firstWhere((v) => v.value == value)
                                        .description),
                              );
                              Navigator.pop(
                                  context, {selectedFn.code: functionData});
                            }
                          : null,
                      isConfirmEnabled: selectedFunction != null,
                    ),
                  ],
                ),
              ),
            );
          },
        );
      },
    );
  }

  static Widget _buildOperationalValuesList(
    BuildContext context,
    BaseSwitchFunction function,
    ValueNotifier<dynamic> valueNotifier,
  ) {
    final values = function.getOperationalValues();
    return ValueListenableBuilder<dynamic>(
      valueListenable: valueNotifier,
      builder: (context, selectedValue, _) {
        return ListView.builder(
          itemCount: values.length,
          itemBuilder: (context, index) {
            final value = values[index];
            return ListTile(
              leading: SvgPicture.asset(
                value.icon,
                width: 24,
                height: 24,
              ),
              title: Text(
                value.description,
                style: context.textTheme.bodyMedium,
              ),
              trailing: Radio<dynamic>(
                value: value.value,
                groupValue: selectedValue,
                onChanged: (newValue) {
                  valueNotifier.value = newValue;
                },
              ),
            );
          },
        );
      },
    );
  }

  static Widget _buildCountDownSelector(
    BuildContext context,
    ValueNotifier<dynamic> valueNotifier,
    ValueNotifier<String?> conditionNotifier,
    ValueNotifier<List<bool>> conditionsNotifier,
  ) {
    return ValueListenableBuilder<dynamic>(
      valueListenable: valueNotifier,
      builder: (context, value, _) {
        return Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ValueListenableBuilder<List<bool>>(
              valueListenable: conditionsNotifier,
              builder: (context, selectedConditions, _) {
                return ToggleButtons(
                  onPressed: (int index) {
                    final newConditions = List<bool>.filled(3, false);
                    newConditions[index] = true;
                    conditionsNotifier.value = newConditions;
                    conditionNotifier.value = index == 0
                        ? "<"
                        : index == 1
                            ? "=="
                            : ">";
                  },
                  borderRadius: const BorderRadius.all(Radius.circular(8)),
                  selectedBorderColor: ColorsManager.primaryColorWithOpacity,
                  selectedColor: Colors.white,
                  fillColor: ColorsManager.primaryColorWithOpacity,
                  color: ColorsManager.primaryColorWithOpacity,
                  constraints: const BoxConstraints(
                    minHeight: 40.0,
                    minWidth: 40.0,
                  ),
                  isSelected: selectedConditions,
                  children: const [Text("<"), Text("="), Text(">")],
                );
              },
            ),
            const SizedBox(height: 20),
            Text(
              '${value ?? 0} sec',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
            const SizedBox(height: 20),
            Slider(
              value: (value ?? 0).toDouble(),
              min: 0,
              max: 300,
              divisions: 300,
              onChanged: (newValue) {
                valueNotifier.value = newValue.toInt();
              },
            ),
          ],
        );
      },
    );
  }
}