{{define "content"}}
<section class="panel">
  <h2>Base Currency</h2>
  <p class="status">All values are shown in <strong>{{.BaseCurrency}}</strong>.</p>
  <form method="post" action="/settings/base-currency" class="form">
    <label>Base Currency
      <input type="text" name="base_currency" list="currency-options" value="{{.BaseCurrency}}" maxlength="3" required>
    </label>
    <datalist id="currency-options">
      <option value="GBP"><option value="USD"><option value="EUR"><option value="JPY">
      <option value="CHF"><option value="CAD"><option value="AUD">
    </datalist>
    <button type="submit">Save</button>
  </form>
  <p class="hint">Prices convert to this currency using Kraken's own FX crosses, refreshed on the same cycle as prices.</p>
</section>

<section class="panel">
  <h2>Kraken Connection</h2>
  {{if .HasCredentials}}
  <p class="status ok">Connected &mdash; credentials encrypted at rest.</p>
  {{else}}
  <p class="status">Not connected.</p>
  {{end}}
  <form method="post" action="/settings/credentials" class="form">
    <label>API Key <input type="text" name="api_key" autocomplete="off" placeholder="{{if .HasCredentials}}leave blank to keep current{{else}}Kraken API key{{end}}"></label>
    <label>API Secret <input type="password" name="api_secret" autocomplete="off" placeholder="{{if .HasCredentials}}leave blank to keep current{{else}}Kraken API secret{{end}}"></label>
    <button type="submit">Save</button>
  </form>
  <p class="hint">Use a Kraken API key with only "Query Funds" and "Query Closed Orders &amp; Trades" permissions &mdash; no withdrawal or trading rights are needed for read-only monitoring.</p>
</section>

<section class="panel">
  <h2>Add a Ledger Entry</h2>
  <form method="post" action="/settings/purchase" class="form grid">
    <label>Type
      <select name="entry_type">
        <option value="buy">Buy</option>
        <option value="sell">Sell</option>
        <option value="deposit">Deposit</option>
        <option value="withdrawal">Withdrawal</option>
      </select>
    </label>
    <label>Currency <input type="text" name="currency" placeholder="BTC" required></label>
    <label>Kraken Pair <input type="text" name="pair" placeholder="XBTUSD" required></label>
    <label>Amount <input type="text" name="amount" placeholder="0.5" required></label>
    <label>Price (buy/sell only) <input type="text" name="price" placeholder="42000"></label>
    <label>Fee <input type="text" name="fee" placeholder="0"></label>
    <label>Date <input type="date" name="occurred_at" required></label>
    <button type="submit">Add Entry</button>
  </form>
  <p class="hint">The pair must be a market Kraken lists (used to fetch price data), even for a crypto deposit/withdrawal or a coin bought elsewhere. Price is only needed for buy/sell. Leave Pair blank for a real-money (GBP/USD/EUR) deposit or withdrawal — that shows on the Transfers tab instead.</p>
</section>

<section class="panel">
  <h2>Visible Currencies</h2>
  {{if .Currencies}}
  <ul class="toggle-list">
    {{range .Currencies}}
    <li>
      <span>{{.Name}}</span>
      <form method="post" action="/settings/hidden">
        <input type="hidden" name="currency" value="{{.Name}}">
        <input type="hidden" name="hidden" value="{{if .Hidden}}0{{else}}1{{end}}">
        <button type="submit" class="toggle {{if .Hidden}}is-hidden{{end}}">{{if .Hidden}}Hidden &mdash; show{{else}}Visible &mdash; hide{{end}}</button>
      </form>
    </li>
    {{end}}
  </ul>
  {{else}}
  <p class="empty">No currencies tracked yet.</p>
  {{end}}
</section>
{{end}}