<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Page.Title}} · Memby admin</title>
<style>{{.CSS}}</style>
</head>
<body>
<a class="skip" href="#page">Skip to content</a>
<aside class="rail" aria-label="Admin navigation">
  <a class="rail-brand" href="/admin/overview">
    <span class="rail-mark" aria-hidden="true">M</span>
    <span class="rail-brand-copy"><b>Memby</b><span>Gateway admin</span></span>
  </a>
  <div class="rail-scroll">
  {{range .Nav}}
    {{if .Label}}<p class="rail-group">{{.Label}}</p>{{end}}
    <nav class="rail-nav">
      {{range .Items}}{{if not .Hidden}}
      <a class="rail-link{{if eq .ID $.Page.ID}} active{{end}}" href="/admin/{{.ID}}"
         {{if eq .ID $.Page.ID}}aria-current="page"{{end}} title="{{.Label}}">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="{{.Icon}}"/></svg><span>{{.Label}}</span>
      </a>
      {{end}}{{end}}
    </nav>
  {{end}}
  </div>
  <div class="rail-foot">
    <span class="dot" id="rail-live" data-tone="idle"></span>
    <span class="rail-foot-copy"><b id="rail-live-label">connecting</b><span id="rail-version">gateway …</span></span>
  </div>
</aside>

<main id="page" class="page" data-admin-page="{{.Page.ID}}">
  <header class="page-head">
    <div class="page-head-copy">
      <h1 id="page-title">
        {{if .Page.Icon}}<span class="glyph page-mark" data-tone="accent" aria-hidden="true">
          <svg class="ico" viewBox="0 0 24 24"><path d="{{.Page.Icon}}"/></svg>
        </span>{{end}}{{.Page.Title}}
      </h1>
      <p id="page-intro">{{.Page.Intro}}</p>
    </div>
    <span class="tag" id="live" data-tone="idle">connecting…</span>
  </header>

  <div id="error" class="notice" role="alert" hidden></div>

{{.Body}}
</main>

<script>{{.Core}}</script>
<script>{{.Script}}</script>
</body>
</html>
