import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_app/features/devices/model/ac_model.dart';
import 'package:syncrow_app/features/shared_widgets/default_container.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
import 'package:syncrow_app/utils/context_extension.dart';
import 'package:syncrow_app/utils/resource_manager/color_manager.dart';

import '../../../../generated/assets.dart';

class DevicesTempWidget extends StatefulWidget {
  const DevicesTempWidget({
    super.key,
    required this.model,
  });

  final ACModel model;

  @override
  State<DevicesTempWidget> createState() => _DevicesTempWidgetState();
}

class _DevicesTempWidgetState extends State<DevicesTempWidget> {
  // double temp = widget.model.temperature;

  @override
  Widget build(BuildContext context) {
    return DefaultContainer(
      height: 60,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: <Widget>[
          SizedBox.square(
            dimension: 24,
            child: InkWell(
              onTap: () {
                setState(() {
                  // temp = temp - .5;
                  widget.model.temperature = widget.model.temperature - .5;
                });
              },
              child: SvgPicture.asset(
                Assets.iconsMinus,
              ),
            ),
          ),
          BodyLarge(
            text: "${widget.model.temperature}° C",
            style: context.bodyLarge.copyWith(
              color: ColorsManager.primaryColor.withOpacity(0.6),
              fontSize: 23,
            ),
          ),
          SizedBox.square(
            dimension: 24,
            child: InkWell(
              onTap: () {
                setState(() {
                  // temp = temp + .5
                  widget.model.temperature = widget.model.temperature + .5;
                });
              },
              child: SvgPicture.asset(
                Assets.iconsPlus,
                height: 24,
                width: 24,
              ),
            ),
          ),
        ],
      ),
    );
  }
}