freedive/lib/freedive_web/components/layouts/app.html.heex

<main class="container">
  <.flash_group flash={@flash} />
  <.navbar is-fixed-top is-light>
    <.navbar_brand>
      <.navbar_item>
        <.title is-4>
          Freedive
        </.title>
      </.navbar_item>

      <.navbar_burger target="navbar_top" />
    </.navbar_brand>

    <.navbar_menu id="navbar_top">
      <%!-- <%= if @current_user do %>
        <.navbar_start>
          <.navbar_item has-dropdown is-hoverable>
            <.navbar_link>
              Compute
            </.navbar_link>

            <.navbar_dropdown>
              <.navbar_item>
                <.link>Bastille Jails</.link>
              </.navbar_item>
            </.navbar_dropdown>
          </.navbar_item>

          <.navbar_item has-dropdown is-hoverable>
            <.navbar_link>
              Storage
            </.navbar_link>

            <.navbar_dropdown>
              <.navbar_item>
                <.link>Shared Folders</.link>
              </.navbar_item>
            </.navbar_dropdown>
          </.navbar_item>

          <.navbar_item has-dropdown is-hoverable>
            <.navbar_link>
              Network
            </.navbar_link>

            <.navbar_dropdown>
              <.navbar_item>
                <.link>Private Network</.link>
              </.navbar_item>
            </.navbar_dropdown>
          </.navbar_item>
        </.navbar_start>
      <% end %> --%>

      <.navbar_end>
        <%= if @current_user do %>
          <.navbar_item>
            <%= @current_user.email %>
          </.navbar_item>

          <.navbar_item has-dropdown is-hoverable>
            <.navbar_link>
              System
            </.navbar_link>

            <.navbar_dropdown>
              <%!-- <.navbar_item>
                <.link>Software Updates</.link>
              </.navbar_item>
              <.navbar_divider />
              <.navbar_item>
                <.link>Packages</.link>
              </.navbar_item> --%>
              <.link href={~p"/services"} class="navbar-item">
                Services
              </.link>
            </.navbar_dropdown>
          </.navbar_item>
        <% end %>
        <.navbar_item has-dropdown is-hoverable>
          <.navbar_link>
            Account
          </.navbar_link>

          <.navbar_dropdown>
            <%= if @current_user do %>
              <.link href={~p"/users/settings"} class="navbar-item">
                Settings
              </.link>
              <.link href={~p"/users/log_out"} method="delete" class="navbar-item">
                Log out
              </.link>
            <% else %>
              <.link href={~p"/users/log_in"} class="navbar-item">
                Log in
              </.link>
            <% end %>
          </.navbar_dropdown>
        </.navbar_item>
      </.navbar_end>
    </.navbar_menu>
  </.navbar>
  <%= @inner_content %>
</main>