#!/usr/bin/env elixir
Mix.install([
  {:phoenix_playground, "~> 0.1.8"}
])

defmodule HomeLive do
  use Phoenix.LiveView
  alias Phoenix.LiveView.JS

  def mount(_params, _session, socket) do
    {:ok, socket}
  end

  def handle_params(_params, _url, socket) do
    socket = if socket.assigns.live_action == :show do
      socket |> assign(show: true)
    else
      socket |> assign(show: false)
    end

    {:noreply, socket}
  end

  def render(assigns) do
    ~H"""
    <.live_component module={Component} id="comp" />
    <button phx-click={JS.patch("/show")}>Show</button>
    <%= if @show  do %>
      {live_render(@socket, NestedViewLive, id: "nested_view", session: %{})}
    <% end %>
    """
  end
end

defmodule NestedViewLive do
  use Phoenix.LiveView

  def mount(_params, _session, socket) do
    {:ok, socket}
  end

  def render(assigns) do
    ~H"""
    Nested Content
    <.live_component module={Component} id="comp2" />
    <.link patch={"/"} > Close </.link>
    """
  end
end

defmodule Component do
  use Phoenix.LiveComponent

  def render(assigns) do
    ~H"""
    <div>
    Component
    </div>
    """
  end
end

defmodule DemoRouter do
  use Phoenix.Router
  import Phoenix.LiveView.Router

  pipeline :browser do
    plug :accepts, ["html"]
    plug :fetch_session
    plug :put_root_layout, html: {PhoenixPlayground.Layout, :root}
    plug :put_secure_browser_headers
  end

  scope "/" do
    pipe_through :browser

    live_session :test do
      live "/", HomeLive
      live "/show", HomeLive, :show
    end
  end
end

PhoenixPlayground.start(plug: DemoRouter, port: 4001)