// SPDX-License-Identifier: Apache-2.0

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg_provider/flutter_svg_provider.dart';
import 'package:flutter_hvac/vehicle-signals/vehicle_ac_status_provider.dart';
import 'package:flutter_hvac/vehicle-signals/vss_provider.dart';
import 'package:flutter_hvac/vehicle-signals/vss_path.dart';
import 'package:flutter_hvac/size.dart';

class CustomButton extends ConsumerStatefulWidget {
  String img;
  String type;
  CustomButton({
    Key? key,
    required this.img,
    required this.type,
  }) : super(key: key);

  @override
  _CustomButtonState createState() => _CustomButtonState();
}

class _CustomButtonState extends ConsumerState<CustomButton>
    with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late bool isFrontDefrosterActive;
  late bool isRearDefrosterActive;
  late bool isRecirculationActive;
  late Animation<Color?> _colorAnimation;

  @override
  void initState() {
    super.initState();

    _controller = AnimationController(
      duration: Duration(milliseconds: 500),
      vsync: this,
    );

    _colorAnimation =
        ColorTween(begin: Colors.blue, end: Colors.green)
            .animate(_controller);

    _controller.addListener(() {

    });

    _controller.addStatusListener((status) {
      if (status == AnimationStatus.completed || status == AnimationStatus.dismissed) {
        var vss = ref.read(vssClientProvider);
        if (vss != null) {
          if (widget.type == 'Front_defrost') {
            vss.setBool(VSSPath.vehicleIsFrontDefrosterActive, isFrontDefrosterActive, true);
          }
          if (widget.type == "Rear_defrost") {
            vss.setBool(VSSPath.vehicleIsRearDefrosterActive, isRearDefrosterActive, true);
          }
          if (widget.type == "Recirculation") {
            vss.setBool(VSSPath.vehicleIsRecirculationActive, isRecirculationActive, true);
          }
        }
      }
    });
  }

  // dismiss the animation when widget exits screen
  @override
  void dispose() {
    super.dispose();
    _controller.dispose();
  }

  @override
  Widget build(BuildContext context) {
    isFrontDefrosterActive = ref.watch(vehicleAcStatusProvider.select((p) => p.isFrontDefrosterActive));
    isRearDefrosterActive = ref.watch(vehicleAcStatusProvider.select((p) => p.isRearDefrosterActive));
    isRecirculationActive = ref.watch(vehicleAcStatusProvider.select((p) => p.isRecirculationActive));

    return AnimatedBuilder(
        animation: _controller,
        builder: (BuildContext context, _) {
          return InkWell(
            child: AnimatedContainer(
              constraints: BoxConstraints(
                maxHeight: SizeConfig.screenHeight*0.10,
                maxWidth: SizeConfig.screenWidth*0.15,
              ),


              decoration: BoxDecoration(
                gradient: widget.type == "Front_defrost"
                    ? isFrontDefrosterActive
                        ? RadialGradient(
                            colors: [Colors.black, Colors.lightBlue],
                            radius: 2,
                          )
                        : null
                    : widget.type == "Rear_defrost"
                        ? isRearDefrosterActive
                            ? RadialGradient(
                                colors: [Colors.black, Colors.lightBlue],
                                radius: 2,
                              )
                            : null
                        : isRecirculationActive
                            ? RadialGradient(
                                colors: [Colors.black, Colors.lightBlue],
                                radius: 2,
                              )
                            : null,


                border: Border.all(
                  color: Colors.white,
                  width: 2,
                ),
                borderRadius: BorderRadius.circular(SizeConfig.safeBlockVertical*2),
              ),
              duration: Duration(milliseconds: 100),
              child: AnimatedContainer(
                duration: Duration(milliseconds: 100),
                margin: EdgeInsets.all(SizeConfig.blockSizeVertical),
                child: Image(
                  width: SizeConfig.screenWidth*0.15,
                  height: SizeConfig.screenHeight*0.10,
                  image: Svg(widget.img),
                  color: _colorAnimation.value,
                ),
              ),
            ),
            onTap: () {
              if (widget.type == "Front_defrost") {
                isFrontDefrosterActive
                    ? _controller.reverse()
                    : _controller.forward();
                ref.read(vehicleAcStatusProvider.notifier).update(
                    isFrontDefrosterActive: !isFrontDefrosterActive);
              }
              if (widget.type == "Rear_defrost") {
                isRearDefrosterActive
                    ? _controller.reverse()
                    : _controller.forward();
                ref.read(vehicleAcStatusProvider.notifier).update(
                    isRearDefrosterActive: !isRearDefrosterActive);
              }
              if (widget.type == "Recirculation") {
                isRecirculationActive
                    ? _controller.reverse()
                    : _controller.forward();
                ref.read(vehicleAcStatusProvider.notifier).update(
                    isRecirculationActive: !isRecirculationActive);
              }
            },
          );

        });
  }
}