388 lines
15 KiB
Text
388 lines
15 KiB
Text
{{ 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 "lottery" }}
|
|
{{ $page := .Data }}
|
|
<section class="stack-section">
|
|
<div class="page-grid lottery-grid">
|
|
<div class="card lottery-hero">
|
|
<p class="eyebrow">Hourly pool</p>
|
|
<h1 class="lottery-title">Deposit into the pool and wait for the next draw.</h1>
|
|
<p class="lede">Each deposit joins the active round. When the draw deadline passes, the full pool is credited to one randomly selected ticket holder.</p>
|
|
<div class="lottery-stat-row">
|
|
<article class="lottery-stat">
|
|
<span>Your balance</span>
|
|
<strong>{{ money $page.User.BalanceMinor }}</strong>
|
|
</article>
|
|
<article class="lottery-stat">
|
|
<span>Current pool</span>
|
|
<strong>{{ if $page.Lottery.ActiveRound }}{{ money $page.Lottery.ActiveRound.PoolMinor }}{{ else }}0,00 CZK{{ end }}</strong>
|
|
</article>
|
|
</div>
|
|
{{ if $page.LastPayout }}
|
|
<div class="lottery-banner">
|
|
Latest draw paid <strong>{{ money $page.LastPayout.PoolMinor }}</strong> to <strong>{{ $page.LastPayout.WinnerUsername }}</strong>.
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h2>Join the round</h2>
|
|
<form method="post" action="/app/lottery/deposit" class="stack-form">
|
|
<input type="hidden" name="csrf_token" value="{{ $.CSRFToken }}">
|
|
<label>Amount in CZK<input type="text" name="amount" placeholder="100,00" required></label>
|
|
<button class="button primary" type="submit">Deposit to lottery</button>
|
|
</form>
|
|
<p class="muted lottery-note">Each deposit creates one ticket. More deposits mean more chances in the same hourly round.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-grid lottery-grid">
|
|
<div class="card">
|
|
<h2>Active round</h2>
|
|
{{ if $page.Lottery.ActiveRound }}
|
|
<dl class="stats-grid lottery-stats-grid">
|
|
<div>
|
|
<dt>Draw at</dt>
|
|
<dd>{{ dt $page.Lottery.ActiveRound.DrawAt }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Participants</dt>
|
|
<dd>{{ $page.Lottery.ActiveRound.ParticipantCount }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Total tickets</dt>
|
|
<dd>{{ $page.Lottery.ActiveRound.TicketCount }}</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Your tickets</dt>
|
|
<dd>{{ $page.Lottery.ActiveRound.UserTicketCount }}</dd>
|
|
</div>
|
|
</dl>
|
|
<p class="meta-line">Your current contribution: <strong>{{ money $page.Lottery.ActiveRound.UserContributionMinor }}</strong></p>
|
|
{{ else }}
|
|
<p class="muted">No active round yet. The first deposit starts the next one-hour lottery window.</p>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h2>Recent winners</h2>
|
|
<div class="table-wrap">
|
|
<table class="table">
|
|
<thead><tr><th>When</th><th>Winner</th><th>Pool</th><th>Tickets</th></tr></thead>
|
|
<tbody>
|
|
{{ range $page.Lottery.RecentPayouts }}
|
|
<tr>
|
|
<td>{{ dt .CompletedAt }}</td>
|
|
<td>{{ .WinnerUsername }}<div class="subtle">{{ .WinnerAccount }}</div></td>
|
|
<td>{{ money .PoolMinor }}</td>
|
|
<td>{{ .TicketCount }}</td>
|
|
</tr>
|
|
{{ else }}
|
|
<tr><td colspan="4" class="muted">No lottery winners yet.</td></tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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 }}
|