{{ define "meta" }}
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="color-scheme" content="light dark" />
    <meta name="referrer" content="same-origin" />
    <link rel="stylesheet" href="/static/style.css" />
{{ end }}

{{ define "brand" }}
<a class="brand" href="/account">
  {{ template "logo" }}
  <span>{{ if . }}<span class="brand-host">{{ . }}</span>{{ else }}cocoon{{ end }}</span>
</a>
{{ end }}

{{ define "logo" }}<span class="brand-mark" aria-hidden="true"><svg width="16" height="18" viewBox="0 0 16 18" fill="none"><ellipse cx="8" cy="9.5" rx="6.2" ry="7.5" stroke="currentColor" stroke-width="2"/><path d="M4.5 7.5c1.2-1 5.8-1 7 0M4 11c1.4 1.1 6.6 1.1 8 0" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></span>{{ end }}

{{ define "icon-phone" }}<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="6" y="2" width="12" height="20" rx="2.5"/><path d="M11 18h2"/></svg>{{ end }}

{{ define "icon-key" }}<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="8" cy="15" r="4"/><path d="M10.8 12.2 20 3M16 7l3 3M14 9l2 2"/></svg>{{ end }}

{{ define "flashes" }}
{{ if . }}
{{ range .errors }}
<div class="alert alert-danger" role="alert"><p>{{ . }}</p></div>
{{ end }}
{{ range .successes }}
<div class="alert alert-success" role="status"><p>{{ . }}</p></div>
{{ end }}
{{ end }}
{{ end }}