{{define "home"}}<section id="identity">
<header>{{if .Policy.Icon}}<img alt="" src="{{.Policy.Icon}}">{{end}}<h1>{{or .Policy.Name .Slug}}</h1><small><code>{{.URL}}</code> | {{template "nostrKey" .Identity}}</small></header>
<table id="facts">
{{if .Policy.Contact}}<tr><th>contact</th><td>{{.Policy.Contact}}</td></tr>{{end}}
{{if .Policy.Tags}}<tr><th>tags</th><td id="tags">{{range .Policy.Tags}}<a href="/search?q={{urlquery .}}">#{{.}}</a>{{end}}</td></tr>{{end}}
{{if .Policy.LanguageTags}}<tr><th>languages</th><td>{{join .Policy.LanguageTags ", "}}</td></tr>{{end}}
{{if .Policy.RelayCountries}}<tr><th>countries</th><td>{{join .Policy.RelayCountries ", "}}</td></tr>{{end}}
<tr><th>policies</th><td>{{if .Policy.PostingPolicy}}<a href="{{.Policy.PostingPolicy}}">posting</a> | {{end}}{{if .Policy.PrivacyPolicy}}<a href="{{.Policy.PrivacyPolicy}}">privacy</a> | {{end}}<a href="/terms">terms</a></td></tr>
<tr><th>reads</th><td>{{.Policy.Reads}}</td></tr>
<tr><th>writes</th><td>{{.Policy.Writes}}</td></tr>
</table>
{{if .Policy.Description}}<h2>About</h2>
{{markdown .Policy.Description}}
{{end}}{{if .Connections}}<h2>Connect</h2>
<p>Open this relay in an app. Each card is a way in; sign in to see the ones made for members.</p>
{{range .Connections}}{{$c := asMap .}}<connect-card>
<h3>{{str (index $c "title")}} <small>{{str (index $c "app")}}{{with str (index $c "where")}}, {{.}}{{end}}{{if ne (str (index $c "visibility")) "public"}} | {{str (index $c "visibility")}}{{end}}</small></h3>
<p>{{str (index $c "about")}}</p>
{{range index $c "inputs"}}{{$i := asMap .}}<label>{{str (index $i "Label")}} <input name="{{str (index $i "Name")}}" placeholder="{{str (index $i "Placeholder")}}" pattern="{{str (index $i "Pattern")}}"></label>
{{end}}<p>{{range index $c "links"}}{{$l := asMap .}}{{if str (index $l "href")}}<a href="{{str (index $l "href")}}">{{str (index $l "label")}}</a> {{else}}<button type="button" data-copy="{{str (index $l "copy")}}">{{str (index $l "label")}}</button> {{end}}{{end}}{{if index $c "hidden"}}<small>sign in for {{str (index $c "hidden")}} more</small>{{end}}<output role="status"></output></p>
{{with str (index $c "qr")}}<details><summary>QR code</summary><img src="/qr.svg?text={{urlquery .}}" alt="QR code" width="200" height="200"></details>{{end}}
</connect-card>
{{end}}{{end}}
</section>
{{end}}

{{define "signin"}}<section id="signin">
<h1>{{if and .Actor (.Query.Get "connect")}}Connect your signer{{else if .Actor}}Your account{{else}}Sign in{{end}}</h1>
{{if .Notice}}<p role="status">{{.Notice}}</p>{{end}}
{{if .Actor}}<p>Signed in as {{template "nostrKey" .Actor}}.</p>
<p><a href="/account">Open your account</a> | <a href="/chat">Chat</a></p>
{{if not (.Query.Get "connect")}}<p><a href="/signin?connect=1{{with .Query.Get "next"}}&amp;next={{urlquery .}}{{end}}">Connect a signer</a> to restore signing without signing out.</p>{{end}}
{{if .Query.Get "connect"}}<p>Connect the signer for this account. Your sign-in session stays active.</p>{{template "signerControls" .}}{{else}}<p>Open Menu on a phone, or use the desktop footer, to sign out.</p>{{end}}
{{else}}<p>Use a browser extension, or connect Amber on your phone. The relay never sees a private key.</p>
{{template "signerControls" .}}
{{end}}</section>
{{end}}

{{define "account"}}<section id="account">
<h1>Account</h1>
<p>Manage your profile, chat preferences and relay lists.</p>
<table id="account-identity"><tbody><tr><th>signed in as</th><td>{{template "nostrName" .Actor}}</td></tr><tr><th>profile</th><td><a href="/profile">Edit your profile</a></td></tr></tbody></table>
<h2>Chat preferences</h2>
<chat-preferences actor="{{.Actor}}"><label><input type="checkbox" name="share_presence"{{if .SharePresence}} checked{{end}} disabled> Share presence and typing</label><p>Show when you are online or typing in chat.</p><output role="status"></output></chat-preferences><noscript><p>Changing preferences requires JavaScript and a connected signer.</p></noscript>
<h2>Your relay lists</h2>
<p>Choose where other Nostr clients find your notes, messages and files. Existing entries stay.</p>
<relay-lists relay="{{wsURL .URL}}" server="{{.URL}}" pubkey="{{.Actor}}">
<table id="rows"><tbody>
<tr data-kind="10002" data-tag="r"><td>Relay list <small>NIP-65</small></td><td>where clients read your notes and send you mentions</td><td><button type="button" name="check">check</button> <button type="button" name="add">add this relay</button></td></tr>
<tr data-kind="10050" data-tag="relay"><td>DM inbox <small>NIP-17</small></td><td>where people send you private messages</td><td><button type="button" name="check">check</button> <button type="button" name="add">add this relay</button></td></tr>
<tr data-kind="10007" data-tag="relay"><td>Search relays <small>NIP-51</small></td><td>where clients run your searches</td><td><button type="button" name="check">check</button> <button type="button" name="add">add this relay</button></td></tr>
<tr data-kind="10063" data-tag="server" data-value="server"><td>Blossom servers <small>BUD-03</small></td><td>where clients upload and look for your files</td><td><button type="button" name="check">check</button> <button type="button" name="add">add this relay</button></td></tr>
</tbody></table><output role="status"></output></relay-lists>
</section>{{end}}

{{define "signerControls"}}<p><button id="session-login" type="button">{{if .Actor}}Use connected signer{{else}}Sign in with connected signer{{end}}</button></p>
<h2>Phone signer</h2>
<p>Scan the QR code with Amber and approve the connection and sign-in request. You will return to the page you opened.</p>
<p><label><input type="checkbox" id="remember-signer"> Remember this device</label> <small>Keeps the phone signer connected after the app closes. Sign out to forget it.</small></p>
<p><button id="nostrconnect" type="button">Generate QR code</button> <a id="nostrconnect-open" hidden>Open in signer</a></p>
<img id="signer-qr" alt="Nostr Connect QR code" hidden width="240" height="240">
<p id="signer-status" role="status"></p>
<h2>Bunker URL</h2>
<form id="bunker">
<label>Paste from your signer <input id="bunker-url" type="url" placeholder="bunker://…" required></label>
<button>Connect remote signer</button>
</form>
{{end}}

{{define "inbox"}}<section>
<h1>Inbox</h1>
<p>Events addressed to this signed-in key, subject to the same private-event gates as websocket queries.</p>
{{if .Error}}{{template "alert" .Error}}{{else}}{{template "eventList" .}}{{end}}
</section>
{{end}}

{{define "outbox"}}<section>
<h1>Outbox</h1>
<p>Events authored by this signed-in key.</p>
{{if .Error}}{{template "alert" .Error}}{{else}}{{template "eventList" .}}{{end}}
</section>
{{end}}

{{define "search"}}<section>
<h1>Search</h1>
<form id="search" action="/search" method="get">
<label>Terms <input name="q" type="search" value="{{.Query.Get "q"}}" required></label>
<input type="hidden" name="kinds" value="{{.Query.Get "kinds"}}"><input type="hidden" name="author" value="{{.Query.Get "author"}}"><input type="hidden" name="since" value="{{.Query.Get "since"}}">
<button>Search</button>
</form>
{{if .Error}}{{template "alert" .Error}}
{{else if .Feed}}<h2>Results</h2>
{{template "eventList" .}}
{{else if .Query.Get "q"}}<p>No matching events.</p>
{{end}}</section>
{{end}}

{{define "articles"}}<section>
<h1>Articles</h1>
<p>Long-form NIP-23 events published on this relay.</p>
{{if .Error}}{{template "alert" .Error}}{{else}}{{template "eventList" .}}{{end}}
<p><a href="/feed.xml">Atom feed</a> | <a href="/articles.json">JSON feed</a></p>
</section>
{{end}}

{{define "event"}}<section>
<h1>Event</h1>
{{if .Feed}}{{template "eventList" .}}{{else}}{{template "nostrEvent" .Event}}<share-link></share-link>{{end}}
<p><a href="/feed.xml">Atom feed</a> | <a href="/articles.json">JSON feed</a></p>
</section>
{{end}}

{{define "view"}}<section>
<h1>View: {{.View}}</h1>
{{template "jsonView" .Event}}
</section>
{{end}}

{{define "invite"}}<section>
<h1>Join this relay</h1>
<p>This invite is claimed with one signature from your Nostr signer. The relay never receives a private key.</p>
{{if .Policy.JoinTerms}}<h2>Before you join</h2>
<pre>{{.Policy.JoinTerms}}</pre>
{{end}}<rpc-form method="claiminvite" action="/api/invites/claim" terms="{{.Policy.JoinTerms}}">
<input type="hidden" name="param" value="{{.Invite}}">
{{if .Policy.JoinTerms}}<label><input type="checkbox" name="termsAgreement" required> I agree to these relay terms.</label>
{{end}}<button>Join relay</button>
</rpc-form>
</section>
{{end}}

{{define "terms"}}<section>
<h1>Terms</h1>
{{if .Policy.JoinTerms}}{{markdown .Policy.JoinTerms}}{{else}}<p>This relay has not published terms.</p>{{end}}
</section>
{{end}}

{{define "private"}}<section>
<h1>Private messages</h1>
<p>Sign in with a Nostr client to view addressed private events.</p>
</section>
{{end}}

{{define "media"}}<section>
<h1>Media</h1>
<p>Blossom uploads and NIP-96 metadata are available from compatible clients.</p>
</section>
{{end}}

{{define "marmot"}}<section>
<h1>Marmot</h1>
<p>Marmot group state is served when the feature is enabled.</p>
</section>
{{end}}

{{define "grasp"}}<section>
<h1>GRASP</h1>
<p>Repository state and relay capabilities are served through the GRASP endpoints.</p>
</section>
{{end}}