// SPDX-License-Identifier: Apache-2.0

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_hvac/kuksa-server/vehicle-provider.dart';
import 'package:flutter_hvac/kuksa-server/vehicle_methods.dart';

import '../size.dart';

class AC extends ConsumerStatefulWidget {
  WebSocket socket;
  String serverPath;
  AC({
    Key? key,
    required this.serverPath,
    required this.socket,
  }) : super(key: key);

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

class _ACState extends ConsumerState<AC> with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late bool isAcActive;
  late Animation<Color?> _colorAnimation;

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

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

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

    _controller.addListener(() {

    });

    _controller.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        VISS.set(widget.socket, ref,widget.serverPath, isAcActive.toString());
      }
      if (status == AnimationStatus.dismissed) {
        VISS.set(widget.socket, ref,widget.serverPath, isAcActive.toString());
      }
    });
  }

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

  @override
  Widget build(BuildContext context) {
    isAcActive = ref.watch(vehicleProvider).isAcActive;
    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: isAcActive
                    ? RadialGradient(
                        colors: [Colors.black, Colors.lightBlue],
                        radius: 2,
                      )
                    : null,


                border: Border.all(
                  color: Colors.white,
                  width: 2,
                ),
                borderRadius: BorderRadius.circular(SizeConfig.blockSizeVertical*2),
              ),
              duration: Duration(seconds: 1),
              child: AnimatedContainer(
                duration: Duration(milliseconds: 100),
                margin: EdgeInsets.all(SizeConfig.blockSizeVertical*2),
                child: Container(
                  width: SizeConfig.screenWidth*0.15,
                  height: SizeConfig.screenHeight*0.10,
                  child: FittedBox(
                    fit: BoxFit.fill,
                    child: Text(
                      'A/C',
                      style: TextStyle(
                        color: _colorAnimation.value,
                        fontWeight: FontWeight.w700,

                      ),
                    ),
                  ),
                ),
              ),
            ),
            onTap: () {
              isAcActive ? _controller.reverse() : _controller.forward();
              ref
                  .read(vehicleProvider.notifier)
                  .update(isAcActive: !isAcActive);
            },
          );

        });
  }
}