# frozen_string_literal: true

module Primer
  module OpenProject
    # The SubHeader contains specific actions to modify the page content below, e.g a filter button or a create button
    # It should not be used stand alone, but in combination with a PageHeader, either as a direct sibling or as part of a tab content
    class SubHeader < Primer::Component
      status :open_project

      HIDDEN_FILTER_TARGET_SELECTOR = "sub-header.hiddenItemsOnExpandedFilter"
      SHOWN_FILTER_TARGET_SELECTOR = "sub-header.shownItemsOnExpandedFilter"

      # A button or custom content that will render on the right-hand side of the component.
      #
      # To render a button, call the `with_button` method, which accepts the arguments accepted by <%= link_to_component(Primer::Beta::Button) %>.
      #
      # To render custom content, call the `with_button_component` method and pass a block that returns HTML.
      renders_many :actions, types: {
        button: {
          renders: lambda { |icon: nil, **kwargs|
            if icon
              Primer::Beta::IconButton.new(icon: icon, **kwargs)
            else
              Primer::Beta::Button.new(**kwargs)
            end
          },
        },
        component: {
          # A generic slot to render whatever component you like on the right side
          renders: lambda { |**kwargs|
            deny_tag_argument(**kwargs)
            kwargs[:tag] = :div
            Primer::BaseComponent.new(**kwargs)
          },
        }
      }

      renders_one :filter_input, lambda { |name:, label:, **system_arguments|
        system_arguments[:classes] = class_names(
          system_arguments[:classes],
          "SubHeader-filterInput",
          "SubHeader-filterInput_hiddenClearButton"
        )
        system_arguments[:placeholder] ||= I18n.t("button_filter")
        system_arguments[:leading_visual] ||= { icon: :search }
        system_arguments[:visually_hide_label] ||= true
        system_arguments[:input_width] ||= :medium

        system_arguments[:data] ||= {}
        system_arguments[:data][:target]= "sub-header.filterInput"

        system_arguments[:show_clear_button] = true if system_arguments[:show_clear_button].nil?

        if system_arguments[:show_clear_button]
          system_arguments[:data] = merge_data(
            system_arguments,
            {
              data: {
                action: <<~JS
                  input:sub-header#toggleFilterInputClearButton
                  focus:sub-header#toggleFilterInputClearButton
                JS
              }
            }
          )
        end

        @mobile_filter_trigger = Primer::Beta::IconButton.new(icon: system_arguments[:leading_visual][:icon],
                                                              display: [:inline_flex, :none],
                                                              aria: { label: label },
                                                              "data-action": "click:sub-header#expandFilterInput",
                                                              "data-targets": HIDDEN_FILTER_TARGET_SELECTOR)

        @mobile_filter_cancel = Primer::Beta::Button.new(scheme: :invisible,
                                                         display: :none,
                                                         data: {
                                                           targets: SHOWN_FILTER_TARGET_SELECTOR,
                                                           action: "click:sub-header#collapseFilterInput"})


        Primer::Alpha::TextField.new(name: name, label: label, **system_arguments)
      }


      # A button or custom content that will render on the left-hand side of the component, next to the filter input.
      #
      # To render a button, call the `with_filter_button` method, which accepts the arguments accepted by <%= link_to_component(Primer::Beta::Button) %>.
      #
      # To render custom content, call the `with_filter_component` method and pass a block that returns HTML.
      renders_one :filter_button, types: {
        button: {
          renders: lambda { |icon: nil, **kwargs|
            kwargs[:classes] = class_names(
              kwargs[:classes],
              "SubHeader-filterButton"
            )
            kwargs[:data] ||= {}
            kwargs[:data][:targets] ||= HIDDEN_FILTER_TARGET_SELECTOR

            if icon
              Primer::Beta::IconButton.new(icon: icon, **kwargs)
            else
              Primer::Beta::Button.new(**kwargs)
            end
          },

          as: :filter_button
        },
        component: {
          # A generic slot to render a custom filter component
          renders: lambda { |**kwargs|
            deny_tag_argument(**kwargs)
            kwargs[:tag] = :div
            kwargs[:data] ||= {}
            kwargs[:data][:targets] ||= HIDDEN_FILTER_TARGET_SELECTOR

            Primer::BaseComponent.new(**kwargs)
          },

          as: :filter_component
        }
      }

      renders_one :text, lambda { |**system_arguments|
        system_arguments[:font_weight] ||= :bold

        Primer::Beta::Text.new(**system_arguments)
      }

      # A slot for a generic component which will be shown in a second row below the rest, spanning the whole width
      renders_one :bottom_pane_component, lambda { |**system_arguments|
        deny_tag_argument(**system_arguments)
        system_arguments[:tag] = :div
        system_arguments[:mt] ||= 3

        Primer::BaseComponent.new(**system_arguments)
      }


      # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
      def initialize(**system_arguments)
        @system_arguments = system_arguments
        @system_arguments[:tag] = :"sub-header"

        @filter_container = Primer::BaseComponent.new(tag: :div,
                                                      classes: "SubHeader-filterContainer",
                                                      display: [:none, :flex],
                                                      data: { targets: SHOWN_FILTER_TARGET_SELECTOR })

        @system_arguments[:classes] = class_names(
          "SubHeader",
          system_arguments[:classes]
        )
      end
    end
  end
end