{{define "sidebar"}}
  <link rel="stylesheet" href="/static/mobile-fixes.css">
  <header class="mobile-header">
    <a href="/">
      <img src="/static/dogama.png" alt="DoGaMa">
    </a>
    <button class="menu-button" type="button" aria-controls="app-navigation" aria-expanded="false">
      Menu
    </button>
  </header>
  <aside class="sidebar" id="app-navigation">
    <a class="brand" href="/">
      <img src="/static/dogama-logo.png" alt="DoGaMa">
    </a>
    <a class="brand brand-image" href="/">
      <img src="/static/dogama.png" alt="DoGaMa">
    </a>
    <nav aria-label="{{.Msg "nav.primary"}}">
      <a class="nav-dashboard {{if eq .ActivePage "dashboard"}}active{{end}}" href="/">
        <svg class="ui-icon" aria-hidden="true"><use href="/static/icons.svg#dashboard"></use></svg>
        {{.Msg "nav.dashboard"}}
      </a>
      <a class="nav-catalog {{if eq .ActivePage "catalog"}}active{{end}}" href="/catalog">
        <svg class="ui-icon" aria-hidden="true"><use href="/static/icons.svg#menu_book"></use></svg>
        {{.Msg "nav.catalog"}}
      </a>
      {{if .IsAdmin}}
      <a class="nav-audit {{if eq .ActivePage "audit"}}active{{end}}" href="/audit">
        <svg class="ui-icon" aria-hidden="true"><use href="/static/icons.svg#history"></use></svg>
        {{.Msg "nav.audit"}}
      </a>
      <a class="nav-administration {{if eq .ActivePage "administration"}}active{{end}}" href="/administration">
        <svg class="ui-icon" aria-hidden="true"><use href="/static/icons.svg#admin_panel_settings"></use></svg>
        {{.Msg "nav.administration"}}
      </a>
      {{end}}
    </nav>
    <div class="account">
      <p class="sr-only">{{.Msg "account.signed_in"}} <strong>{{.User.Username}}</strong>.</p>
      <div class="account-card">
        <span class="avatar">
          DG
        </span>
        <span>
          <strong>
            {{.User.Username}}
          </strong>
          <small>
            {{.User.Role}}
          </small>
        </span>
      </div>
      <nav aria-label="{{.Msg "nav.primary"}}">
        <a class="nav-account {{if eq .ActivePage "account"}}active{{end}}" href="/account">
          <svg class="ui-icon" aria-hidden="true"><use href="/static/icons.svg#settings"></use></svg>
          {{.Msg "nav.settings"}}
        </a>
      </nav>
      <form method="post" action="/logout">
        <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
        <button class="signout-button" type="submit">
          <svg class="ui-icon" aria-hidden="true"><use href="/static/icons.svg#logout"></use></svg>
          {{.Msg "logout.submit"}}
        </button>
      </form>
    </div>
  </aside>
{{end}}