defmodule SelectoComponents.Components.RadioTabs do
  @doc """
    Given a set of radio buttons and containers, display the container indicated by the selected radio button

  """
  use Phoenix.LiveComponent

  def render(assigns) do
    ~H"""
      <div>
        <div :for={{id, module, name, opt} <- @options}>
          <label class="text-base-content cursor-pointer flex items-center gap-2">
            <input
              type="radio"
              name={@fieldname}
              value={id}
              checked={@view_mode == Atom.to_string(id)}
              phx-click="view_set"
              phx-target={@myself}
              class="radio radio-primary"/>
            <%= name %>
          </label>
          <div class={if @view_mode == Atom.to_string(id) do "pl-16 text-base-content" else "hidden" end}>
            <%= name %>
            <%= render_slot(@section, {id, module, name, opt}) %>
          </div>
        </div>
      </div>
    """
  end

  def handle_event("view_set", params, socket) do
    send(self(), {:view_set, params["value"]})
    {:noreply, socket}
  end
end