<%- include('../partials/header', { title }) %>

<div class="admin-page-head">
  <div>
    <h2>Homepage Statistics</h2>
    <p style="color: var(--ink-300);">The animated counters shown in the hero section ($5B+, 150+, etc.)</p>
  </div>
</div>

<% stats.forEach(function(s) { %>
  <div class="admin-panel">
    <form action="/admin/settings/stats/<%= s.id %>" method="POST" class="field-row" style="align-items: end;">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
      <div class="field">
        <label>Label</label>
        <input name="label" type="text" value="<%= s.label %>" required />
      </div>
      <div class="field">
        <label>Prefix <span class="hint">(e.g. $)</span></label>
        <input name="valuePrefix" type="text" value="<%= s.value_prefix || '' %>" maxlength="10" />
      </div>
      <div class="field">
        <label>Value</label>
        <input name="valueNumeric" type="number" value="<%= s.value_numeric %>" required />
      </div>
      <div class="field">
        <label>Suffix <span class="hint">(e.g. B+)</span></label>
        <input name="valueSuffix" type="text" value="<%= s.value_suffix || '' %>" maxlength="10" />
      </div>
      <div class="field">
        <label>Sort order</label>
        <input name="sortOrder" type="number" value="<%= s.sort_order %>" />
      </div>
      <div class="field" style="margin-bottom: 1rem;">
        <button class="btn btn-primary btn-sm" type="submit">Save</button>
      </div>
    </form>
  </div>
<% }); %>

<%- include('../partials/footer') %>
