{{page-title "Holygamesapp"}}

<div class="menu">
  {{#if this.session.isAuthenticated}}
    <button type="button" {{on "click" this.invalidateSession}}>Logout</button>
  {{else}}
    <LinkTo @route="login">Login</LinkTo>
  {{/if}}
</div>

<div class="min-h-full">
  <div class="bg-gray-800 pb-32">
    <Topbar::Navbar />

    <header class="py-10">
      <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
        <h1 class="text-3xl font-bold tracking-tight text-white">Dashboard</h1>
      </div>
    </header>
  </div>

  <main class="-mt-32">
    <div class="mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8">
      <div class="rounded-lg bg-white px-5 py-6 shadow sm:px-6">
        {{outlet}}
      </div>
    </div>
  </main>
</div>