{{define "navbar"}}
<nav>
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="/">Home</a>
    </li>
  </ul>
</nav>
<div class="flex-grow-1"></div>
<ul class="navbar-nav">
  <li class="nav-item">
    <div class="dropdown">
      <button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
        Logged in as '{{.CurrentUsername}}'
      </button>
      <ul class="dropdown-menu">
        <li>
          <form class="d-contents" method="post" action="/logout">
            <button class="dropdown-item" type="submit">Logout</button>
          </form>
        </li>
      </ul>
    </div>
  </li>
</ul>
{{end}}

{{define "body"}}
<div class="overflow-y-scroll flex-grow-1">
  <div class="container py-5">
    <section class="card">
      <div class="card-body">
        <h2><em>{{.Group.Name}}</em> group members</h2>
        {{with .Group.Members}}
    		<ul class="list-group">
    			{{range .}}
    			<li class="list-group-item">
    			  <a href="/list/{{.Reference}}">{{.Name}}</a>
    			</li>
    			{{end}}
    		</ul>
        {{else}}
        <p>There's nobody else in this group.</p>
        {{end}}
      </div>
    </section>
  </div>
</div>
{{end}}