{% extends "ledger/base.html" %}
{% block title %}FX rates · tripsplit{% endblock %}
{% block content %}
<h1>FX rates</h1>
<p class="sub">Rates are always editable per expense. The stored table (EUR-based, ECB format) only suggests a default, so everything works offline. {{ count }} rates stored.</p>
<div class="grid">
<div class="card"><h2>Latest stored rate (per 1 EUR)</h2>
  <table>{% for cur, r in latest %}<tr><td>{{ cur }}</td><td class="num">{% if r %}{{ r.per_eur.normalize }} <span class="muted">{{ r.date|date:"j M Y" }}</span>{% else %}<span class="muted">none: enter manually</span>{% endif %}</td></tr>{% endfor %}</table></div>
<div class="card"><h2>Load rates</h2>
  <form method="post" class="field">{% csrf_token %}<input type="hidden" name="action" value="bundled"><button class="btn secondary" type="submit">Load bundled ECB-style table</button></form>
  <form method="post" class="field">{% csrf_token %}<input type="hidden" name="action" value="fetch"><button class="btn secondary" type="submit">Fetch from frankfurter.app (online)</button></form>
  <form method="post" enctype="multipart/form-data">{% csrf_token %}<input type="hidden" name="action" value="upload">
    <div class="field"><label>Upload CSV (Date,USD,INR,...)</label><input type="file" name="csv" accept=".csv"></div><button class="btn secondary" type="submit">Upload</button></form>
</div></div>
{% endblock %}