# frozen_string_literal: true

module Primer
  module Alpha
    # @label ActionList
    class ActionListPreview < ViewComponent::Preview
      # @label Playground
      #
      # @param role text
      # @param scheme [Symbol] select [full, inset]
      # @param show_dividers toggle
      def playground(
        role: Primer::Alpha::ActionList::DEFAULT_ROLE,
        scheme: Primer::Alpha::ActionList::DEFAULT_SCHEME,
        show_dividers: false
      )
        render(Primer::Alpha::ActionList.new(
                 role: role,
                 scheme: scheme,
                 show_dividers: show_dividers
               )) do |component|
          component.with_heading(title: "Action List")
          component.with_item(label: "Item one", href: "/") do |item|
            item.with_leading_visual_icon(icon: :gear)
          end
          component.with_item(label: "Item two", href: "/") do |item|
            item.with_leading_visual_icon(icon: :star)
          end
          component.with_item(label: "Item three", href: "/") do |item|
            item.with_leading_visual_icon(icon: :heart)
          end
        end
      end

      # @label Default
      #
      # @param role text
      # @param scheme [Symbol] select [full, inset]
      # @param show_dividers toggle
      # @snapshot
      def default(
        role: Primer::Alpha::ActionList::DEFAULT_ROLE,
        scheme: Primer::Alpha::ActionList::DEFAULT_SCHEME,
        show_dividers: false
      )
        render(Primer::Alpha::ActionList.new(
                 role: role,
                 scheme: scheme,
                 show_dividers: show_dividers
               )) do |component|
          component.with_heading(title: "Action List")
          component.with_item(label: "Item one", href: "/") do |item|
            item.with_leading_visual_icon(icon: :gear)
          end
          component.with_item(label: "Item two", href: "/") do |item|
            item.with_leading_visual_icon(icon: :star)
          end
          component.with_item(label: "Item three", href: "/") do |item|
            item.with_leading_visual_icon(icon: :heart)
          end
        end
      end

      # @label Leading visuals
      #
      # @param role text
      # @param scheme [Symbol] select [full, inset]
      # @param show_dividers toggle
      def leading_visuals(
        role: Primer::Alpha::ActionList::DEFAULT_ROLE,
        scheme: Primer::Alpha::ActionList::DEFAULT_SCHEME,
        show_dividers: false
      )
        render(Primer::Alpha::ActionList.new(
                 role: role,
                 scheme: scheme,
                 show_dividers: show_dividers
               )) do |component|
          component.with_heading(title: "Action List")
          component.with_item(label: "Leading SVG visual", href: "/") do |item|
            item.with_leading_visual_svg do
              '<path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"></path><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"></path>'.html_safe
            end
          end
          component.with_item(label: "Custom content", href: "/") do |item|
            item.with_leading_visual_content do
              '<span style="width: 16px; height: 16px; display: block; text-align: center; line-height: 16px">A</span>'.html_safe
            end
          end
        end
      end

      # @label With manual dividers
      #
      # @param role text
      # @param scheme [Symbol] select [full, inset]
      # @param show_dividers toggle
      def with_manual_dividers(
        role: Primer::Alpha::ActionList::DEFAULT_ROLE,
        scheme: Primer::Alpha::ActionList::DEFAULT_SCHEME,
        show_dividers: false
      )
        render(
          Primer::Alpha::ActionList.new(
            role: role,
            scheme: scheme,
            show_dividers: show_dividers
          )
        ) do |component|
          component.with_heading(title: "Action List")
          component.with_item(label: "Item one", href: "/") do |item|
            item.with_leading_visual_icon(icon: :gear)
          end
          component.with_divider
          component.with_item(label: "Item two", href: "/") do |item|
            item.with_leading_visual_icon(icon: :star)
          end
          component.with_item(label: "Item three", href: "/") do |item|
            item.with_leading_visual_icon(icon: :heart)
          end
          component.with_divider
          component.with_item(label: "Item four", href: "/") do |item|
            item.with_leading_visual_icon(icon: :bug)
          end
        end
      end

      # @label Divider
      #
      # @param scheme [Symbol] select [subtle, filled]
      def divider(
        scheme: Primer::Alpha::ActionList::Divider::DEFAULT_SCHEME
      )
        render(Primer::Alpha::ActionList::Divider.new(scheme: scheme))
      end

      # @label Heading
      #
      # @param scheme [Symbol] select [subtle, filled]
      # @param title text
      # @param subtitle text
      # @param list_id text
      # @snapshot
      def heading(
        scheme: Primer::Alpha::ActionList::Heading::DEFAULT_SCHEME,
        title: "This is a title",
        list_id: "unique-id",
        subtitle: "This is a subtitle"
      )
        render(
          Primer::Alpha::ActionList::Heading.new(
            scheme: scheme, list_id: list_id, title: title, subtitle: subtitle
          )
        )
      end

      # @label Item [playground]
      #
      # @param label text
      # @param truncate_label toggle
      # @param href text
      # @param size [Symbol] select [medium, large, xlarge]
      # @param scheme [Symbol] select [default, danger]
      # @param disabled toggle
      # @param description text
      # @param description_scheme [Symbol] select [inline, block]
      # @param active toggle
      # @param leading_visual_icon [Symbol] octicon
      # @param trailing_visual_icon [Symbol] octicon
      # @param trailing_visual_label text
      # @param trailing_visual_counter number
      # @param trailing_visual_text text
      # @param private_leading_action_icon [Symbol] octicon
      # @param private_trailing_action_icon [Symbol] octicon
      # @param trailing_action toggle
      # @param tooltip toggle
      def item(
        label: "Label",
        truncate_label: false,
        href: nil,
        size: Primer::Alpha::ActionList::Item::DEFAULT_SIZE,
        scheme: Primer::Alpha::ActionList::Item::DEFAULT_SCHEME,
        disabled: false,
        description: nil,
        description_scheme: Primer::Alpha::ActionList::Item::DEFAULT_DESCRIPTION_SCHEME,
        active: false,
        expanded: false,
        leading_visual_icon: nil,
        trailing_visual_icon: nil,
        trailing_visual_label: nil,
        trailing_visual_counter: nil,
        trailing_visual_text: nil,
        private_leading_action_icon: nil,
        private_trailing_action_icon: nil,
        trailing_action: false,
        tooltip: false
      )
        list = Primer::Alpha::ActionList.new(aria: { label: "Action List" })
        list.with_item(
          label: label,
          truncate_label: truncate_label,
          href: href,
          size: size,
          scheme: scheme,
          disabled: disabled,
          description_scheme: description_scheme,
          active: active,
          expanded: expanded,
          id: "tooltip-test"
        ) do |item|
          item.with_leading_visual_icon(icon: leading_visual_icon) if leading_visual_icon && leading_visual_icon != :none

          if trailing_visual_icon && trailing_visual_icon != :none
            item.with_trailing_visual_icon(icon: trailing_visual_icon)
          elsif trailing_visual_label
            item.with_trailing_visual_label { trailing_visual_label }
          elsif trailing_visual_counter
            item.with_trailing_visual_counter(count: trailing_visual_counter)
          elsif trailing_visual_text
            item.with_trailing_visual_text(trailing_visual_text)
          end

          if private_leading_action_icon && private_leading_action_icon != :none
            item.with_private_leading_action_icon(icon: private_leading_action_icon)
          elsif private_trailing_action_icon && private_trailing_action_icon != :none
            item.with_private_trailing_action_icon(icon: private_trailing_action_icon)
          end

          item.with_trailing_action(icon: "plus", "aria-label": "Button tooltip", size: :medium) if trailing_action && trailing_action != :none

          item.with_description { description } if description

          item.with_tooltip(text: "Tooltip text", for_id: "tooltip-test", type: :description) if tooltip
        end

        render(list)
      end

      # @label Avatar item [playground]
      #
      # @param username text
      # @param truncate_label toggle
      # @param src text
      # @param shape [Symbol] select [circle, square]
      # @param size [Symbol] select [medium, large, xlarge]
      # @param scheme [Symbol] select [default, danger]
      # @param disabled toggle
      # @param full_name text
      # @param full_name_scheme [Symbol] select [inline, block]
      # @param active toggle
      # @param trailing_visual_icon [Symbol] octicon
      # @param trailing_visual_label text
      # @param trailing_visual_counter number
      # @param trailing_visual_text text
      # @param private_trailing_action_icon [Symbol] octicon
      # @param trailing_action toggle
      # @param tooltip toggle
      def avatar_item(
        username: "hulk_smash",
        truncate_label: false,
        src: "https://avatars.githubusercontent.com/u/103004183?v=4",
        shape: Primer::Beta::Avatar::DEFAULT_SHAPE,
        size: Primer::Alpha::ActionList::Item::DEFAULT_SIZE,
        scheme: Primer::Alpha::ActionList::Item::DEFAULT_SCHEME,
        disabled: false,
        full_name: "Bruce Banner",
        full_name_scheme: Primer::Alpha::ActionList::Item::DEFAULT_DESCRIPTION_SCHEME,
        active: false,
        expanded: false,
        trailing_visual_icon: nil,
        trailing_visual_label: nil,
        trailing_visual_counter: nil,
        trailing_visual_text: nil,
        private_trailing_action_icon: nil,
        trailing_action: false,
        tooltip: false
      )
        list = Primer::Alpha::ActionList.new(aria: { label: "Action List" })
        list.with_avatar_item(
          username: username,
          truncate_label: truncate_label,
          src: src,
          size: size,
          scheme: scheme,
          disabled: disabled,
          full_name: full_name,
          full_name_scheme: full_name_scheme,
          active: active,
          expanded: expanded,
          id: "tooltip-test",
          avatar_arguments: { shape: shape }
        ) do |item|
          if trailing_visual_icon && trailing_visual_icon != :none
            item.with_trailing_visual_icon(icon: trailing_visual_icon)
          elsif trailing_visual_label
            item.with_trailing_visual_label { trailing_visual_label }
          elsif trailing_visual_counter
            item.with_trailing_visual_counter(count: trailing_visual_counter)
          elsif trailing_visual_text
            item.with_trailing_visual_text(trailing_visual_text)
          end

          item.with_private_trailing_action_icon(icon: private_trailing_action_icon) if private_trailing_action_icon && private_trailing_action_icon != :none

          item.with_trailing_action(icon: "plus", "aria-label": "Button tooltip", size: :medium) if trailing_action && trailing_action != :none

          item.with_tooltip(text: "Tooltip text", for_id: "tooltip-test", type: :description) if tooltip
        end

        render(list)
      end

      # @label Item [default]
      # @snapshot
      def item_default
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Default item", href: "/")
        end
      end

      # @label Item [size large]
      def item_size_large
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Default item", href: "/", size: :large)
        end
      end

      # @label Item [size xlarge]
      def item_size_xlarge
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Default item", href: "/", size: :xlarge)
        end
      end

      # @label Item [leading visual]
      def item_leading_visual
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Item with leading visual", href: "/") do |item|
            item.with_leading_visual_icon(icon: :star)
          end
        end
      end

      # @label Item [trailing visual]
      def item_trailing_visual
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Item with trailing visual", href: "/") do |item|
            item.with_trailing_visual_icon(icon: :star)
          end
        end
      end

      # @label Item [leading and trailing visual]
      # @snapshot
      def item_leading_trailing_visual
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Item with trailing visual", href: "/") do |item|
            item.with_leading_visual_icon(icon: :heart)
            item.with_trailing_visual_icon(icon: :star)
          end
        end
      end

      # @label Item [description]
      # @snapshot
      def item_with_description
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Default item", href: "/") do |item|
            item.with_description.with_content("This is a description")
          end
        end
      end

      # @label Item [inline description]
      # @snapshot
      def item_with_description_inline
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Default item", href: "/", description_scheme: :inline) do |item|
            item.with_description.with_content("This is a description")
          end
        end
      end

      # @label Item [trailing action]
      # @snapshot
      def item_trailing_action
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Default item", href: "/") do |item|
            item.with_trailing_action(icon: "plus", "aria-label": "Button tooltip", size: :medium)
          end
        end
      end

      # @label Item [danger]
      # @snapshot
      def item_danger
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Danger item", href: "/", scheme: :danger)
        end
      end

      # @label Item [disabled]
      # @snapshot
      def item_disabled
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Disabled item", href: "/", disabled: true) do |item|
            item.with_description { "Item description" }
            item.with_leading_visual_icon(icon: :gear)
          end
        end
      end

      # @label Item [wrap label]
      def item_wrap_label
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "This is a very long string of text that will wrap if it runs out of horizontal space", href: "/")
        end
      end

      # @label Item [truncate label]
      def item_truncate_label
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "This is a very long string of text that will truncate if it runs out of horizontal space", href: "/", truncate_label: true)
        end
      end

      # @label Item [active]
      # @snapshot
      def item_active
        render(Primer::Alpha::ActionList.new(
                 aria: { label: "List heading" }
               )) do |component|
          component.with_item(label: "Active item", href: "/", active: true)
        end
      end

      # @label Long label
      #
      # @param truncate_label [Symbol] select [none, truncate, show_tooltip]
      # @snapshot
      def long_label_with_tooltip(truncate_label: :show_tooltip)
        render(Primer::Alpha::ActionList.new(aria: { label: "List heading" })) do |component|
          component.with_item(
            label: "Really really long label that may wrap, truncate, or appear as a tooltip",
            truncate_label: truncate_label
          )
        end
      end

      def long_label_wrap(truncate_label: :none)
        render(Primer::Alpha::ActionList.new(aria: { label: "List heading" })) do |component|
          component.with_item(
            label: "Really really long label that may wrap, truncate, or appear as a tooltip",
            truncate_label: truncate_label
          )
        end
      end

      def long_label_truncate_no_tooltip(truncate_label: :truncate)
        render(Primer::Alpha::ActionList.new(aria: { label: "List heading" })) do |component|
          component.with_item(
            label: "Really really long label that may wrap, truncate, or appear as a tooltip",
            truncate_label: truncate_label
          )
        end
      end

      def long_label_show_tooltip_with_truncate_label(truncate_label: :none)
        render(Primer::Alpha::ActionList.new(aria: { label: "List heading" })) do |component|
          component.with_item(
            label: "Really really long label that may wrap, truncate, or appear as a tooltip",
            truncate_label: truncate_label
          ) do |item|
            item.with_tooltip(text: "this is a tooltip")
          end
        end
      end
    end
  end
end