{{define "ladder"}}
{{if $.Detail.Pipeline}}
<h2>Pipeline</h2>
<p class="small">Every version moves through these channels in order — the first is where
<code>carlos deploy</code> lands. Promoting moves it one step up; whatever follows that step
picks it up. Each channel's own rules, not a fixed name, decide what it takes to get there.</p>
{{else}}
<h2>The ladder</h2>
<p class="small">Every version climbs the same steps — canary (test) → edge → beta → stable (live).
Promoting moves it one step up; whatever follows that step picks it up.</p>
{{with .Detail.Production}}
<div class="bake">
  {{if .Err}}
  <p class="small error">Safety delay: this app's setting can't be read right now, so the delay stays on.
    {{if $.CanPromote}}
    <form method="post" action="{{$.Base}}/apps/{{$.Detail.App}}/production" class="inline">
      <input type="hidden" name="csrf" value="{{$.CSRF}}">
      <input type="hidden" name="production" value="on">
      <button type="submit" class="linkish">Set it again</button>
    </form>
    — writes a fresh signed flag over the unreadable one.
    {{end}}
  </p>
  {{else if .On}}
  <p class="small">Safety delay: <strong>on</strong> — new versions wait ~24h on beta and ~72h on live before they go live.
    {{if and $.CanPromote $.IsOwner}}
    <form method="post" action="{{$.Base}}/apps/{{$.Detail.App}}/production" class="inline">
      <input type="hidden" name="csrf" value="{{$.CSRF}}">
      <input type="hidden" name="production" value="off">
      <button type="submit" class="linkish">Turn off</button>
    </form>
    <span class="small">Turning it off asks for your passkey and takes effect after ~72h.</span>
    {{end}}
  </p>
  {{else if .TurningOff}}
  <p class="small">Safety delay: <strong>turning off</strong> — in effect until ~{{fmtTime .EffectiveAt}}.
    {{if $.CanPromote}}
    <form method="post" action="{{$.Base}}/apps/{{$.Detail.App}}/production" class="inline">
      <input type="hidden" name="csrf" value="{{$.CSRF}}">
      <input type="hidden" name="production" value="on">
      <button type="submit" class="linkish">Turn back on</button>
    </form>
    {{end}}
  </p>
  {{else}}
  <p class="small">Safety delay: off — new versions go live as soon as they're promoted.
    {{if $.CanPromote}}
    <form method="post" action="{{$.Base}}/apps/{{$.Detail.App}}/production" class="inline">
      <input type="hidden" name="csrf" value="{{$.CSRF}}">
      <input type="hidden" name="production" value="on">
      <button type="submit" class="linkish">Turn on</button>
    </form>
    {{end}}
  </p>
  {{end}}
  {{if .Nudge}}
  <p class="small nudge">{{icon "triangle-alert"}} This app looks like it's serving real users but new versions go live immediately — consider turning the safety delay on.</p>
  {{end}}
</div>
{{end}}
{{end}}
<ol class="ladder">
  {{range .Detail.Ladder}}
  <li class="rung" id="rung-{{.Rung}}">
    <p class="rung-name">{{.Rung}}</p>
    {{if .Channels}}
      {{range .Channels}}
      <div class="rung-channel">
        {{if .Err}}
        <p class="error"><code>{{.Channel}}</code> — {{.Err}}</p>
        {{else}}
        <p><code>{{.Channel}}</code> holds <code>{{.Version}}</code>
          <span class="small" title="{{fmtTime .PromotedAt}}">promoted {{ago .PromotedAt}}{{if .Actor}} by {{.Actor}}{{end}}</span>
          {{if .Hotfix}}<span class="chip chip-stale">{{icon "zap"}} published directly — skipped the pipeline</span>{{end}}
          {{if .FastTrack}}<span class="chip chip-stale">{{icon "fast-forward"}} delay skipped</span>{{end}}</p>
        {{if and (not .BakedUntil.IsZero) $.CanPromote $.IsOwner}}
        <form method="post" action="{{$.Base}}/apps/{{$.Detail.App}}/fasttrack" class="inline">
          <input type="hidden" name="csrf" value="{{$.CSRF}}">
          <input type="hidden" name="channel" value="{{.Channel}}">
          <button type="submit" class="btn-sm btn-danger">Skip the delay for {{.Version}}</button>
        </form>
        <span class="small">goes live {{until .BakedUntil}}</span>
        {{end}}
        {{end}}
        {{if .Routes}}
        <ul class="routes">
          {{range .Routes}}
          <li><a href="https://{{.Host}}">{{.Host}}</a>
            <span class="chip chip-env">{{icon "layers"}} {{if .Environment}}{{.Environment}}{{else}}default{{end}}</span>
            {{if .ProdWired}}<span class="chip chip-prod">{{icon "triangle-alert"}} canary in front of everybody</span>
            {{else if .Canary}}<span class="chip chip-canary">{{icon "flask-conical"}} canary</span>{{end}}
            {{if .Expired}}<span class="chip chip-expired">{{icon "hourglass"}} expired {{.ExpiredFor}}</span>{{end}}
            {{if .Caps}}<span class="small">granted: {{.Caps}}</span>{{end}}
          </li>
          {{end}}
        </ul>
        {{else}}
        <p class="small">Nothing follows this channel yet.</p>
        {{end}}
      </div>
      {{end}}
    {{else}}
    <p class="small">Nothing on {{.Rung}}.</p>
    {{end}}
    <p class="small gate">{{.Gate}}</p>
    {{if .Up}}
    <div class="step">
      {{icon "arrow-down"}}
      {{if and .Up.Version $.CanPromote (or $.Detail.Pipeline $.IsOwner)}}
      <form method="post" action="{{$.Base}}/apps/{{$.Detail.App}}/promote">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="channel" value="{{.Up.To}}">
        <input type="hidden" name="version" value="{{.Up.Version}}">
        <button type="submit" class="btn-sm">Promote {{.Up.Version}} to {{.Up.To}}</button>
      </form>
      {{else if .Up.Note}}
      <span class="small">{{.Up.Note}}</span>
      {{else}}
      <span class="small">Only an account owner can promote to {{.Up.To}}.</span>
      {{end}}
    </div>
    {{end}}
  </li>
  {{end}}
</ol>
{{end}}