{{define "navbar"}}
<nav>
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="/">Home</a>
    </li>
  </ul>
</nav>
{{end}}

{{define "login_prompt"}}
<a href="/">Login</a> or <a href="/register">register</a>
{{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>
        <p>{{template "login_prompt"}} to see your groups</p>
        {{with .Group.Members}}
        <ul class="list-group">
          {{range .}}
          <li class="list-group-item">
            {{.Name}}
          </li>
          {{end}}
        </ul>
        {{else}}
        <p>There's nobody else in this group.</p>
        {{end}}
      </div>
    </section>
  </div>
</div>
{{end}}