import 'package:flutter/material.dart';
import 'package:rasadyar_app/presentation/common/app_color.dart';
import 'package:rasadyar_app/presentation/common/app_fonts.dart';
import 'package:rasadyar_app/presentation/utils/color_utils.dart';

class ROutlinedElevatedIcon extends StatefulWidget {
  ROutlinedElevatedIcon({
    super.key,
    required this.text,
    required this.onPressed,
    this.foregroundColor,
    this.backgroundColor,
    this.borderColor,
    this.disabledBackgroundColor,
    this.pressedBackgroundColor,
    this.radius,
    this.textStyle,
    this.width = 150.0,
    this.height = 56.0,
  });

  final String text;
  final VoidCallback? onPressed;
  final double width;
  final double height;
  Color? foregroundColor;
  Color? backgroundColor;

  Color? borderColor;

  Color? disabledBackgroundColor;
  Color? pressedBackgroundColor;
  double? radius;
  TextStyle? textStyle;
  Widget? icon;

  @override
  State<ROutlinedElevatedIcon> createState() => _ROutlinedElevatedStateIcon();
}

class _ROutlinedElevatedStateIcon extends State<ROutlinedElevatedIcon> {
  @override
  Widget build(BuildContext context) {
    return OutlinedButton.icon(
      icon: widget.icon,
      label: Text(widget.text),
      onPressed: widget.onPressed,
      style: ButtonStyle(
        side: WidgetStateProperty.resolveWith<BorderSide?>((states) {
          if (states.contains(WidgetState.pressed)) {
            return BorderSide(
              color: widget.borderColor ?? AppColor.blueNormal,
              width: 2,
            );
          } else if (states.contains(WidgetState.disabled)) {
            return BorderSide(
              color: widget.borderColor ?? AppColor.blueNormal.withAlpha(38),
              width: 2,
            );
          }
          return BorderSide(
            color: widget.borderColor ?? AppColor.blueNormal,
            width: 2,
          );
        }),
        backgroundColor: WidgetStateProperty.resolveWith<Color?>((states) {
          if (states.contains(WidgetState.pressed)) {
            if (widget.pressedBackgroundColor != null) {
              return widget.pressedBackgroundColor;
            }
            return widget.backgroundColor?.pressedColor ?? AppColor.blueNormal;
          } else if (states.contains(WidgetState.hovered)) {
            return widget.backgroundColor?.hoverColor ??
                AppColor.blueNormal.hoverColor;
          } else if (states.contains(WidgetState.disabled)) {
            return widget.backgroundColor?.disabledColor ?? Colors.transparent;
          }
          return widget.backgroundColor;
        }),
        foregroundColor: WidgetStateProperty.resolveWith<Color?>((states) {
          if (states.contains(WidgetState.pressed)) {
            return Colors.white;
          } else if (states.contains(WidgetState.disabled)) {
            return AppColor.blueNormal.withAlpha(38);
          }
          return AppColor.blueNormal;
        }),

        shape: WidgetStatePropertyAll(
          RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(widget.radius ?? 8),
          ),
        ),
        fixedSize: WidgetStatePropertyAll(Size(widget.width, widget.height)),
        padding: WidgetStatePropertyAll(EdgeInsets.zero),
        textStyle: WidgetStatePropertyAll(
          widget.textStyle ??
              AppFonts.yekan24.copyWith(color: AppColor.blueNormal),
        ),
      ),
    );
  }
}