defmodule MvWeb.Layouts.Navbar do
  @moduledoc """
  Navbar that is used in the rootlayout shown on every page
  """
  use Phoenix.Component
  use Gettext, backend: MvWeb.Gettext

  def navbar(assigns) do
    ~H"""
    <header class="navbar bg-base-100 shadow-sm">
      <div class="flex-1">
        <a class="btn btn-ghost text-xl">Mitgliederverwaltung</a>
        <ul class="menu menu-horizontal bg-base-200">
          <li><a href="/members">{gettext("Listing Members")}</a></li>
          <li><a>Transaktionen</a></li>
        </ul>
      </div>
      <div class="flex gap-2">
        <div class="dropdown dropdown-end">
          <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar avatar-placeholder">
            <div class="bg-neutral text-neutral-content w-12 rounded-full">
              <span>AA</span>
            </div>
          </div>
          <ul
            tabindex="0"
            class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow"
          >
            <li>
              <a>
                {gettext("Profil")}
              </a>
            </li>
            <li><a>{gettext("Settings")}</a></li>
            <li><a href="sign-out">{gettext("Logout")}</a></li>
          </ul>
        </div>
      </div>
    </header>
    """
  end
end