import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_app/features/app_layout/bloc/home_cubit.dart';
import 'package:syncrow_app/features/scene/bloc/create_scene/create_scene_bloc.dart';
import 'package:syncrow_app/features/scene/bloc/scene_bloc/scene_bloc.dart';
import 'package:syncrow_app/features/scene/bloc/scene_bloc/scene_event.dart';
import 'package:syncrow_app/features/scene/enum/create_scene_enum.dart';
import 'package:syncrow_app/features/scene/model/scene_settings_route_arguments.dart';
import 'package:syncrow_app/features/scene/widgets/create_scene_save_button.dart';
import 'package:syncrow_app/features/scene/widgets/if_then_containers/if_container.dart';
import 'package:syncrow_app/features/scene/widgets/if_then_containers/then_container.dart';
import 'package:syncrow_app/features/scene/widgets/scene_list_tile.dart';
import 'package:syncrow_app/features/shared_widgets/default_scaffold.dart';
import 'package:syncrow_app/generated/assets.dart';
import 'package:syncrow_app/navigation/navigate_to_route.dart';
import 'package:syncrow_app/navigation/routing_constants.dart';
import 'package:syncrow_app/utils/context_extension.dart';
import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
import 'package:syncrow_app/utils/resource_manager/strings_manager.dart';

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

  @override
  Widget build(BuildContext context) {
    final sceneSettings = ModalRoute.of(context)!.settings.arguments
        as SceneSettingsRouteArguments;

    final isAutomation =
        sceneSettings.sceneType == CreateSceneEnum.deviceStatusChanges.name;
    // context.read<CreateSceneBloc>().add(SceneTypeEvent(isAutomation
    //     ? CreateSceneEnum.deviceStatusChanges
    //     : CreateSceneEnum.tabToRun));

    return DefaultScaffold(
      title: sceneSettings.sceneName.isNotEmpty
          ? sceneSettings.sceneName
          : StringsManager.createScene,
      padding: EdgeInsets.zero,
      leading: IconButton(
          onPressed: () {
            navigateToRoute(context, Routes.homeRoute);
          },
          icon: const Icon(
            Icons.arrow_back_ios,
          )),
      actions: [
        BlocBuilder<CreateSceneBloc, CreateSceneState>(
          builder: (context, state) {
            final sceneType = context.read<CreateSceneBloc>().sceneType;
            return Visibility(
              visible: sceneType != CreateSceneEnum.none,
              child: SizedBox(
                width: 40,
                child: GestureDetector(
                  onTap: () {
                    Navigator.pushNamed(
                      context,
                      Routes.sceneAutoSettingsRoute,
                      arguments: {
                        "sceneId": sceneSettings.sceneId,
                        "isAutomation": isAutomation,
                        "sceneName": sceneSettings.sceneName,
                      },
                    );
                  },
                  child: SvgPicture.asset(
                    Assets.assetsIconsSettings,
                    colorFilter: const ColorFilter.mode(
                      ColorsManager.textPrimaryColor,
                      BlendMode.srcIn,
                    ),
                  ),
                ),
              ),
            );
          },
        ),
      ],
      child: Stack(
        children: [
          SingleChildScrollView(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                const SizedBox(
                  height: 24,
                ),
                // IF
                const IFDefaultContainer(),
                const SizedBox(
                  height: 8,
                ),
                // THEN
                ThenDefaultContainer(sceneId: sceneSettings.sceneId),
                const SizedBox(
                  height: 100,
                ),
              ],
            ),
          ),
          Positioned(
            bottom: 16,
            right: 40,
            left: 40,
            child: SizedBox(
              width: context.width * 0.8,
              child: CreateSceneSaveButton(
                sceneName: sceneSettings.sceneName,
                sceneId: sceneSettings.sceneId,
              ),
            ),
          )
        ],
      ),
    );
  }
}

class DeleteBottomSheetContent extends StatelessWidget {
  const DeleteBottomSheetContent(
      {super.key, required this.sceneId, required this.isAutomation});

  final String sceneId;
  final bool isAutomation;

  @override
  Widget build(BuildContext context) {
    return BlocConsumer<CreateSceneBloc, CreateSceneState>(
      listener: (context, state) {
        if (state is DeleteSceneSuccess) {
          if (state.success) {
            navigateToRoute(context, Routes.homeRoute);
            BlocProvider.of<SceneBloc>(context)
                .add(LoadScenes(HomeCubit.getInstance().selectedSpace!.id!));
            BlocProvider.of<SceneBloc>(context).add(
                LoadAutomation(HomeCubit.getInstance().selectedSpace!.id!));
          }
        }
      },
      builder: (context, state) {
        return SceneListTile(
          onPressed: () {
            context.read<CreateSceneBloc>().add(DeleteSceneEvent(
                  sceneId: sceneId,
                  unitUuid: HomeCubit.getInstance().selectedSpace!.id!,
                ));
          },
          padding: const EdgeInsets.symmetric(horizontal: 8),
          titleString: isAutomation
              ? StringsManager.deleteAutomation
              : StringsManager.deleteScene,
          leadingWidget: (state is DeleteSceneLoading)
              ? const SizedBox(
                  height: 24, width: 24, child: CircularProgressIndicator())
              : SvgPicture.asset(
                  Assets.assetsDeleteIcon,
                  color: ColorsManager.red,
                ),
        );
      },
    );
  }
}