defmodule MoonBackofficeWeb.SidebarMenu do
  @moduledoc false
  use Phoenix.Component
  use MoonBackofficeWeb, :live_view
  use MoonLive
  import MoonBackofficeWeb.Navbar
  import MoonBackofficeWeb.Subbar
  import MoonBackofficeWeb.Controls

  attr :navitems, :list, required: true
  attr :subbaritems, :list, required: true

  def sidebar_menu(assigns) do
    ~H"""
    <div
      id="side-menu"
      class="fixed lg:static hidden lg:flex w-full h-full lg:col-span-1 justify-between lg:justify-start lg:items-start z-1 lg:z-auto lg:self-stretch bg-black/75 lg:bg-transparent overflow-auto"
    >
      <div class="absolute lg:static flex w-full min-h-full">
        <nav class="min-w-12 w-20 bg-gohan">
          <.navbar items={@navitems} />
        </nav>
        <nav class="min-w-24 w-48">
          <.subbar items={@subbaritems} />
        </nav>
        <div class="flex grow justify-end items-start pt-6 px-6 lg:hidden">
          <.burger_close_button
            id="burger_close_button-small"
            click="close_burger_menu"
            icon="hero-x-mark"
            class="sticky top-6 right-6 flex justify-center items-center w-8 h-8 !rounded-full z-1 text-white text-xs !bg-black/50"
          />
        </div>
      </div>
    </div>
    """
  end
end