{{ define "home" }}
  {{ $stats := .Data }}
  <section class="hero">
    <div>
      <p class="eyebrow">Fast SSR banking demo</p>
      <h1>Transfer money by account number with real ledger rules.</h1>
      <p class="lede">Each new user receives a generated CZK account number and a 10 000,00 CZK signup bonus. Admins use a separate login and every privileged action is audited.</p>
      <div class="actions">
        <a class="button primary" href="/register">Create account</a>
        <a class="button secondary" href="/login">User login</a>
      </div>
    </div>
    <aside class="card stats-card">
      <h2>System snapshot</h2>
      <dl class="stats-grid">
        <div>
          <dt>Registered users</dt>
          <dd>{{ $stats.UserCount }}</dd>
        </div>
        <div>
          <dt>Transactions</dt>
          <dd>{{ $stats.TransactionCount }}</dd>
        </div>
      </dl>
      <ul class="clean-list">
        <li>Internal transfers by account number</li>
        <li>Separate admin authentication</li>
        <li>Signup bonus on registration</li>
        <li>Admin freeze, unfreeze, and adjustments</li>
      </ul>
    </aside>
  </section>
{{ end }}

{{ define "register" }}
  <section class="panel narrow">
    <h1>Create user account</h1>
    <p class="muted">Every signup gets a new account number and 10 000,00 CZK.</p>
    <form method="post" action="/register" class="stack-form">
      <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
      <label>Email<input type="email" name="email" required></label>
      <label>Username<input type="text" name="username" required></label>
      <label>Password<input type="password" name="password" minlength="8" required></label>
      <button class="button primary" type="submit">Create account</button>
    </form>
  </section>
{{ end }}

{{ define "login" }}
  <section class="panel narrow">
    <h1>User login</h1>
    <form method="post" action="/login" class="stack-form">
      <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
      <label>Email<input type="email" name="email" required></label>
      <label>Password<input type="password" name="password" required></label>
      <button class="button primary" type="submit">Sign in</button>
    </form>
  </section>
{{ end }}

{{ define "admin_login" }}
  <section class="panel narrow">
    <h1>Admin login</h1>
    <p class="muted">Separate authentication from customer accounts.</p>
    <form method="post" action="/admin/login" class="stack-form">
      <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
      <label>Email<input type="email" name="email" required></label>
      <label>Password<input type="password" name="password" required></label>
      <button class="button primary" type="submit">Admin sign in</button>
    </form>
  </section>
{{ end }}

{{ define "dashboard" }}
  {{ $page := .Data }}
  <section class="stack-section">
    <div class="card balance-card compact-balance-card">
      <p class="eyebrow">Current balance</p>
      <h1 class="balance-value">{{ money $page.User.BalanceMinor }}</h1>
      <p class="meta-line">Account number: <strong>{{ $page.User.AccountNumber }}</strong></p>
      <p class="meta-line">User: {{ $page.User.Username }}</p>
      <div class="actions">
        <a class="button primary" href="/app/transfer">Send money</a>
        <a class="button secondary" href="/app/transactions">Full history</a>
      </div>
    </div>
    <div class="card">
      <h2>Recent activity</h2>
      {{ template "transaction_table" $page.Transactions }}
    </div>
  </section>
{{ end }}

{{ define "leaderboard" }}
  {{ $page := .Data }}
  <section class="panel wide">
    <div class="toolbar">
      <div>
        <h1>Leaderboard</h1>
        <p class="muted">All active users ranked by current account balance.</p>
      </div>
      <div class="leaderboard-note">Ordered highest to lowest balance.</div>
    </div>
    <table class="table leaderboard-table">
      <thead><tr><th>#</th><th>User</th><th>Account</th><th>Balance</th></tr></thead>
      <tbody>
        {{ range $page.Entries }}
          <tr>
            <td><span class="rank-pill">{{ .Rank }}</span></td>
            <td>{{ .Username }}</td>
            <td>{{ .AccountNumber }}</td>
            <td>{{ money .BalanceMinor }}</td>
          </tr>
        {{ else }}
          <tr><td colspan="4" class="muted">No users available yet.</td></tr>
        {{ end }}
      </tbody>
    </table>
  </section>
{{ end }}

{{ define "transfer" }}
  <section class="panel medium">
    <h1>Send money</h1>
    <form method="post" action="/app/transfer" class="stack-form">
      <input type="hidden" name="csrf_token" value="{{ .CSRFToken }}">
      <label>Destination account number<input type="text" name="account_number" inputmode="numeric" required></label>
      <label>Amount in CZK<input type="text" name="amount" placeholder="250,00" required></label>
      <label>Reference note<input type="text" name="description" maxlength="120"></label>
      <button class="button primary" type="submit">Send transfer</button>
    </form>
  </section>
{{ end }}

{{ define "transactions" }}
  {{ $page := .Data }}
  <section class="panel wide">
    <h1>Transaction history</h1>
    {{ template "transaction_table" $page.Transactions }}
  </section>
{{ end }}

{{ define "admin_dashboard" }}
  {{ $page := .Data }}
  <section class="stack-section">
    <div class="stats-row">
      <article class="card stat-box"><span>Users</span><strong>{{ $page.Dashboard.UserCount }}</strong></article>
      <article class="card stat-box"><span>Accounts</span><strong>{{ $page.Dashboard.AccountCount }}</strong></article>
      <article class="card stat-box"><span>Transactions</span><strong>{{ $page.Dashboard.TransactionCount }}</strong></article>
      <article class="card stat-box"><span>Frozen users</span><strong>{{ $page.Dashboard.FrozenUserCount }}</strong></article>
    </div>
    <div class="card">
      <h2>Recent transactions</h2>
      {{ template "transaction_table" $page.Dashboard.RecentTransactions }}
    </div>
    <div class="card">
      <h2>Recent audit activity</h2>
      <div class="table-wrap">
        <table class="table">
          <thead><tr><th>When</th><th>Admin</th><th>Action</th><th>Target</th></tr></thead>
          <tbody>
            {{ range $page.Dashboard.RecentAuditActivity }}
              <tr><td>{{ dt .CreatedAt }}</td><td>{{ .AdminEmail }}</td><td>{{ .Action }}</td><td>{{ .TargetType }} / {{ .TargetID }}</td></tr>
            {{ else }}
              <tr><td colspan="4" class="muted">No audit activity yet.</td></tr>
            {{ end }}
          </tbody>
        </table>
      </div>
    </div>
  </section>
{{ end }}

{{ define "admin_users" }}
  {{ $page := .Data }}
  <section class="panel wide">
    <div class="toolbar">
      <div>
        <h1>Users</h1>
        <p class="muted">Search by email, username, or account number.</p>
      </div>
      <form method="get" action="/admin/users" class="search-form">
        <input type="text" name="q" value="{{ $page.Search }}" placeholder="Search users">
        <button class="button secondary" type="submit">Search</button>
      </form>
    </div>
    <div class="table-wrap">
      <table class="table">
        <thead><tr><th>User</th><th>Account</th><th>Status</th><th>Balance</th><th>Created</th></tr></thead>
        <tbody>
          {{ range $page.Users }}
            <tr>
              <td><a href="/admin/users/{{ .ID }}">{{ .Username }}</a><div class="subtle">{{ .Email }}</div></td>
              <td>{{ .AccountNumber }}</td>
              <td>{{ .Status }}</td>
              <td>{{ money .BalanceMinor }}</td>
              <td>{{ dt .CreatedAt }}</td>
            </tr>
          {{ else }}
            <tr><td colspan="5" class="muted">No users found.</td></tr>
          {{ end }}
        </tbody>
      </table>
    </div>
  </section>
{{ end }}

{{ define "admin_user_detail" }}
  {{ $page := .Data }}
  <section class="stack-section">
    <div class="page-grid">
      <div class="card">
        <h1>{{ $page.User.Username }}</h1>
        <p class="meta-line">{{ $page.User.Email }}</p>
        <p class="meta-line">Account number: <strong>{{ $page.User.AccountNumber }}</strong></p>
        <p class="meta-line">Balance: <strong>{{ money $page.User.BalanceMinor }}</strong></p>
        <p class="meta-line">Status: <strong>{{ $page.User.Status }}</strong></p>
        <div class="actions">
          {{ if eq $page.User.Status "active" }}
            <form method="post" action="/admin/users/{{ $page.User.ID }}/freeze" class="inline-form">
              <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
              <button class="button danger" type="submit">Freeze user</button>
            </form>
          {{ else }}
            <form method="post" action="/admin/users/{{ $page.User.ID }}/unfreeze" class="inline-form">
              <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
              <button class="button secondary" type="submit">Unfreeze user</button>
            </form>
          {{ end }}
        </div>
      </div>
      <div class="card">
        <h2>Adjust balance</h2>
        <form method="post" action="/admin/accounts/{{ $page.User.AccountID }}/adjust" class="stack-form">
          <input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
          <label>Direction
            <select name="direction">
              <option value="credit">Credit</option>
              <option value="debit">Debit</option>
            </select>
          </label>
          <label>Amount<input type="text" name="amount" placeholder="500,00" required></label>
          <label>Reason<input type="text" name="reason" maxlength="150" required></label>
          <button class="button primary" type="submit">Apply adjustment</button>
        </form>
      </div>
    </div>
    <div class="card">
      <h2>Recent transactions</h2>
      {{ template "transaction_table" $page.Transactions }}
    </div>
  </section>
{{ end }}

{{ define "admin_audit_logs" }}
  <section class="panel wide">
    <h1>Audit logs</h1>
    <div class="table-wrap">
      <table class="table">
        <thead><tr><th>When</th><th>Admin</th><th>Action</th><th>Target</th><th>Metadata</th></tr></thead>
        <tbody>
          {{ range .Data }}
            <tr>
              <td>{{ dt .CreatedAt }}</td>
              <td>{{ .AdminEmail }}</td>
              <td>{{ .Action }}</td>
              <td>{{ .TargetType }} / {{ .TargetID }}</td>
              <td><code>{{ .Metadata }}</code></td>
            </tr>
          {{ else }}
            <tr><td colspan="5" class="muted">No audit logs yet.</td></tr>
          {{ end }}
        </tbody>
      </table>
    </div>
  </section>
{{ end }}

{{ define "transaction_table" }}
  <div class="table-wrap">
    <table class="table transaction-table">
      <thead><tr><th>When</th><th>Type</th><th>Direction</th><th>Sender</th><th>Recipient</th><th>Amount</th><th>Description</th></tr></thead>
      <tbody>
        {{ range . }}
          <tr>
            <td>{{ dt .CreatedAt }}</td>
            <td>{{ .Type }}</td>
            <td>{{ .Direction }}</td>
            <td>{{ if .SenderAccount }}{{ .SenderAccount }}{{ else }}-{{ end }}</td>
            <td>{{ if .RecipientAccount }}{{ .RecipientAccount }}{{ else }}-{{ end }}</td>
            <td>{{ money .AmountMinor }}</td>
            <td>{{ .Description }}</td>
          </tr>
        {{ else }}
          <tr><td colspan="7" class="muted">No transactions yet.</td></tr>
        {{ end }}
      </tbody>
    </table>
  </div>
{{ end }}