{{define "app_overview"}}{{template "top" .}}
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
{{template "appnav" .}}
{{template "accountreviewbanner" .}}
{{with .Overview}}
<section class="pagehead" aria-label="App status">
  <p><span class="chip chip-health-{{.Verdict}}">{{.VerdictLabel}}</span></p>
  <h2>{{$.StatusCopy.ObservedLabel}}</h2>
  {{if not .Deployment.HasRoutes}}
  <p>{{$.StatusCopy.NoInstances}}</p>
  {{else if not .Deployment.HasReportable}}
  <p>—</p>
  {{else if not .Deployment.HasReportedVersion}}
  <p>{{$.StatusCopy.NoVersion}}</p>
  {{else}}
  <p>{{.Deployment.ReportingText}}</p>
  <ul>{{range .Deployment.Versions}}<li><code>{{.Version}}</code></li>{{end}}</ul>
  {{if .Deployment.UnknownCount}}<p>{{$.StatusCopy.Partial}}</p>{{end}}
  {{end}}
</section>
{{end}}
{{template "flow" .}}
{{with .Overview}}
<section class="tiles stat-tiles" aria-label="Vital statistics">
  {{/* "Running" answers health, not headcount: the count this tile used to
       show was byte-for-byte the Web addresses count beside it, under a name
       ("Machines") that also implied one computer per row when several rows
       routinely share a box. */}}
  <a class="tile" href="{{$.Nav}}/apps/{{$.AppName}}/instances">
    <h2>Running</h2>
    <p class="tile-value">{{if eq .InstanceTotal 0}}—{{else if eq .InstanceExpected 0}}Served{{else if .MetricsUnavailable}}?{{else if eq .InstanceCounted 0}}?{{else}}{{.InstanceReporting}} of {{.InstanceCounted}}{{end}}</p>
    <p class="tile-detail">{{if eq .InstanceTotal 0}}nothing running yet{{else if eq .InstanceExpected 0}}static — the platform serves it, nothing to run{{else if .MetricsUnavailable}}no data right now{{else if eq .InstanceCounted 0}}no readings for {{.InstanceNoReadings}} copies — stamp their units to see health{{else}}copies reporting{{if .InstanceAsleep}} · {{.InstanceAsleep}} asleep{{end}}{{if .InstanceNoReadings}} · {{.InstanceNoReadings}} no readings{{end}}{{end}}</p>
  </a>
  <a class="tile" href="{{$.Nav}}/apps/{{$.AppName}}/instances">
    <h2>Resources</h2>
    <p class="tile-value">{{pct .CPUSum}} · {{bytesOrDash .MemSum}}</p>
    <p class="tile-detail">{{if .CPUSum}}CPU · memory, from the copies responding{{else if .MetricsUnavailable}}no data right now{{else}}no recent data{{end}}</p>
  </a>
  {{/* Sizes come from the routes, not the metrics sweep: a sleeping copy's
       database is still on disk. Hidden for apps that run nothing. */}}
  {{if or .DBSizeSum .InstanceExpected}}
  <a class="tile" href="{{$.Nav}}/apps/{{$.AppName}}/instances">
    <h2>Database</h2>
    <p class="tile-value">{{bytesOrDash .DBSizeSum}}</p>
    <p class="tile-detail">{{if .DBSizeSum}}on disk, including copies that are asleep{{else}}no size reported yet{{end}}</p>
  </a>
  {{end}}
  <a class="tile" href="{{$.Nav}}/apps/{{$.AppName}}/settings/domains">
    <h2>Web addresses</h2>
    <p class="tile-value">{{.DomainTotal}}</p>
    <p class="tile-detail">{{if eq .DomainTotal 0}}one appears after your first deploy{{else if .DomainAttention}}<span class="error">{{.DomainAttention}} need{{if eq .DomainAttention 1}}s{{end}} attention</span>{{else}}DNS &amp; certs OK{{end}}</p>
  </a>
  <a class="tile" href="{{$.Nav}}/apps/{{$.AppName}}/releases">
    <h2>{{$.DeploymentsCopy.History}}</h2>
    <p class="tile-value">{{.ReleaseCount}}{{if .ReleasesCapped}}+{{end}}</p>
    <p class="tile-detail">{{if .LatestVersion}}latest <code>{{.LatestVersion}}</code>{{else}}nothing shipped yet{{end}}</p>
  </a>
</section>
{{end}}
{{/* The legacy safety-delay flag: legacy-path-only, exactly as ladder.html
     skips this same block in pipeline mode. A pipelined app's bake story is
     its own per-channel windows (spec §3) — this global on/off line would
     dangle or actively mislead once ladder.html stopped offering the
     control it points at. */}}
{{if not .Detail.Pipeline}}
{{with .Detail.Production}}
{{if .Err}}
<p class="small error">Safety delay: this app's setting can't be read right now, so the delay stays on. Repair it on the <a href="{{$.Nav}}/apps/{{$.AppName}}/releases">{{$.DeploymentsCopy.History}}</a> tab.</p>
{{else if .On}}
<p class="small">Safety delay: <strong>on</strong> — new versions wait before going live. Managed on <a href="{{$.Nav}}/apps/{{$.AppName}}/releases">{{$.DeploymentsCopy.History}}</a>.</p>
{{else if .TurningOff}}
<p class="small">Safety delay: <strong>turning off</strong> — in effect until ~{{fmtTime .EffectiveAt}}.</p>
{{else}}
<p class="small">Safety delay: off — new versions go live as soon as they're promoted.{{if .Nudge}} {{icon "triangle-alert"}} This app looks like it's serving real users — consider turning it on, on <a href="{{$.Nav}}/apps/{{$.AppName}}/releases">{{$.DeploymentsCopy.History}}</a>.{{end}}</p>
{{end}}
{{end}}
{{end}}
{{template "pending" .}}
{{if .Events}}
<h2>Recent activity</h2>
<ul class="feed">
  {{range .Events}}
  <li><span class="small" title="{{fmtTime .CreatedAt}}">{{ago .CreatedAt}}</span> {{.Address}} — {{.Detail}}</li>
  {{end}}
</ul>
<p class="small"><a href="{{.Nav}}/apps/{{.AppName}}/activity">All activity</a></p>
{{end}}
{{if not .CanPromote}}<p class="small">Deploys are unavailable on this console — it has no signing key.</p>{{end}}
{{template "bottom" .}}{{end}}