{{define "fleetdetail"}}{{template "top" .}}
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
<div class="pagehead">
  <p class="eyebrow">Fleet · {{.Account.Name}}</p>
  <h1>{{.FleetDetail.Name}}</h1>
  <p class="lede">Your own boxes, dialling this console — and the apps placed on them.</p>
</div>
<p class="small">Data bucket <code>{{.FleetDetail.Bucket}}</code></p>

{{if .RotatedToken}}
<div class="banner">
  <p><strong>New token for {{.FleetDetail.Name}}/{{.RotatedLabel}}:</strong> <code>{{.RotatedToken}}</code></p>
  <p class="small">(shown once — the console does not store or re-show the plaintext)</p>
  <p class="small">ROTATION IS NOT REVOCATION: this refuses the box's NEXT dial-in with the OLD
  token, but does NOT evict a channel it already holds — a COMPROMISED box needs Detach, not
  another Rotate.</p>
</div>
{{end}}

<h2>Boxes</h2>
{{if .FleetBoxes}}
<div class="tablewrap">
<table>
  <tr>
    <th>Label</th><th>Status</th><th>Tags</th><th>Tunnel</th>
    <th>Memory free</th><th>Load</th><th>Disk free</th><th>Release</th>
    {{if .IsOwner}}<th></th>{{end}}
  </tr>
  {{range .FleetBoxes}}
  <tr>
    <td>{{.Label}}</td>
    <td>{{.Status}}</td>
    <td>{{range .Tags}}<span class="chip chip-env">{{.}}</span> {{end}}{{if not .Tags}}—{{end}}</td>
    {{if .Reachable}}
    <td>{{emptyOrDash .Tunnel}}</td>
    <td>{{if .Metrics}}{{bytesOrDash .Metrics.MemAvailBytes}} / {{bytesOrDash .Metrics.MemTotalBytes}}{{else}}—{{end}}</td>
    <td>{{if .Metrics}}{{loadOrDash .Metrics.Load1}}{{else}}—{{end}}</td>
    <td>{{if .Metrics}}{{bytesOrDash .Metrics.DiskFreeBytes}}{{else}}—{{end}}</td>
    <td>{{if .Metrics}}{{emptyOrDash .Metrics.Release}}{{else}}—{{end}}</td>
    {{else if .Age}}
    <td colspan="5"><span class="chip chip-down">unreachable</span> last heartbeat {{.Age}} ago</td>
    {{else}}
    <td colspan="5" class="small">no heartbeat yet — unreachable (age unknown)</td>
    {{end}}
    {{if $.IsOwner}}
    <td>
      <form method="post" action="{{$.Base}}/fleets/{{$.FleetDetail.Name}}/rotate">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="label" value="{{.Label}}">
        <button type="submit" class="linkish">Rotate token</button>
      </form>
      <form method="post" action="{{$.Base}}/fleets/{{$.FleetDetail.Name}}/detach">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="label" value="{{.Label}}">
        <button type="submit" class="linkish danger">Detach</button>
      </form>
      <form method="post" action="{{$.Base}}/fleets/{{$.FleetDetail.Name}}/tags">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="label" value="{{.Label}}">
        <input type="text" name="tags" value="{{join .Tags ","}}" size="14" placeholder="office,free">
        <button type="submit" class="linkish">Tag</button>
      </form>
    </td>
    {{end}}
  </tr>
  {{end}}
</table>
</div>
<p class="small">Rotating a token refuses that box's NEXT dial-in with the old credential but does
not evict a channel it already holds; a compromised box needs Detach instead.</p>
{{else}}<p class="small">No boxes registered to this fleet yet — add one with <code>carlos fleets add-box</code>.</p>{{end}}

<h2>Placed apps</h2>
{{if .FleetApps}}
<div class="tablewrap">
<table>
  <tr><th>App</th><th>Hosts</th></tr>
  {{range .FleetApps}}
  <tr>
    <td><a href="{{$.Nav}}/apps/{{.App}}">{{.App}}</a></td>
    <td>{{range .Hosts}}<code>{{.}}</code> {{end}}</td>
  </tr>
  {{end}}
</table>
</div>
{{else}}<p class="small">No apps placed on this fleet yet — <code>carlos apps place</code> sends one here.</p>{{end}}

{{if and .IsOwner .FleetPlaceableApps}}
<h3>Place an app here</h3>
<form method="post" action="{{.Base}}/fleets/{{.FleetDetail.Name}}/place" class="settings-row">
  <input type="hidden" name="csrf" value="{{.CSRF}}">
  <label class="visually-hidden" for="place-app">App to place on this fleet</label>
  <select id="place-app" name="app">
    {{range .FleetPlaceableApps}}<option value="{{.}}">{{.}}</option>{{end}}
  </select>
  <button type="submit" class="btn-sm">Move</button>
</form>
<p class="small">Moving changes where that app <em>serves</em>. Data does not move:
hibernated instance state stays in the old placement's bucket.</p>
{{end}}
{{template "bottom" .}}{{end}}