{{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>{{.Username}}'s list</h2>
        {{if eq .GiftCount 0}}
        <p>{{.Username}} hasn't written any gift ideas!</p>
        <p>{{template "login_prompt"}} to add some! :^)</p>
        {{else}}
        {{if eq .GiftCount 1}}
        <p>{{.Username}} has only written one gift idea.</p>
        <p>{{template "login_prompt"}} to claim it, or add more! :^)</p>
        {{else}}
        <p>{{.Username}} has written {{.GiftCount}} gift ideas.</p>
        <p>{{template "login_prompt"}} to claim an idea, or add more! :^)</p>
        {{end}}
        {{end}}
      </div>
    </section>
  </div>
</div>
{{end}}