class Avo::ButtonComponent

def args
  if @args[:loading]
    @args[:"data-controller"] = "loading-button"
    @args[:"data-loading-button-confirmed-value"] = false
    @args[:"data-action"] = "click->loading-button#attemptSubmit"
    if @args[:confirm]
      @args[:"data-loading-button-confirmation-message-value"] = @args.delete(:confirm)
    end
  end
  @args[:class] = button_classes
  @args
end

def button_classes
  classes = "button-component inline-flex flex-grow-0 items-center font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-70 justify-center #{@class}"
  # For non-icon-styled buttons we should not add borders.
  classes += " border active:outline active:outline-1" unless is_icon?
  classes += " rounded" if @rounded.present?
  classes += style_classes
  classes += horizontal_padding_classes
  classes += vertical_padding_classes
  classes += text_size_classes
  classes
end

def call
  if is_link?
    output_link
  else
    output_button
  end
end

def full_content
  result = ""
  icon_classes = @icon_class
  # space out the icon from the text if text is present
  icon_classes += " mr-1" if content.present? && is_not_icon?
  # add the icon height
  icon_classes += icon_size_classes
  # Add the icon
  result += helpers.svg(@icon, class: icon_classes) if @icon.present?
  if is_not_icon? && content.present?
    result += "<span>#{content}</span>"
  end
  result.html_safe
end

def horizontal_padding_classes
  return " px-0" if is_icon?
  return " px-1" if @compact
  case @size.to_sym
  when :xs
    " px-2"
  when :sm
    " px-3"
  when :md
    " px-3"
  when :lg
    " px-5"
  when :xl
    " px-6"
  else
    "px-4"
  end
end

def icon_size_classes
  icon_classes = ""
  return icon_classes if is_icon?
  case @size
  when :xs
    icon_classes += " h-4 my-1"
  when :sm
    icon_classes += " h-4 my-1"
  when :md
    icon_classes += " h-4 my-1"
  when :lg
    icon_classes += " h-5 my-0.5"
  when :xl
    icon_classes += " h-6"
  end
  icon_classes
end

def initialize(path = nil, size: :md, style: :outline, color: :gray, icon: nil, icon_class: "", is_link: false, rounded: true, compact: false, **args)
  # Main settings
  @size = size
  @style = style
  @color = color
  # Other things that appear in the button
  @path = path
  @icon = icon
  @icon_class = icon_class
  @rounded = rounded
  @compact = compact
  # Other settings
  @class = args[:class]
  @is_link = is_link
  @args = args || {}
end

def is_icon?
  @style == :icon
end

def is_link?
  @is_link
end

def is_not_icon?
  !is_icon?
end

def output_button
  if args.dig(:method).present? || args.dig(:data, :turbo_method).present?
    button_to args[:url], **args do
      full_content
    end
  else
    button_tag(**args) do
      full_content
    end
  end
end

def output_link
  link_to @path, **args do
    full_content
  end
end

def style_classes
  case @style
  when :primary
    " bg-#{@color}-500 text-white border-#{@color}-500 hover:bg-#{@color}-600 hover:border-#{@color}-600 active:border-#{@color}-600 active:outline-#{@color}-600 active:bg-#{@color}-600"
  when :outline
    " bg-white text-#{@color}-500 border-#{@color}-500 hover:bg-#{@color}-100 active:bg-#{@color}-100 active:border-#{@color}-500 active:outline-#{@color}-500"
  when :text
    " text-#{@color}-500 active:outline-#{@color}-500 hover:bg-gray-100 border-transparent"
  when :icon
    " text-#{@color}-600"
  else
    ""
  end
end

def text_size_classes
  case @size.to_sym
  when :xs
    " text-xs"
  else
    " text-sm"
  end
end

def vertical_padding_classes
  return " py-0" if is_icon?
  case @size.to_sym
  when :xs
    " py-0"
  when :sm
    " py-1"
  when :md
    " py-1.5"
  when :lg
    " py-2"
  when :xl
    " py-3"
  else
    ""
  end
end