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

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_web/pages/routiens/models/ac/ac_function.dart';
import 'package:syncrow_web/pages/routiens/models/device_functions.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 ACHelper {
  static Future<Map<String, dynamic>?> showACFunctionsDialog(
    BuildContext context,
    List<DeviceFunction<dynamic>> functions,
  ) async {
    List<ACFunction> acFunctions = functions.whereType<ACFunction>().toList();
    final selectedFunctionNotifier = ValueNotifier<String?>(null);
    final selectedValueNotifier = ValueNotifier<dynamic>(null);
    final selectedConditionNotifier = ValueNotifier<String?>('==');
    final selectedConditionsNotifier =
        ValueNotifier<List<bool>>([false, true, false]);

    return showDialog<Map<String, dynamic>?>(
      context: context,
      builder: (BuildContext context) {
        return ValueListenableBuilder<String?>(
          valueListenable: selectedFunctionNotifier,
          builder: (context, selectedFunction, _) {
            return AlertDialog(
              contentPadding: EdgeInsets.zero,
              content: Container(
                width: selectedFunction != null ? 600 : 360,
                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('AC Functions'),
                    Expanded(
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.stretch,
                        children: [
                          // Function list
                          SizedBox(
                            width: selectedFunction != null ? 320 : 360,
                            child: _buildFunctionsList(
                              context,
                              acFunctions,
                              selectedFunctionNotifier,
                            ),
                          ),
                          // Value selector
                          if (selectedFunction != null)
                            Expanded(
                              child: _buildValueSelector(
                                context,
                                selectedFunction,
                                selectedValueNotifier,
                                selectedConditionNotifier,
                                selectedConditionsNotifier,
                                acFunctions,
                              ),
                            ),
                        ],
                      ),
                    ),
                    DialogFooter(
                      onCancel: () {
                        selectedFunctionNotifier.dispose();
                        selectedValueNotifier.dispose();
                        selectedConditionNotifier.dispose();
                        selectedConditionsNotifier.dispose();
                        Navigator.pop(context);
                      },
                      onConfirm: selectedFunctionNotifier.value != null &&
                              selectedValueNotifier.value != null
                          ? () {
                              selectedFunctionNotifier.dispose();
                              selectedValueNotifier.dispose();
                              selectedConditionNotifier.dispose();
                              selectedConditionsNotifier.dispose();
                              Navigator.pop(context, {
                                'function': selectedFunctionNotifier.value,
                                'value': selectedValueNotifier.value,
                                'condition':
                                    selectedConditionNotifier.value ?? "==",
                              });
                            }
                          : null,
                      isConfirmEnabled: selectedFunction != null,
                    ),
                  ],
                ),
              ),
            );
          },
        );
      },
    ).then((value) {
      selectedFunctionNotifier.dispose();
      selectedValueNotifier.dispose();
      selectedConditionNotifier.dispose();
      selectedConditionsNotifier.dispose();
      return value;
    });
  }

  /// Build functions list for AC functions dialog
  static Widget _buildFunctionsList(
    BuildContext context,
    List<ACFunction> acFunctions,
    ValueNotifier<String?> selectedFunctionNotifier,
  ) {
    return ListView.separated(
      shrinkWrap: false,
      physics: const AlwaysScrollableScrollPhysics(),
      itemCount: acFunctions.length,
      separatorBuilder: (context, index) => const Padding(
        padding: EdgeInsets.symmetric(horizontal: 40.0),
        child: Divider(
          color: ColorsManager.dividerColor,
        ),
      ),
      itemBuilder: (context, index) {
        final function = acFunctions[index];
        return ListTile(
          leading: SvgPicture.asset(
            function.icon,
            width: 24,
            height: 24,
            placeholderBuilder: (BuildContext context) => Container(
              width: 24,
              height: 24,
              color: Colors.transparent,
            ),
          ),
          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,
        );
      },
    );
  }

  /// Build value selector for AC functions dialog
  static Widget _buildValueSelector(
    BuildContext context,
    String selectedFunction,
    ValueNotifier<dynamic> selectedValueNotifier,
    ValueNotifier<String?> selectedConditionNotifier,
    ValueNotifier<List<bool>> selectedConditionsNotifier,
    List<ACFunction> acFunctions,
  ) {
    // Handle temperature functions
    if (selectedFunction == 'temp_set' || selectedFunction == 'temp_current') {
      // Initialize with 20°C (200 in internal representation)
      if (selectedValueNotifier.value == null ||
          selectedValueNotifier.value is! int) {
        selectedValueNotifier.value = 200;
      }
      return _buildTemperatureSelector(
        context,
        selectedValueNotifier,
        selectedConditionNotifier,
        selectedConditionsNotifier,
      );
    }

    // Handle other functions
    final selectedFn =
        acFunctions.firstWhere((f) => f.code == selectedFunction);
    final values = selectedFn.getOperationalValues();

    // Don't set any default value for non-temperature functions
    return _buildOperationalValuesList(
      context,
      values,
      selectedValueNotifier,
    );
  }

  /// Build temperature selector for AC functions dialog
  static Widget _buildTemperatureSelector(
    BuildContext context,
    ValueNotifier<dynamic> selectedValueNotifier,
    ValueNotifier<String?> selectedConditionNotifier,
    ValueNotifier<List<bool>> selectedConditionsNotifier,
  ) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        _buildConditionToggle(
          context,
          selectedConditionNotifier,
          selectedConditionsNotifier,
        ),
        const SizedBox(height: 20),
        _buildTemperatureDisplay(context, selectedValueNotifier),
        const SizedBox(height: 20),
        _buildTemperatureSlider(
          context,
          selectedValueNotifier,
        ),
      ],
    );
  }

  /// Build condition toggle for AC functions dialog
  static Widget _buildConditionToggle(
    BuildContext context,
    ValueNotifier<String?> selectedConditionNotifier,
    ValueNotifier<List<bool>> selectedConditionsNotifier,
  ) {
    return ValueListenableBuilder<List<bool>>(
      valueListenable: selectedConditionsNotifier,
      builder: (context, selectedConditions, _) {
        return ToggleButtons(
          onPressed: (int index) {
            final newConditions = [false, false, false];
            newConditions[index] = true;
            selectedConditionsNotifier.value = newConditions;
            selectedConditionNotifier.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(">")],
        );
      },
    );
  }

  /// Build temperature display for AC functions dialog
  static Widget _buildTemperatureDisplay(
      BuildContext context, ValueNotifier<dynamic> selectedValueNotifier) {
    return Container(
      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
      decoration: BoxDecoration(
        color: ColorsManager.primaryColorWithOpacity.withOpacity(0.1),
        borderRadius: BorderRadius.circular(10),
      ),
      child: ValueListenableBuilder(
        valueListenable: selectedValueNotifier,
        builder: (context, selectedValue, child) {
          return Text(
            '${(selectedValue ?? 200) / 10}°C',
            style: context.textTheme.headlineMedium!.copyWith(
              color: ColorsManager.primaryColorWithOpacity,
            ),
          );
        },
      ),
    );
  }

  static Widget _buildTemperatureSlider(
    BuildContext context,
    ValueNotifier<dynamic> selectedValueNotifier,
  ) {
    return ValueListenableBuilder(
      valueListenable: selectedValueNotifier,
      builder: (context, selectedValue, child) {
        final currentValue =
            selectedValue is int ? selectedValue.toDouble() : 200.0;
        return Slider(
          value: currentValue,
          min: 160,
          max: 300,
          divisions: 14,
          label: '${(currentValue / 10).toInt()}°C',
          onChanged: (value) => selectedValueNotifier.value = value.toInt(),
        );
      },
    );
  }

  static Widget _buildOperationalValuesList(
    BuildContext context,
    List<dynamic> values,
    ValueNotifier<dynamic> selectedValueNotifier,
  ) {
    return ValueListenableBuilder<dynamic>(
      valueListenable: selectedValueNotifier,
      builder: (context, selectedValue, _) {
        return ListView.builder(
          shrinkWrap: false,
          physics: const AlwaysScrollableScrollPhysics(),
          itemCount: values.length,
          itemBuilder: (context, index) {
            final value = values[index];
            return ListTile(
              leading: SvgPicture.asset(
                value.icon,
                width: 24,
                height: 24,
                placeholderBuilder: (BuildContext context) => Container(
                  width: 24,
                  height: 24,
                  color: Colors.transparent,
                ),
              ),
              title: Text(
                value.description,
                style: context.textTheme.bodyMedium,
              ),
              trailing: Radio<dynamic>(
                value: value.value,
                groupValue: selectedValue,
                onChanged: (_) => selectedValueNotifier.value = value.value,
                activeColor: ColorsManager.primaryColorWithOpacity,
              ),
              onTap: () => selectedValueNotifier.value = value.value,
            );
          },
        );
      },
    );
  }
}