{{define "app_instance"}}{{template "top" .}}
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
{{template "appnav" .}}
<p><a href="{{.InstanceListURL}}">Instances</a></p>
{{with .InstanceDetail}}
<h2 class="instance-address">{{.Row.Host}} <a class="instance-open" href="https://{{.Row.Host}}" aria-label="{{$.InstanceCopy.Open}} {{.Row.Host}}">{{icon "external-link"}}</a></h2>
<p><a href="{{$.Nav}}/apps/{{$.AppName}}/logs?host={{.Row.Host}}">Logs</a></p>
{{if .Row.Restartable}}<form method="post" action="{{$.Base}}/apps/{{$.AppName}}/instances/{{.Row.Host}}/restart">
  <input type="hidden" name="csrf" value="{{$.CSRF}}">
  <button type="submit" class="btn-sm">{{$.BrowserRestartCopy.Button}}</button>
</form>{{end}}
<dl class="instance-facts">
  <dt>Health</dt><dd>{{.Row.HealthWord}}</dd>
  <dt>{{$.InstanceCopy.LastReading}}</dt><dd>{{if .Row.Metrics.ObservedAt.IsZero}}—{{else}}<time title="{{fmtTime .Row.Metrics.ObservedAt}}">{{ago .Row.Metrics.ObservedAt}}</time>{{end}}</dd>
  <dt>Channel</dt><dd><code>{{.Row.Channel}}</code></dd>
  <dt>Layout</dt><dd>{{.Layout}}</dd>
  {{if .Rollout}}<dt>{{$.SwapCopy.Installed}}</dt><dd><code>{{.Rollout.Installed}}</code></dd>
  <dt>{{$.SwapCopy.Serving}}</dt><dd>{{if .Rollout.Serving}}<code>{{.Rollout.Serving}}</code>{{else}}—{{end}}</dd>
  {{if .HoldText}}<dt>{{$.SwapCopy.Hold}}</dt><dd>{{.HoldText}}</dd>{{end}}
  {{else}}<dt>{{$.InstanceCopy.Observed}}</dt><dd>{{if .Row.Version}}<code>{{.Row.Version}}</code>{{else}}—{{end}}</dd>{{end}}
  <dt>{{$.InstanceCopy.Target}}</dt><dd>{{if .TargetErr}}Can't tell right now{{else if .TargetVersion}}<code>{{.TargetVersion}}</code>{{else}}—{{end}}</dd>
  <dt>CPU</dt><dd>{{pct .Row.Metrics.CPUFrac}}{{if .Row.Metrics.SparkCPU}}<svg class="cellspark" aria-hidden="true" viewBox="0 0 240 40" preserveAspectRatio="none"><polyline fill="none" stroke="currentColor" points="{{.Row.Metrics.SparkCPU}}"/></svg>{{end}}</dd>
  <dt>Memory</dt><dd>{{bytesOrDash .Row.Metrics.MemBytes}}{{if .Row.Metrics.SparkMem}}<svg class="cellspark" aria-hidden="true" viewBox="0 0 240 40" preserveAspectRatio="none"><polyline fill="none" stroke="currentColor" points="{{.Row.Metrics.SparkMem}}"/></svg>{{end}}</dd>
  {{if .Aliases}}<dt>Web addresses</dt><dd>{{range .Aliases}}<div><a href="https://{{.}}">{{.}}</a></div>{{end}}</dd>{{end}}
</dl>
{{with .PromoteRetryText}}<p class="small">{{.}}</p>{{end}}
{{if .CanRetry}}<form method="post" action="{{$.Base}}/apps/{{$.AppName}}/instances/{{.Row.Host}}/retry">
  <input type="hidden" name="csrf" value="{{$.CSRF}}">
  <button type="submit" class="btn-sm">{{$.SwapCopy.RetryButton}}</button>
</form>{{end}}
{{with .RolloutNote}}<p class="small">{{.}}</p>{{end}}
{{if eq .Row.HealthWord "No readings"}}<p class="small">{{$.InstanceCopy.NoReadings}}</p>{{end}}
{{if eq .Row.HealthWord "Asleep"}}<p class="small">wakes on the next request</p>{{end}}
{{if and .Row.Version .TargetVersion (not .TargetErr) (ne .Row.Version .TargetVersion)}}<p class="small">{{$.InstanceCopy.PendingVersion}}</p>{{end}}
{{with .Updates}}
<section class="updates">
  <h3>{{$.UpdatesText "settings.page.heading"}}</h3>
  {{if .NamedUnit}}<p class="small">{{.NamedUnit}}</p>{{else}}
  {{if .NotEnforced}}<p class="banner warn">{{$.UpdatesText "settings.page.not-enforced"}}</p>{{end}}
  {{with .StatusLine}}<p class="small">{{.}}</p>{{end}}
  {{if .HasForm}}<form method="post" action="{{$.Base}}/apps/{{$.AppName}}/instances/{{$.InstanceDetail.Row.Host}}/updates">
  <input type="hidden" name="csrf" value="{{$.CSRF}}">
  <input type="hidden" name="form" value="updates">{{end}}
  <div>{{if .AutoLive}}<label><input type="checkbox" name="auto" value="1"{{if eq .UpdatesWord "auto"}} checked{{end}}> {{$.UpdatesText "settings.page.auto-label"}}</label><input type="hidden" name="was_auto" value="{{if eq .UpdatesWord "auto"}}1{{else}}0{{end}}">{{else}}{{$.UpdatesText "settings.page.auto-label"}}: <code>{{.UpdatesWord}}</code> <span class="small">{{$.UpdatesText "settings.page.kept"}}</span>{{end}}</div>
  <div>{{$.UpdatesText "settings.page.channel-label"}}: <code>{{.Channel}}</code>{{if .KeptChannel}} <span class="small">{{$.UpdatesText "settings.page.kept"}}</span>{{end}}
    <div class="small">{{$.UpdatesText "settings.page.channel-hint"}}</div></div>
  {{if .ShowMajor}}<div>{{if .MajorLive}}<label>{{$.UpdatesText "settings.page.major-label"}} <input type="number" min="0" name="major" value="{{.MajorInput}}"></label><input type="hidden" name="was_major" value="{{.MajorInput}}">{{with .MajorInherited}} <span class="small">{{.}}</span>{{end}}{{else}}{{$.UpdatesText "settings.page.major-label"}}: <code>{{.MajorShown}}</code> <span class="small">{{$.UpdatesText "settings.page.kept"}}</span>{{end}}</div>{{end}}
  <div>{{if .PinLive}}<label>{{$.UpdatesText "settings.page.pin-label"}} <input type="text" name="pin" value="{{.PinInput}}"></label><input type="hidden" name="was_pin" value="{{.PinInput}}">{{else}}{{$.UpdatesText "settings.page.pin-label"}}: <code>{{.PinShown}}</code> <span class="small">{{$.UpdatesText "settings.page.kept"}}</span>{{end}}</div>
  {{if .HasForm}}<button type="submit" class="btn-sm">{{$.UpdatesText "settings.page.save"}}</button>
  </form>
  {{if .Refusing}}<p class="small">{{$.UpdatesText "settings.page.refused-until-boxes"}}</p>{{end}}{{end}}
  <form method="post" action="{{$.Base}}/apps/{{$.AppName}}/instances/{{$.InstanceDetail.Row.Host}}/updates/install">
    <input type="hidden" name="csrf" value="{{$.CSRF}}">
    {{if .Owner}}<label><input type="checkbox" name="fast_track" value="1"> {{$.UpdatesText "settings.page.fast-track"}}</label>{{end}}
    <button type="submit" class="btn-sm">{{$.UpdatesText "settings.page.update-now"}}</button>
  </form>
  {{end}}
</section>
{{end}}
{{end}}
{{template "bottom" .}}{{end}}