{{define "content"}}{{$a := .D.A}}{{$l := $a.Latest}}
<p><a href="/category/{{path $a.Category}}">{{$a.Category}}</a></p>
{{if ne .D.Row.State "active"}}<p class="flash err">This app is disabled: only you and the administrators see this page.</p>{{end}}
<div class="apphead">
 {{if $a.Icon}}<img class="icon big" src="{{$a.Icon}}" alt="">{{else}}<span class="icon big none h{{hue $a.ID}}">{{initial $a.Name}}</span>{{end}}
 <div class="who">
  <h1>{{$a.Name}}</h1>
  <p class="by">by <a href="/publisher/{{path $a.Publisher}}">{{$a.Publisher}}</a>{{if and $a.Author (ne $a.Author $a.Publisher)}} · written by {{$a.Author}}{{end}}</p>
  <p>{{$a.Tagline}}</p>
  <span class="reacts big">{{$r := $a.Ratings}}{{range reactions}}<span title="{{reactName .}}"><i>{{emoji .}}</i>{{index $r .}}</span>{{end}}</span>
 </div>
 <div class="install">
  <b>Install on the phone</b><br>Open the Store app and search for “{{$a.Name}}”.
  <p class="hint">Version {{$l.Version}} · {{size $l.Size}} download</p>
  {{if .D.Mine}}<p><a class="btn small sec" href="/dev/app/{{$a.ID}}">Manage</a> {{if .User.Admin}}<a class="btn small sec" href="/admin/app/{{$a.ID}}">Admin</a>{{end}}</p>{{end}}
 </div>
</div>
<div class="dl">
 {{if eq $l.Sandbox "none"}}<div class="warnbox" role="alert"><strong>⚠ {{unsandboxedWarning}}</strong>This app does not run in a sandbox: it can reach everything the phone's user can.{{if $l.UnsandboxedReason}} The developer's reason: “{{$l.UnsandboxedReason}}”{{end}}</div>
 {{else if eq $l.Sandbox "account"}}<div class="notebox">{{accountNote}}.</div>{{end}}
 <div class="actions">
  <a class="btn" href="{{$l.URL}}?from=web" download>Download .love package</a>
  {{if $l.Source}}<a class="btn sec" href="{{$l.Source.URL}}">Download source code</a>{{end}}
 </div>
 <p class="filemeta">Version {{$l.Version}} · {{size $l.Size}} ({{count $l.Size}} bytes)<br>SHA-256 <code class="sha">{{$l.SHA256}}</code></p>
</div>
{{if $a.Screenshots}}<h2>Screenshots</h2><div class="shots">{{range $a.Screenshots}}<a href="{{.}}"><img src="{{.}}" alt="Screenshot" loading="lazy"></a>{{end}}</div>{{end}}
<div class="cols">
<div>
 <h2>About {{$a.Name}}</h2>
 <div class="desc">{{range paras $a.Description}}<p>{{.}}</p>{{else}}<p>{{$a.Tagline}}</p>{{end}}</div>
 {{if $l.Changelog}}<h2>What's new in {{$l.Version}}</h2><p class="pre">{{$l.Changelog}}</p>{{end}}
 <h2>Permissions</h2>
 {{if $l.Permissions}}<ul class="perm">{{range $l.Permissions}}<li>{{.}}</li>{{end}}</ul>{{else}}<p>This app asks for nothing beyond its own sandbox.</p>{{end}}
 {{if $l.Requires}}<p class="hint">Needs the package{{if gt (len $l.Requires) 1}}s{{end}}: {{join $l.Requires ", "}}</p>{{end}}
 <h2>Licence and source code</h2>
 <p>{{$a.Name}} is released under <b>{{$a.Licence}}</b>.</p>
 <p>{{if $l.Source}}<a class="btn" href="{{$l.Source.URL}}">Download source code</a> <span class="hint">{{$l.Source.Name}} · {{size $l.Source.Size}}</span>{{else}}<span class="hint">No source archive was published with this version.</span>{{end}}</p>
 {{if $a.SourceRepo}}<p>Online repository: <a href="{{$a.SourceRepo}}" rel="noopener nofollow">{{$a.SourceRepo}}</a></p>{{end}}
 <h2 id="versions">Version history</h2>
 {{range .D.Versions}}<div class="ver">
  <div class="meta"><b>{{.Version}}</b><span>{{date .Released}}</span>{{if eq .Sandbox "none"}}<span class="badge danger">⚠ {{unsandboxedWarning}}</span>{{end}}</div>
  {{if .Changelog}}<p class="pre">{{.Changelog}}</p>{{end}}
  {{if eq .Sandbox "none"}}{{if .UnsandboxedReason}}<p class="hint">The developer's reason: “{{.UnsandboxedReason}}”</p>{{end}}{{end}}
  <div class="actions"><a class="btn small" href="{{.URL}}?from=web" download>Download {{.Version}} (.love)</a>{{if .Source}}<a class="btn small sec" href="{{.Source.URL}}">Source code</a>{{end}}</div>
  <p class="filemeta">{{size .Size}} ({{count .Size}} bytes)<br>SHA-256 <code class="sha">{{.SHA256}}</code></p>
 </div>{{end}}
 <h2 id="reviews">Reviews <span>{{.D.Reviews.Count}}</span></h2>
 {{if .User}}{{if .D.Own}}<p class="hint">You publish this app, so you cannot review it.</p>{{else}}
 <form class="box" method="post" action="/app/{{$a.ID}}/review">
  <input type="hidden" name="csrf" value="{{.CSRF}}"><input type="hidden" name="version" value="{{$l.Version}}">
  {{$mine := .D.Reviews.Mine}}
  <div class="pick">{{range reactions}}<label><input type="radio" name="rating" value="{{.}}" required{{if $mine}}{{if eq $mine.Rating .}} checked{{end}}{{end}}><span><i>{{emoji .}}</i>{{reactName .}}</span></label>{{end}}</div>
  <label for="body">(Optional) Write a review, up to 512 characters</label>
  <textarea id="body" name="body" maxlength="512">{{if $mine}}{{$mine.Body}}{{end}}</textarea>
  <div class="actions"><button class="btn">{{if $mine}}Change my review{{else}}Post review{{end}}</button>
  {{if $mine}}<button class="btn sec" formaction="/app/{{$a.ID}}/review/delete" formnovalidate>Delete my review</button>{{end}}</div>
 </form>{{end}}
 {{else}}<p><a href="/login?next=/app/{{$a.ID}}">Sign in</a> to react and review.</p>{{end}}
 {{$admin := and .User .User.Admin}}{{$csrf := .CSRF}}{{$id := $a.ID}}
 {{range .D.Reviews.Reviews}}<div class="review">
  <div class="meta"><span class="em" title="{{reactName .Rating}}">{{emoji .Rating}}</span><b>{{.Author}}</b><span>{{date .Date}}</span>{{if .Version}}<span>version {{.Version}}</span>{{end}}
  {{if $admin}}<form method="post" action="/admin/review/{{.ID}}/delete"><input type="hidden" name="csrf" value="{{$csrf}}"><input type="hidden" name="back" value="/app/{{$id}}"><button class="btn small danger">Delete review</button></form>{{end}}</div>
  {{if .Body}}<p>{{.Body}}</p>{{end}}
 </div>{{else}}<p class="empty">No reviews yet.</p>{{end}}
 <p>{{if gt .D.Skip 0}}<a href="/app/{{$a.ID}}?skip={{.D.Prev}}#reviews">Newer</a> {{end}}{{if .D.More}}<a href="/app/{{$a.ID}}?skip={{.D.Next}}#reviews">Older</a>{{end}}</p>
</div>
<aside>
 <h2>Info</h2>
 <table class="info">
  <tr><th>Publisher</th><td><a href="/publisher/{{path $a.Publisher}}">{{$a.Publisher}}</a></td></tr>
  {{if $a.Author}}<tr><th>Author</th><td>{{$a.Author}}</td></tr>{{end}}
  <tr><th>Version</th><td>{{$l.Version}}</td></tr>
  <tr><th>Updated</th><td>{{date $a.Updated}}</td></tr>
  <tr><th>Published</th><td>{{date $a.Published}}</td></tr>
  <tr><th>Licence</th><td>{{$a.Licence}}</td></tr>
  <tr><th>Download size</th><td>{{size $l.Size}}</td></tr>
  <tr><th>Installed size</th><td>{{size $l.InstalledSize}}</td></tr>
  <tr><th>Downloads</th><td>{{count $a.DownloadsTotal}}</td></tr>
  <tr><th>Downloads of {{$l.Version}}</th><td>{{count $a.DownloadsLatest}}</td></tr>
  <tr><th>Architecture</th><td>{{join $l.Arch ", "}}</td></tr>
  <tr><th>Sandbox</th><td>{{if eq $l.Sandbox "none"}}<span class="badge danger">⚠ {{unsandboxedWarning}}</span>{{if $l.UnsandboxedReason}}<br>{{$l.UnsandboxedReason}}{{end}}{{else if eq $l.Sandbox "account"}}<span class="badge note">{{accountNote}}</span>{{else}}Sandboxed (its own account, in a cell){{end}}</td></tr>
  <tr><th>Type</th><td>{{$a.Type}}</td></tr>
  <tr><th>Identity</th><td><code>{{$a.ID}}</code></td></tr>
  <tr><th>SHA-256</th><td><code>{{$l.SHA256}}</code></td></tr>
 </table>
 {{if or $a.SourceRepo $a.SupportURL $a.DonateURL $a.Homepage $l.Source}}<h2>Links</h2>
 <ul class="plain">
  {{if $l.Source}}<li><a href="{{$l.Source.URL}}">Source code ({{$l.Source.Format}})</a></li>{{end}}
  {{if $a.SourceRepo}}<li><a href="{{$a.SourceRepo}}" rel="noopener nofollow">Source repository</a></li>{{end}}
  {{if $a.SupportURL}}<li><a href="{{$a.SupportURL}}" rel="noopener nofollow">Support</a></li>{{end}}
  {{if $a.DonateURL}}<li><a href="{{$a.DonateURL}}" rel="noopener nofollow">Donate</a></li>{{end}}
  {{if $a.Homepage}}<li><a href="{{$a.Homepage}}" rel="noopener nofollow">Homepage</a></li>{{end}}
 </ul>{{end}}
 {{if $a.Keywords}}<h2>Keywords</h2><p>{{range $a.Keywords}}<a class="badge" href="/search?q={{query .}}">{{.}}</a> {{end}}</p>{{end}}
</aside>
</div>
{{end}}