import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_app/features/devices/bloc/two_touch_bloc/two_touch_bloc.dart';
import 'package:syncrow_app/features/devices/bloc/two_touch_bloc/two_touch_event.dart';
import 'package:syncrow_app/features/devices/bloc/two_touch_bloc/two_touch_state.dart';
import 'package:syncrow_app/features/devices/model/group_two_touch_model.dart';
import 'package:syncrow_app/features/shared_widgets/devices_default_switch.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';

class TwoTouchList extends StatelessWidget {
  const TwoTouchList(
      {super.key, required this.twoTouchList, required this.allSwitches});

  final List<GroupTwoTouchModel> twoTouchList;
  final bool allSwitches;

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<TwoTouchBloc, TwoTouchState>(
      builder: (context, state) {
        return SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              const SizedBox(height: 10),
              const BodySmall(text: 'All Lights'),
              const SizedBox(height: 5),
              DevicesDefaultSwitch(
                off: 'OFF',
                on: 'ON',
                switchValue: allSwitches,
                action: () {
                  BlocProvider.of<TwoTouchBloc>(context).add(GroupAllOnEvent());
                },
                secondAction: () {
                  BlocProvider.of<TwoTouchBloc>(context)
                      .add(GroupAllOffEvent());
                },
              ),
              ListView.builder(
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                padding: const EdgeInsets.all(0),
                itemCount: twoTouchList.length,
                itemBuilder: (context, index) {
                  return Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      const SizedBox(height: 10),
                      BodySmall(text: twoTouchList[index].deviceName),
                      const SizedBox(height: 5),
                      DevicesDefaultSwitch(
                        off: 'OFF',
                        on: 'ON',
                        switchValue: twoTouchList[index].firstSwitch,
                        action: () {
                          BlocProvider.of<TwoTouchBloc>(context).add(
                              ChangeFirstWizardSwitchStatusEvent(
                                  value: twoTouchList[index].firstSwitch,
                                  deviceId: twoTouchList[index].deviceId));
                        },
                      ),
                      const SizedBox(height: 10),
                      BodySmall(text: twoTouchList[index].deviceName),
                      const SizedBox(height: 5),
                      DevicesDefaultSwitch(
                        off: 'OFF',
                        on: 'ON',
                        switchValue: twoTouchList[index].secondSwitch,
                        action: () {
                          BlocProvider.of<TwoTouchBloc>(context).add(
                              ChangeSecondWizardSwitchStatusEvent(
                                  value: twoTouchList[index].secondSwitch,
                                  deviceId: twoTouchList[index].deviceId));
                        },
                      ),
                    ],
                  );
                },
              ),
            ],
          ),
        );
      },
    );
  }
}
