defmodule Corex.Editable.Connect do
  @moduledoc false
  alias Corex.Selectors

  alias Corex.FormField

  alias Corex.Editable.Anatomy.{
    Area,
    CancelTrigger,
    Control,
    EditTrigger,
    FormValue,
    Input,
    Label,
    Preview,
    Props,
    Root,
    SubmitTrigger,
    Triggers
  }

  alias Phoenix.LiveView.JS
  import Corex.Helpers, only: [get_boolean: 1, maybe_put: 3]

  defp orientation(assigns), do: Map.get(assigns, :orientation, "horizontal")

  def ignore_root(assigns) do
    JS.ignore_attributes(Root.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}")
    )
  end

  def ignore_area(assigns) do
    JS.ignore_attributes(Area.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:area")
    )
  end

  def ignore_label(assigns) do
    JS.ignore_attributes(Label.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:label")
    )
  end

  def ignore_input(assigns) do
    JS.ignore_attributes(Input.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:input")
    )
  end

  def ignore_form_value(assigns) do
    JS.ignore_attributes(FormValue.ignored_attrs(),
      to: "##{assigns.id}-value"
    )
  end

  def ignore_preview(assigns) do
    JS.ignore_attributes(Preview.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:preview")
    )
  end

  def ignore_edit_trigger(assigns) do
    JS.ignore_attributes(EditTrigger.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:edit-trigger")
    )
  end

  def ignore_control(assigns) do
    JS.ignore_attributes(Control.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:control")
    )
  end

  def ignore_submit_trigger(assigns) do
    JS.ignore_attributes(SubmitTrigger.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:submit-trigger")
    )
  end

  def ignore_cancel_trigger(assigns) do
    JS.ignore_attributes(CancelTrigger.ignored_attrs(),
      to: Selectors.css_id("editable:#{assigns.id}:cancel-trigger")
    )
  end

  @spec props(Props.t()) :: map()
  def props(assigns) do
    form_field = Map.get(assigns, :form_field, false)
    controlled = Map.get(assigns, :controlled, false)
    zag_controlled = form_field || controlled
    value_dataset = FormField.default_value_dataset(assigns, assigns.value || "")

    {value_attr, default_attr} =
      if zag_controlled do
        {value_dataset, nil}
      else
        {nil, value_dataset}
      end

    %{
      "id" => assigns.id,
      "data-controlled" => get_boolean(zag_controlled),
      "data-value" => value_attr,
      "data-default-value" => default_attr,
      "data-disabled" => get_boolean(assigns.disabled),
      "data-readonly" => get_boolean(assigns.read_only),
      "data-required" => get_boolean(assigns.required),
      "data-invalid" => get_boolean(assigns.invalid),
      "data-name" => assigns.name,
      "data-form" => assigns.form,
      "data-dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "data-default-edit" => get_boolean(assigns.default_edit),
      "data-placeholder" => assigns.placeholder,
      "data-activation-mode" => assigns.activation_mode,
      "data-select-on-focus" => get_boolean(assigns.select_on_focus),
      "data-on-value-change" => assigns.on_value_change,
      "data-on-value-change-client" => assigns.on_value_change_client
    }
    |> FormField.put_form_field_attrs(assigns)
  end

  @spec root(Root.t()) :: map()
  def root(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "root",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}",
      "data-readonly" => get_boolean(Map.get(assigns, :read_only, false))
    }
  end

  @spec area(Area.t()) :: map()
  def area(assigns) do
    base = %{
      "data-scope" => "editable",
      "data-part" => "area",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:area",
      "data-focus" => get_boolean(assigns.editing),
      "data-placeholder-shown" => get_boolean(assigns.empty)
    }

    if assigns.auto_resize do
      Map.put(base, "style", "display:inline-grid")
    else
      base
    end
  end

  @spec label(Label.t()) :: map()
  def label(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "label",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:label",
      "for" => "editable:#{assigns.id}:input"
    }
  end

  @spec form_value(FormValue.t()) :: map()
  def form_value(assigns) do
    %{
      "type" => "hidden",
      "data-scope" => "editable",
      "data-part" => "form-value",
      "id" => "#{assigns.id}-value",
      "name" => assigns.name,
      "value" => assigns.value || ""
    }
    |> maybe_put("form", assigns.form)
  end

  @spec input(Input.t()) :: map()
  def input(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "input",
      "disabled" => get_boolean(assigns.disabled),
      "id" => "editable:#{assigns.id}:input",
      "required" => get_boolean(assigns.required),
      "readonly" => get_boolean(assigns.read_only),
      "aria-label" => assigns.aria_label,
      "data-disabled" => get_boolean(assigns.disabled),
      "data-readonly" => get_boolean(assigns.read_only),
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns)
    }
    |> maybe_put("placeholder", assigns.placeholder)
    |> maybe_put("name", assigns.name)
    |> maybe_put("form", assigns.form)
    |> maybe_put("value", assigns.value)
    |> maybe_put("hidden", if(assigns.editing, do: nil, else: ""))
  end

  @spec preview(Preview.t()) :: map()
  def preview(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "preview",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:preview",
      "data-placeholder-shown" => get_boolean(assigns.empty),
      "aria-label" => assigns.aria_label,
      "tabindex" => "0",
      "hidden" => if(assigns.editing, do: "", else: nil)
    }
  end

  @spec edit_trigger(EditTrigger.t()) :: map()
  def edit_trigger(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "edit-trigger",
      "type" => "button",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:edit-trigger",
      "aria-label" => assigns.aria_label,
      "hidden" => if(assigns.editing, do: "", else: nil)
    }
  end

  @spec control(Control.t()) :: map()
  def control(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "control",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:control"
    }
  end

  @spec triggers(Triggers.t()) :: map()
  def triggers(_assigns) do
    %{"data-scope" => "editable", "data-part" => "triggers"}
  end

  @spec submit_trigger(SubmitTrigger.t()) :: map()
  def submit_trigger(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "submit-trigger",
      "type" => "button",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:submit-trigger",
      "aria-label" => assigns.aria_label,
      "hidden" => if(assigns.editing, do: nil, else: "")
    }
  end

  @spec cancel_trigger(CancelTrigger.t()) :: map()
  def cancel_trigger(assigns) do
    %{
      "data-scope" => "editable",
      "data-part" => "cancel-trigger",
      "type" => "button",
      "dir" => assigns.dir,
      "data-orientation" => orientation(assigns),
      "id" => "editable:#{assigns.id}:cancel-trigger",
      "aria-label" => assigns.aria_label,
      "hidden" => if(assigns.editing, do: nil, else: "")
    }
  end
end