import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:hexcolor/hexcolor.dart';

import '../app_texts_widget.dart';

class AppButton extends StatefulWidget {
  final GestureTapCallback? onPressed;
  final String? title;
  final IconData? iconData;
  final Widget? icon;
  final Color? color;
  final double? fontSize;
  final double? padding;
  final Color? fontColor;
  final bool? loading;
  final bool? disabled;
  final FontWeight? fontWeight;
  final bool? hasBorder;
  final Color? borderColor;
  final double? radius;
  final double? vPadding;
  final double? hPadding;

  AppButton({
    @required this.onPressed,
    this.title,
    this.iconData,
    this.icon,
    this.color,
    this.fontSize = 2,
    this.padding = 13,
    this.loading = false,
    this.disabled = false,
    this.fontColor = Colors.white,
    this.fontWeight = FontWeight.normal,
    this.vPadding = 0,
    this.hPadding = 0,
    this.radius = 8.0,
    this.hasBorder = false,
    this.borderColor,
  });

  _AppButtonState createState() => _AppButtonState();
}

class _AppButtonState extends State<AppButton> {
  @override
  Widget build(BuildContext context) {
    return Container(
      // height: MediaQuery.of(context).size.height * 0.075,
      child: IgnorePointer(
        ignoring: widget.loading! || widget.disabled!,
        child: RawMaterialButton(
          fillColor: widget.disabled!
              ? Colors.grey
              : widget.color != null
                  ? widget.color
                  : HexColor("#B8382C"),
          splashColor: widget.color,
          child: Padding(
            padding: (widget.hPadding! > 0 || widget.vPadding! > 0)
                ? EdgeInsets.symmetric(vertical: widget.vPadding!, horizontal: widget.hPadding!)
                : EdgeInsets.only(
                    top: widget.padding!,
                    bottom: widget.padding!,
                    //right: SizeConfig.widthMultiplier * widget.padding,
                    //left: SizeConfig.widthMultiplier * widget.padding
                  ),
            child: Row(
              mainAxisSize: MainAxisSize.max,
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                if (widget.icon != null) Container(width: 25, height: 25, child: widget.icon),
                if (widget.iconData != null)
                  Icon(
                    widget.iconData,
                    color: Colors.white,
                  ),
                if (widget.icon != null || widget.iconData != null)
                  SizedBox(
                    width: 5.0,
                  ),
                widget.loading!
                    ? Padding(
                        padding: EdgeInsets.all(2.6),
                        child: SizedBox(
                          height: 19.0,
                          width: 19.0,
                          child: CircularProgressIndicator(
                            backgroundColor: Colors.white,
                            valueColor: AlwaysStoppedAnimation<Color>(
                              Colors.grey[300]!,
                            ),
                          ),
                        ),
                      )
                    : Container(
                        child: AppText(
                          widget.title,
                          color: widget.fontColor,
                          fontSize: SizeConfig.textMultiplier * widget.fontSize!,
                          fontWeight: widget.fontWeight,
                        ),
                      ),
              ],
            ),
          ),
          onPressed: widget.disabled! ? () {} : widget.onPressed,
          shape: RoundedRectangleBorder(
              side: BorderSide(
                color: widget.hasBorder!
                    ? widget.borderColor!
                    : widget.disabled!
                        ? Colors.grey
                        : widget.color ?? Color(0xFFB8382C),
                width: 0.8,
              ),
              borderRadius: BorderRadius.all(Radius.circular(widget.radius!))),
        ),
      ),
    );
  }
}