# frozen_string_literal: true

module Yattho
  module Navigation
    # This component is part of navigation components such as `Yattho::Alpha::TabNav`
    # and `Yattho::Alpha::UnderlineNav` and should not be used by itself.
    #
    # @accessibility
    #   `TabComponent` renders the selected anchor tab with `aria-current="page"` by default.
    #    When the selected tab does not correspond to the current page, such as in a nested inner tab, make sure to use aria-current="true"
    class TabComponent < Yattho::Component
      DEFAULT_ARIA_CURRENT_FOR_ANCHOR = :page
      ARIA_CURRENT_OPTIONS_FOR_ANCHOR = [true, DEFAULT_ARIA_CURRENT_FOR_ANCHOR].freeze
      # Panel controlled by the Tab. This will not render anything in the tab itself.
      # It will provide a accessor for the Tab's parent to call and render the panel
      # content in the appropriate place.
      # Refer to `UnderlineNav` and `TabNav` implementations for examples.
      #
      # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
      renders_one :panel, lambda { |**system_arguments|
        return unless @with_panel

        deny_tag_argument(**system_arguments)
        system_arguments[:id] = @panel_id
        system_arguments[:tag] = :div
        system_arguments[:role] ||= :tabpanel
        system_arguments[:tabindex] = 0
        system_arguments[:hidden] = true unless @selected

        label_present = aria("label", system_arguments) || aria("labelledby", system_arguments)
        unless label_present
          if @id.present?
            system_arguments[:'aria-labelledby'] = @id
          elsif !Rails.env.production?
            raise ArgumentError, "Panels must be labelled. Either set a unique `id` on the tab, or set an `aria-label` directly on the panel"
          end
        end

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

      # Icon to be rendered in the Tab left.
      #
      # @param kwargs [Hash] The same arguments as <%= link_to_component(Yattho::Beta::Octicon) %>.
      renders_one :icon, lambda { |icon = nil, **system_arguments|
        system_arguments[:classes] = class_names(
          @icon_classes,
          system_arguments[:classes]
        )
        Yattho::Beta::Octicon.new(icon, **system_arguments)
      }

      # The Tab's text.
      #
      # @param kwargs [Hash] The same arguments as <%= link_to_component(Yattho::Beta::Text) %>.
      renders_one :text, Yattho::Beta::Text

      # Counter to be rendered in the Tab right.
      #
      # @param kwargs [Hash] The same arguments as <%= link_to_component(Yattho::Beta::Counter) %>.
      renders_one :counter, Yattho::Beta::Counter

      attr_reader :selected

      # @example Default
      #   <%= render(Yattho::Navigation::TabComponent.new(selected: true)) do |component| %>
      #     <% component.with_text { "Selected" } %>
      #   <% end %>
      #   <%= render(Yattho::Navigation::TabComponent.new) do |component| %>
      #     <% component.with_text { "Not selected" } %>
      #   <% end %>
      #
      # @example With icons and counters
      #   <%= render(Yattho::Navigation::TabComponent.new) do |component| %>
      #     <% component.with_icon(:star) %>
      #     <% component.with_text { "Tab" } %>
      #   <% end %>
      #   <%= render(Yattho::Navigation::TabComponent.new) do |component| %>
      #     <% component.with_icon(:star) %>
      #     <% component.with_text { "Tab" } %>
      #     <% component.with_counter(count: 10) %>
      #   <% end %>
      #   <%= render(Yattho::Navigation::TabComponent.new) do |component| %>
      #     <% component.with_text { "Tab" } %>
      #     <% component.with_counter(count: 10) %>
      #   <% end %>
      #
      # @example Inside a list
      #   <%= render(Yattho::Navigation::TabComponent.new(list: true)) do |component| %>
      #     <% component.with_text { "Tab" } %>
      #   <% end %>
      #
      # @example With custom HTML
      #   <%= render(Yattho::Navigation::TabComponent.new) do %>
      #     <div>
      #       This is my <strong>custom HTML</strong>
      #     </div>
      #   <% end %>
      #
      # @param list [Boolean] Whether the Tab is an item in a `<ul>` list.
      # @param selected [Boolean] Whether the Tab is selected or not.
      # @param with_panel [Boolean] Whether the Tab has an associated panel.
      # @param panel_id [String] Only applies if `with_panel` is `true`. Unique id of panel.
      # @param icon_classes [Boolean] Classes that must always be applied to icons.
      # @param wrapper_arguments [Hash] <%= link_to_system_arguments_docs %> to be used in the `<li>` wrapper when the tab is an item in a list.
      # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
      def initialize(list: false, selected: false, with_panel: false, panel_id: "", icon_classes: "",
                     wrapper_arguments: {}, **system_arguments)
        @selected = selected
        @icon_classes = icon_classes
        @list = list
        @with_panel = with_panel

        @system_arguments = system_arguments
        @id = @system_arguments[:id]
        @wrapper_arguments = wrapper_arguments

        if with_panel || @system_arguments[:tag] == :button
          @system_arguments[:tag] = :button
          @system_arguments[:type] = :button
          @system_arguments[:role] = :tab
          panel_id(panel_id)
          # https://www.w3.org/TR/wai-aria-practices/#presentation_role
          @wrapper_arguments[:role] = :presentation
        else
          @system_arguments[:tag] = :a
        end

        @wrapper_arguments[:tag] = :li
        @wrapper_arguments[:display] ||= :inline_flex

        return unless @selected

        if @system_arguments[:tag] == :a
          aria_current = aria("current", system_arguments) || DEFAULT_ARIA_CURRENT_FOR_ANCHOR
          @system_arguments[:'aria-current'] =
            fetch_or_fallback(ARIA_CURRENT_OPTIONS_FOR_ANCHOR, aria_current, DEFAULT_ARIA_CURRENT_FOR_ANCHOR)
        else
          @system_arguments[:'aria-selected'] = true
        end
      end

      def wrapper
        unless @list
          yield
          return # returning `yield` caused a double render
        end

        render(Yattho::BaseComponent.new(**@wrapper_arguments)) do
          yield if block_given?
        end
      end

      private

      def panel_id(panel_id)
        if panel_id.blank?
          raise ArgumentError, "`panel_id` is required" unless Rails.env.production?
        else
          @panel_id = panel_id
          @system_arguments[:'aria-controls'] = @panel_id
        end
      end
    end
  end
end