# frozen_string_literal: true

require "rails/engine"

require "view_component"

require "tailwind_merge"
require "simple_form"

module Ariadne
  # The Ariadne gem is a collection of ViewComponents that can be used to build
  # accessible, responsive, and consistent UIs for Yetto.
  module ViewComponents
    mattr_accessor :tailwind_merger

    # :nodoc:
    class Engine < ::Rails::Engine
      isolate_namespace Ariadne::ViewComponents
      config.eager_load_paths = ["#{root}/app/components", "#{root}/app/lib"]

      config.ariadne_view_components = ActiveSupport::OrderedOptions.new

      config.ariadne_view_components.raise_on_invalid_options = true
      config.ariadne_view_components.silence_deprecations = false
      config.ariadne_view_components.silence_warnings = false
      config.ariadne_view_components.validate_class_names = true
      config.ariadne_view_components.raise_on_invalid_aria = true

      initializer "ariadne_view_components.assets" do |app|
        app.config.assets.precompile += ["ariadne_view_components"] if app.config.respond_to?(:assets)
      end

      initializer "ariadne_view_components.importmap", before: "importmap" do |app|
        if Rails.application.respond_to?(:importmap)
          app.config.importmap.paths << Engine.root.join("config/importmap.rb")
        end
      end

      initializer "ariadne_view_components.simple_form" do |_app|
        # Use this setup block to configure all options available in SimpleForm.
        SimpleForm.setup do |config|
          # Default class for buttons
          config.button_class = "my-2 bg-blue-500 hover:bg-blue-700 text-white font-bold text-sm py-2 px-4 rounded"

          # Define the default class of the input wrapper of the boolean input.
          config.boolean_label_class = ""

          # How the label text should be generated altogether with the required text.
          config.label_text = lambda { |label, required, _explicit_label| "#{label} #{required}" }

          # Define the way to render check boxes / radio buttons with labels.
          config.boolean_style = :inline

          # You can wrap each item in a collection of radio/check boxes with a tag
          config.item_wrapper_tag = :div

          # Defines if the default input wrapper class should be included in radio
          # collection wrappers.
          config.include_default_input_wrapper_class = false

          # CSS class to add for error notification helper.
          config.error_notification_class = "text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-400"

          # Method used to tidy up errors. Specify any Rails Array method.
          # :first lists the first message for each field.
          # :to_sentence to list all errors for each field.
          config.error_method = :to_sentence

          # add validation classes to `input_field`
          config.input_field_error_class = "border-red-500"
          config.input_field_valid_class = "border-green-400"
          config.label_class = "text-sm font-medium text-gray-600"

          # vertical forms
          #
          # vertical default_wrapper
          config.wrappers(:vertical_form, tag: "div", class: "mb-4") do |b|
            b.use(:html5)
            b.use(:placeholder)
            b.optional(:maxlength)
            b.optional(:minlength)
            b.optional(:pattern)
            b.optional(:min_max)
            b.optional(:readonly)
            b.use(:label, class: "block", error_class: "text-red-500")
            b.use(:input, class: "shadow appearance-none border border-gray-300 rounded w-full py-2 px-3 bg-white focus:outline-none focus:ring-0 focus:border-blue-500 text-gray-400 leading-6 transition-colors duration-200 ease-in-out", error_class: "border-red-500", valid_class: "border-green-400")
            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
          end

          # vertical input for boolean (aka checkboxes)
          config.wrappers(:vertical_boolean, tag: "div", class: "mb-4 flex items-start", error_class: "") do |b|
            b.use(:html5)
            b.optional(:readonly)
            b.wrapper(tag: "div", class: "flex items-center h-5") do |ba|
              ba.use(:input, class: "focus:ring-2 focus:ring-indigo-500:focus ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded")
            end
            b.wrapper(tag: "div", class: "ml-3 text-sm") do |bb|
              bb.use(:label, class: "block", error_class: "text-red-500")
              bb.use(:hint, wrap_with: { tag: "p", class: "block text-grey-700 text-xs italic" })
              bb.use(:full_error, wrap_with: { tag: "p", class: "block text-red-500 text-xs italic" })
            end
          end

          # vertical input for radio buttons and check boxes
          config.wrappers(:vertical_collection, item_wrapper_class: "flex items-center", item_label_class: "my-1 ml-3 block text-sm font-medium text-gray-400", tag: "div", class: "my-4") do |b|
            b.use(:html5)
            b.optional(:readonly)
            b.wrapper(:legend_tag, tag: "legend", class: "text-sm font-medium text-gray-600", error_class: "text-red-500") do |ba|
              ba.use(:label_text)
            end
            b.use(:input, class: "focus:ring-2 focus:ring-indigo-500 ring-offset-2 h-4 w-4 text-indigo-600 border-gray-300 rounded", error_class: "text-red-500", valid_class: "text-green-400")
            b.use(:full_error, wrap_with: { tag: "p", class: "block mt-2 text-red-500 text-xs italic" })
            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
          end

          # vertical file input
          config.wrappers(:vertical_file, tag: "div", class: "") do |b|
            b.use(:html5)
            b.use(:placeholder)
            b.optional(:maxlength)
            b.optional(:minlength)
            b.optional(:readonly)
            b.use(:label, class: "text-sm font-medium text-gray-600 block", error_class: "text-red-500")
            b.use(:input, class: "w-full text-gray-500 px-3 py-2 border rounded", error_class: "text-red-500 border-red-500", valid_class: "text-green-400")
            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
          end

          # vertical multi select
          config.wrappers(:vertical_multi_select, tag: "div", class: "my-4", error_class: "f", valid_class: "") do |b|
            b.use(:html5)
            b.optional(:readonly)
            b.wrapper(:legend_tag, tag: "legend", class: "text-sm font-medium text-gray-600", error_class: "text-red-500") do |ba|
              ba.use(:label_text)
            end
            b.wrapper(tag: "div", class: "inline-flex space-x-1") do |ba|
              # ba.use :input, class: 'flex w-auto w-auto text-gray-500 text-sm border-gray-300 rounded p-2', error_class: 'text-red-500', valid_class: 'text-green-400'
              ba.use(:input, class: "flex w-auto w-auto shadow appearance-none border border-gray-300 rounded w-full p-2 bg-white focus:outline-none focus:border-blue-500 text-gray-400 leading-4 transition-colors duration-200 ease-in-out")
            end
            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
          end

          # vertical range input
          config.wrappers(:vertical_range, tag: "div", class: "my-4", error_class: "text-red-500", valid_class: "text-green-400") do |b|
            b.use(:html5)
            b.use(:placeholder)
            b.optional(:readonly)
            b.optional(:step)
            b.use(:label, class: "text-sm font-medium text-gray-600 block", error_class: "text-red-500")
            b.wrapper(tag: "div", class: "flex items-center h-5") do |ba|
              ba.use(:input, class: "rounded-lg overflow-hidden appearance-none bg-gray-400 h-3 w-full text-gray-300", error_class: "text-red-500", valid_class: "text-green-400")
            end
            b.use(:full_error, wrap_with: { tag: "p", class: "mt-2 text-red-500 text-xs italic" })
            b.use(:hint, wrap_with: { tag: "p", class: "mt-2 text-grey-700 text-xs italic" })
          end

          # The default wrapper to be used by the FormBuilder.
          config.default_wrapper = :vertical_form

          # Custom wrappers for input types. This should be a hash containing an input
          # type as key and the wrapper that will be used for all inputs with specified type.
          config.wrapper_mappings = {
            boolean: :vertical_boolean,
            check_boxes: :vertical_collection,
            date: :vertical_multi_select,
            datetime: :vertical_multi_select,
            file: :vertical_file,
            radio_buttons: :vertical_collection,
            range: :vertical_range,
            time: :vertical_multi_select,
          }
        end
      end

      config.after_initialize do |_app|
        # TODO: is any of this necessary???
        ActionView::Base.field_error_proc = proc do |html_tag, instance_tag|
          fragment = Nokogiri::HTML.fragment(html_tag)
          field = fragment.at("input,select,textarea")

          model = instance_tag.object
          error_message = model.errors.full_messages.join(", ")

          html = if field
            field["class"] = "#{field["class"]} invalid"
            html = <<-HTML
                      #{fragment}
                      <p class="error">#{error_message}</p>
            HTML
            html
          else
            html_tag
          end

          html.html_safe # rubocop:disable Rails/OutputSafety
        end

        Ariadne::ViewComponents.tailwind_merger = TailwindMerge::Merger.new
      end
    end
  end
end