defmodule CanneryWeb.Live.Component.Topbar do
  use CanneryWeb, :live_component
  
  alias CanneryWeb.{PageLive}
  
  def mount(socket) do
    {:ok, socket |> assign(results: [], title_content: nil)}
  end
  
  def update(assigns, socket) do
    {:ok, socket |> assign(assigns)}
  end

  def render(assigns) do
    ~L"""
    <header class="mb-8 px-8 py-4 w-full bg-primary-400">
      <nav role="navigation">
        <div class="flex flex-row justify-between items-center space-x-4">
          <div class="flex flex-row justify-start items-center space-x-2">
            <%= link to: Routes.page_path(CanneryWeb.Endpoint, :index) do %>
              <h1 class="leading-5 text-xl text-white hover:underline">Cannery</h1>
            <% end %>
            
            <%= if @title_content do %>
              <span>|</span>
              <%= @title_content %>
            <% end %>
          </div>
        
          <ul class="flex flex-row flex-wrap justify-center items-center
            text-lg space-x-4 text-lg text-white">
            <%# search %>
            <form phx-change="suggest" phx-submit="search">
              <input type="text" name="q" class="input input-primary"
                placeholder="Search" list="results" autocomplete="off"/>
              <datalist id="results">
                <%= for {app, _vsn} <- @results do %>
                  <option value="<%= app %>"><%= app %></option>
                <% end %>
              </datalist>
            </form>

            <%# user settings %>
            <%= if assigns |> Map.has_key?(:current_user) do %>
              <li>
                <%= @current_user.email %></li>
              <li>
                <%= link "Settings", class: "hover:underline",
                  to: Routes.user_settings_path(CanneryWeb.Endpoint, :edit) %>
              </li>
              <li>
                <%= link "Log out", class: "hover:underline",
                  to: Routes.user_session_path(CanneryWeb.Endpoint, :delete), method: :delete %>
              </li>

              <%= if function_exported?(Routes, :live_dashboard_path, 2) do %>
                <li>
                  <%= link "LiveDashboard", class: "hover:underline",
                    to: Routes.live_dashboard_path(CanneryWeb.Endpoint, :home) %>
                </li>
              <% end %>
            <% else %>
              <li>
                <%= link "Register", class: "hover:underline",
                  to: Routes.user_registration_path(CanneryWeb.Endpoint, :new) %>
              </li>
              <li>
                <%= link "Log in", class: "hover:underline",
                  to: Routes.user_session_path(CanneryWeb.Endpoint, :new) %>
              </li>
            <% end %>
          </ul>
        </div>
      </nav>

      <%= if live_flash(@flash, :info) do %>
        <p class="alert alert-info" role="alert"
          phx-click="lv:clear-flash" phx-value-key="info">
          <%= live_flash(@flash, :info) %>
        </p>
      <% end %>

      <%= if live_flash(@flash, :error) do %>
        <p class="alert alert-danger" role="alert"
          phx-click="lv:clear-flash" phx-value-key="error">
          <%= live_flash(@flash, :error) %>
        </p>
      <% end %>
    </header>
    """
  end
end