{{/* /fleet/economics/accounts (Task 14): every account, one row each,
     searchable and cursor-paginated (econlistquery.go: econAccountQuery/
     pageEconAccounts — instanceQuery/pageInstanceRows's shape, applied to
     economics.AccountEconomics instead of an InstanceRow). Columns are
     honest about what the census meters actually hold: app_months and
     instance_hours are month-fraction and hour-sum accumulators (see
     internal/usage.Meter*), never a literal "how many apps/instances right
     now" count, so the headers below say "app-months"/"instance-hours"
     rather than the design brief's shorthand "apps"/"instances" — the
     dashboard-truth rule (CLAUDE.md) that a total must never claim a
     precision the underlying meter doesn't have.

     Recompute: this page shares Task 13's knob drawer (define
     "econ_knob_drawer", economics.html) and its pure maths functions
     (define "econ_maths_js", same file) rather than re-deriving either —
     see economics.html's header comment for why splicing econ_maths_js
     into THIS page's own <script> IIFE keeps one scope. This page's own
     recompute() (below) is deliberately smaller than economics.html's: no
     tiles, no box table, no model-vs-bill, no pool-tile update (that lives
     only on /fleet/economics) — it only re-prices the account rows
     currently in the DOM (this page's one table, one page of up to
     50 accounts), via the same allocateBox/priceAccount over the FULL
     payload.boxLoads (a row's allocated cost depends on every box it
     touched, not just the rows on screen), plus the SAME tier-aware
     view-layer override economics.html's recompute() applies (Task 5/
     Task 6): payload.tiers is read, and a pool/try/""-tier row's revenue,
     margin and free-tier chip are overridden to pooled AFTER priceAccount
     runs, exactly matching buildEconomicsView's server-side override — a
     knob tweak must never flip a pooled row back to priced. The meter
     columns (CPU-h, GB-h, egress, storage) are raw readings, not
     knob-derived, so they never change under recompute; neither does the
     Tier column (Task 6) — an account's fleet-pool tier is an operator
     assignment via the per-row form below, not something a scenario knob
     can move. */}}
{{define "economics_accounts"}}{{template "top" .}}
<h1>Fleet economics: accounts</h1>
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
{{if .Economics.Warning}}<p class="banner error">{{icon "triangle-alert"}} {{.Economics.Warning}}</p>{{end}}
{{if .Economics.ScenarioWarning}}<p class="banner error">{{icon "triangle-alert"}} {{.Economics.ScenarioWarning}}</p>{{end}}

<p class="small">Generated {{fmtTime .Economics.GeneratedAt}} &middot; scenario <strong>{{.Economics.Scenario.Name}}</strong> ({{.Economics.Scenario.Mode}}) &middot; {{.Economics.CoveredDays}}/{{.Economics.PeriodDays}} days metered</p>

{{/* Period nav: switching period keeps the operator's search/filter
     (Q/Pos) — econPeriodURL — but drops any cursor, since a cursor resumes
     an account-name position computed against ONE period's row order and
     means nothing against another period's. */}}
<nav class="small" aria-label="Period">
  Period:
  <a href="{{econPeriodURL .EconQuery "mtd"}}"{{if eq .Economics.Period "mtd"}} aria-current="page"{{end}}>Month to date</a> &middot;
  <a href="{{econPeriodURL .EconQuery "last"}}"{{if eq .Economics.Period "last"}} aria-current="page"{{end}}>Last month</a> &middot;
  <a href="{{econPeriodURL .EconQuery "7d"}}"{{if eq .Economics.Period "7d"}} aria-current="page"{{end}}>Last 7 days</a>
</nav>
<p class="small"><a href="/fleet/economics">&larr; Back to the dashboard</a></p>

{{if or .EconAccounts.Rows .EconQuery.Q .EconQuery.Pos}}
{{/* The hidden period field only needs to exist for a non-default period:
     "mtd" is what an absent "period" param already means, matching
     econLinkURL/econPeriodURL's own "omit when mtd" rule — so a search
     submitted on the default period doesn't grow a redundant ?period=mtd
     into every subsequent link. */}}
<form method="get" class="listctl">
  <input type="search" name="q" value="{{.EconQuery.Q}}" placeholder="Filter accounts" aria-label="Filter accounts">
  {{if .EconQuery.Pos}}<input type="hidden" name="pos" value="{{.EconQuery.Pos}}">{{end}}
  {{if ne .EconQuery.Period "mtd"}}<input type="hidden" name="period" value="{{.EconQuery.Period}}">{{end}}
  <button>Filter</button>
</form>
<p class="small">
  <a href="{{.EconAccounts.AllURL}}"{{if not .EconQuery.Pos}} aria-current="true"{{end}}>All</a>
  {{range .EconAccounts.Links}}
  &middot; <a href="{{.Href}}"{{if .Active}} aria-current="true"{{end}}>{{.Word}} {{.Count}}</a>
  {{end}}
</p>
{{end}}

{{if .EconAccounts.Rows}}
<div class="tablewrap">
<table>
  <tr>
    <th scope="col">Account</th>
    <th scope="col">App-months</th>
    <th scope="col">Instance-hours</th>
    <th scope="col">CPU-h</th>
    <th scope="col">GB-h</th>
    <th scope="col">Egress GB</th>
    <th scope="col" title="the part of Egress GB that left its home box for a region edge first — the inter-region leg is a platform cost, absorbed, in no account's bill">Backhaul GB</th>
    <th scope="col">Storage GB-month</th>
    <th scope="col">Cost</th>
    <th scope="col">Would-be revenue</th>
    <th scope="col" title="Pooled rows (free-tier position &quot;pooled&quot;) show an em-dash: their revenue is shared through the fleet pool, not individually priced, so a margin fraction has nothing to divide. Fleet-tier rows can legitimately show 100%: fleet boxes are customer-owned hardware, zero cost to the platform, by design.">Margin</th>
    <th scope="col">Free tier</th>
    {{/* Tier (Task 6): the operator's fleet-pool ASSIGNMENT for this
         account (store.go's validAccountTiers), distinct from the Free
         tier column's PRICED POSITION — "pooled" over there can come from
         any of try/pool/"" here. */}}
    <th scope="col">Tier</th>
  </tr>
  {{range .EconAccounts.Rows}}
  {{$tier := index $.Economics.Tiers .Account}}
  {{/* tierKnown (fix round, Task 6 review IMPORTANT 2): "index" above
       can't distinguish "absent from the map entirely" (a usage-only
       account with NO console/accounts-table row — e.g. a fleet-only
       account whose owner never signed up) from "present with the
       explicit "" tier" (a real console account nobody has tiered yet) —
       both read $tier=="". Only the second case gets the tier-set form:
       POSTing the first's sqid to /fleet/economics/tier can only ever
       fail with "No such account." (handleEconomicsTierSave's
       AccountBySqid lookup). */}}
  {{$known := tierKnown $.Economics.Tiers .Account}}
  <tr data-account="{{.Account}}">
    {{/* Account-names batch: a known console name renders as the primary
         text with the sqid muted+small beside it — the ".small" class
         already IS the muted treatment (layout.html: font-size 0.9rem,
         color var(--muted); there is no separate ".muted" class anywhere in
         these templates, so this reuses ".small" rather than inventing
         one). A usage-only ghost row (no console account row at all, so
         .Name is "") or an explicitly empty name renders the bare sqid
         alone, exactly as before this batch. The row's data-account
         attribute above and every other field on this row (the tier form
         below) still key off .Account, the sqid — display only. */}}
    <td>{{if .Name}}{{.Name}} <span class="small">{{.Account}}</span>{{else}}{{.Account}}{{end}}</td>
    <td>{{printf "%.2f" (index .Meters "app_months")}}</td>
    <td>{{printf "%.2f" (index .Meters "instance_hours")}}</td>
    <td>{{printf "%.2f" (index .Meters "cpu_core_hours")}}</td>
    <td>{{printf "%.2f" (index .Meters "mem_gb_hours")}}</td>
    <td>{{printf "%.2f" (index .Meters "egress_gb")}}</td>
    <td>{{printf "%.2f" (index .Meters "backhaul_gb")}}</td>
    <td>{{printf "%.2f" (index .Meters "storage_gb_month")}}</td>
    <td class="js-acct-cost">{{usd .Econ.CostUSD}}</td>
    <td class="js-acct-revenue">{{usd .Econ.RevenueUSD}}</td>
    <td class="js-acct-margin">{{marginCell .Econ.MarginFrac .Econ.FreeTierPos}}</td>
    <td class="js-acct-freetier"><span class="chip chip-freetier-{{.Econ.FreeTierPos}}">{{.Econ.FreeTierPos}}</span></td>
    <td>
      <span class="chip chip-tier-{{tierWord $tier}}">{{tierWord $tier}}</span>
      {{if $known}}
      {{/* Progressive: a plain <select> + submit button, no JS required —
           the door (POST /fleet/economics/tier, handleEconomicsTierSave)
           already exists (Task 4/5). Only rendered for a REAL console
           account (see $known's doc comment above). */}}
      <form method="post" action="/fleet/economics/tier">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="account" value="{{.Account}}">
        <select name="tier">
          <option value=""{{if eq $tier ""}} selected{{end}}>unassigned</option>
          <option value="try"{{if eq $tier "try"}} selected{{end}}>try</option>
          <option value="pool"{{if eq $tier "pool"}} selected{{end}}>pool</option>
          <option value="hosted"{{if eq $tier "hosted"}} selected{{end}}>hosted</option>
          <option value="fleet"{{if eq $tier "fleet"}} selected{{end}}>fleet</option>
          <option value="dedicated"{{if eq $tier "dedicated"}} selected{{end}}>dedicated</option>
        </select>
        <button type="submit">Set</button>
      </form>
      {{end}}
    </td>
  </tr>
  {{end}}
</table>
</div>
<p class="small">App-months and instance-hours are accumulators, not live counts —
a fraction of a calendar month and a sum of hours run, the meters this platform
actually keeps. CPU-h/GB-h are box-side compute meters; egress and storage are
edge/S3 meters. Cost and would-be revenue are this account's own share plus its
allocated box cost, under the active scenario.</p>
{{/* MINOR 3 (fix round, Task 6 review): the Margin column's title=
     tooltip is invisible on touch/keyboard — this legend carries the
     same two notes visibly, for everyone. */}}
<p class="small">Margin: pooled rows show an em-dash — their revenue is shared through the fleet pool, not individually priced. Fleet-tier rows can legitimately show 100% margin — fleet boxes are customer-owned hardware, zero cost to the platform, by design.</p>
{{if .EconAccounts.NextURL}}<p class="small"><a href="{{.EconAccounts.NextURL}}">Next {{len .EconAccounts.Rows}} shown of {{.EconAccounts.Total}} &rarr;</a></p>{{end}}
{{else if or .EconQuery.Q .EconQuery.Pos}}
<p>No accounts match.</p>
{{else}}
<p class="small">No accounts to price this period.</p>
{{end}}

<div id="econ-live">
{{template "econ_knob_drawer" .}}
</div>

<script type="application/json" id="econ-data">{{.Economics.DataJSON}}</script>
<script>
(function () {
  "use strict";
  // Same source-order contract as economics.html's script: the payload
  // <script> tag above is parsed and in the DOM before this one runs.
  var dataEl = document.getElementById("econ-data");
  if (!dataEl) { return; }
  var payload;
  try { payload = JSON.parse(dataEl.textContent); } catch (e) { return; }

  {{template "econ_maths_js" .}}

  // recompute re-prices only the account rows THIS page rendered (its one
  // page of up to econAccountPageSize accounts) — allocateBox still runs
  // over the FULL payload.boxLoads/totalAllocated (a row's allocated cost
  // depends on every box it touched, not just the rows on screen), but the
  // DOM write-back is scoped to "[data-account]" rows actually present,
  // exactly like economics.html's account-row loop, minus the tiles/box
  // table/model-vs-bill sections this page doesn't render.
  function recompute() {
    var sc = readScenarioFromDOM(payload.scenario);
    setText("margin-multiple", marginMultiple(sc.margin));

    var totalAllocated = {};
    Object.keys(payload.boxLoads).forEach(function (box) {
      var alloc = allocateBox(sc.rate_card, sc.allocation, payload.boxLoads[box]);
      Object.keys(alloc.perAccount).forEach(function (acct) {
        totalAllocated[acct] = (totalAllocated[acct] || 0) + alloc.perAccount[acct];
      });
    });

    var tiers = payload.tiers || {};
    document.querySelectorAll("[data-account]").forEach(function (row) {
      var acct = row.getAttribute("data-account");
      var a = priceAccount(sc, acct, payload.meters[acct] || {}, totalAllocated[acct] || 0);
      // Tier-aware view-layer override (economics-v2 Task 5/Task 6), the
      // SAME override economics.html's recompute() applies — see this
      // page's header comment.
      if (isPoolTier(tierOf(tiers, acct))) {
        a.revenueUSD = 0;
        a.marginFrac = 0;
        a.freeTierPos = "pooled";
      }
      setCellText(row, ".js-acct-cost", usd(a.costUSD));
      setCellText(row, ".js-acct-revenue", usd(a.revenueUSD));
      setCellText(row, ".js-acct-margin", marginCell(a.marginFrac, a.freeTierPos));
      var chip = row.querySelector(".js-acct-freetier .chip");
      if (chip) {
        chip.textContent = a.freeTierPos;
        chip.className = "chip chip-freetier-" + a.freeTierPos;
      }
    });

    var field = document.getElementById("scenario-json-field");
    if (field) { field.value = JSON.stringify(sc); }
  }

  var live = document.getElementById("econ-live");
  if (live) {
    live.addEventListener("input", recompute);
    live.addEventListener("change", recompute);
  }
})();
</script>
{{template "bottom" .}}{{end}}