{{/* /fleet/architecture (archpage.go): the deployment's map — how a request
     reaches a process, drawn over the estate the account is carrying.

     Everything here is server-rendered: the diagram is inline SVG built in
     Go (archlayout.go's RenderArchSVG) so the picture is deterministic and
     testable as a whole, and the page works with JS off because there is no
     JS. Every block below is independently guarded — the inventory, the
     boxes, the resource tables and the failed-reads footer each appear only
     when their own read produced something, so one bad read costs its own
     section and never the page. */}}
{{define "architecture"}}{{template "top" .}}
<h1>Architecture</h1>
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
{{/* The page's only control, at the top with the inventory timestamp it acts
     on. It used to sit below every resource table, several thousand pixels
     from the line telling you the inventory was stale (discussion #9).
     Outside the {{with .Arch}} below on purpose: a page that could not read
     an inventory is exactly the page whose refresh button has to still be
     there. */}}
<form method="post" action="/fleet/architecture/refresh">
  <input type="hidden" name="csrf" value="{{.CSRF}}">
  <button type="submit">Refresh inventory</button>
</form>
{{/* A firing alarm, said where the reader already is. The marks ride the
     nodes they watch, which is right, but that put them off to the right of
     a drawing wider than the window and left the Alarms table thousands of
     pixels below — so the page could know something was on fire and show
     nothing above the fold. Spans both estates: the reader wants to know
     something is firing, not which half of the page to look in. */}}
{{with .Arch}}{{if .Firing}}
<p class="banner error">{{icon "triangle-alert"}}
  {{len .Firing}} alarm{{if ne (len .Firing) 1}}s{{end}} firing:
  {{range $i, $a := .Firing}}{{if $i}}, {{end}}{{$a}}{{end}}
</p>
{{end}}{{end}}
{{with .Arch}}
{{/* The three missing states are named apart, never collapsed into one
     "nothing here": never-taken, ungranted and unreadable are three
     different facts about the deployment and only one of them is normal. */}}
{{if .Missing}}
<p class="banner">{{icon "triangle-alert"}}
  {{if eq .Missing "never"}}No inventory has been taken yet — the first pass runs within the hour. The boxes below are what CARLOS itself reports.
  {{else if eq .Missing "ungranted"}}This deployment has no infrastructure read grant, so the cloud half of this page is unavailable. The boxes below are what CARLOS itself reports.
  {{else}}The inventory snapshot could not be read. The boxes below are what CARLOS itself reports.{{end}}
</p>
{{else}}
<p class="small">Estate {{.Account}} &middot; inventoried {{fmtTime .TakenAt}}</p>
{{end}}

{{/* Two estates, one above the other, never one picture with a line
     through it. The account holds a CARLOS deployment and, very often,
     whatever was already there — Tito's own account carries a Kubernetes
     estate CARLOS deliberately sits beside so it can reach the legacy
     database. Drawn together that is one unreadable graph; drawn apart it
     is two readable ones.

     NOTHING IS FILTERED. Every node and every resource on the old single
     page is still here, under one of the two headings — the split groups,
     it does not hide (archestate.go). */}}
<h2>CARLOS</h2>
{{/* One picture per region, stacked down the page. Region is the
     STRUCTURE here, not a word on a card: a box is the only thing on this
     diagram that is really in a region, and everything else is drawn in the
     band of the box it reaches (archregion.go). That is also what keeps
     each picture inside the 64rem column — a band is at most four nodes
     wide — so this page scrolls down and never across. */}}
{{range .CARLOS.Bands}}
<h4 class="archband">{{.Label}}</h4>
<div class="archwrap">{{.SVG}}</div>
{{end}}

<h3>Boxes</h3>
{{range .Boxes}}
<section class="archbox">
  <h4>{{.Label}}{{if .Region}} <span class="small">{{.Region}}</span>{{end}}</h4>
  {{/* Each fact is its own span and the separators are drawn by CSS
       (.fact + .fact::before), because every one of these is independently
       absent — a deployment with no rate card entry has no size and no
       price, and a hand-written separator would leave a dangling middot on
       the commonest page of all. */}}
  <p class="small">
    {{if .InstanceType}}<span class="fact">{{.InstanceType}}</span>{{end}}
    {{if .State}}<span class="fact">{{.State}}</span>{{end}}
    {{if .Cores}}<span class="fact">{{printf "%.0f" .Cores}} cores</span>{{end}}
    {{if .MemGB}}<span class="fact">{{printf "%.0f" .MemGB}} GB</span>{{end}}
    {{if .DiscoveredDiskGB}}<span class="fact">{{printf "%.0f" .DiscoveredDiskGB}} GB disk</span>{{end}}
    {{if .USDMonth}}<span class="fact">${{printf "%.0f" .USDMonth}}/mo</span>{{end}}
    {{if not .CloudID}}<span class="fact">no cloud machine (bring-your-own box)</span>{{end}}
  </p>
  <p class="small">Apps: {{if .Apps}}{{range .Apps}}<code>{{.}}</code> {{end}}{{else}}none reported{{end}}</p>
  {{/* The counts come from the fleet aggregate and nowhere else, so a box
       that read never described has NO counts — printing three zeroes here
       would state a read that never happened, beside an awake/asleep that
       correctly says it does not know. */}}
  <p class="small">
    {{if .CountsKnown}}static {{.Static}} &middot; resident {{.Resident}} &middot; hibernating {{.Hibernating}} &middot;
    awake {{intOrDash .Awake}} &middot; asleep {{intOrDash .Asleep}}
    {{else}}counts unknown{{end}}
    {{with .Release}}&middot; <code>{{.}}</code>{{end}}
  </p>
  {{if .Stale}}<p><span class="chip chip-stale">dark{{if .Dark}} {{.Dark}}{{end}}</span></p>{{end}}
  {{/* Drift is where the rate card and the estate disagree — a fact to
       watch, not an outage, so it wears chip-stale's bordered warn tone
       rather than a filled marker. */}}
  {{range .Drift}}<p><span class="chip chip-stale">{{.}}</span></p>{{end}}
</section>
{{else}}
{{/* An empty box list has two causes and they are not the same fact: no box
     has reported, or the read that would have listed them failed. Saying the
     first when the second happened is the confident negative claim this page
     exists to avoid — so the handler carries which one it is. */}}
{{if $.ArchBoxesUnread}}<p>The box list could not be read — this is not a claim that the deployment has no boxes.</p>
{{else}}<p>No box has reported to this deployment yet.</p>{{end}}
{{end}}

{{range .CARLOS.Groups}}
<h3>{{.Title}}</h3>
{{template "archtable" .}}
{{end}}

{{/* The second bank is named for what is TRUE of it in every deployment,
     not for what it happens to be here. This console serves every CARLOS
     estate; "legacy" describes Tito's Kubernetes cluster and would be
     wrong, and unexplained, on the next account. */}}
<h2>Also in this account</h2>
<p class="small">Everything else the account is carrying. The console has no
first-hand knowledge of these — it can see them, and it cannot trace a path
to any of them from a box it runs or the bucket it deploys from.</p>
{{/* One picture per region, stacked down the page. Region is the
     STRUCTURE here, not a word on a card: a box is the only thing on this
     diagram that is really in a region, and everything else is drawn in the
     band of the box it reaches (archregion.go). That is also what keeps
     each picture inside the 64rem column — a band is at most four nodes
     wide — so this page scrolls down and never across. */}}
{{range .Rest.Bands}}
<h4 class="archband">{{.Label}}</h4>
<div class="archwrap">{{.SVG}}</div>
{{end}}
{{range .Rest.Groups}}
<h3>{{.Title}}</h3>
{{template "archtable" .}}
{{end}}

{{/* The inventory's own partial-read list: which service or region the
     estate read could not see. A page that quietly dropped these would be
     claiming the estate is smaller than it is. */}}
{{if .Partial}}
<h2>Reads that failed</h2>
<ul class="small">{{range .Partial}}<li>{{.}}</li>{{end}}</ul>
{{end}}
{{end}}

{{template "bottom" .}}{{end}}

{{/* One resource table, rendered identically in both banks — the two halves
     of this page differ in what they contain and in nothing else. */}}
{{define "archtable"}}<div class="tablewrap"><table>
  <tr><th>Name</th><th>Type</th><th>Region</th><th>Detail</th></tr>
  {{range .Rows}}<tr><td>{{.Name}}</td><td><code>{{.NativeType}}</code></td><td>{{.Region}}</td><td class="small">{{.Detail}}</td></tr>{{end}}
</table></div>{{end}}