From 4593dd1f66ea37f232551d411981a2493786b0c3 Mon Sep 17 00:00:00 2001
From: cclohmar <claus.lohmar@lohmar.co.uk>
Date: Mon, 1 Jun 2026 23:14:16 +0000
Subject: [PATCH] refactor: replace currency dropdowns with simple text inputs

- Currency ISO3 dropdowns replaced with <input type="text" maxlength="3">
- Users can type any currency code (KES, USD, EUR, etc.)
- No need to maintain a long list of currencies
- Exchange rate is user-defined so validation is unnecessary
- All currency inputs have text-transform: uppercase for consistency
---
 templates/dashboard.html    | 32 ++++++++++++--------------------
 templates/receipt_form.html | 28 ++--------------------------
 2 files changed, 14 insertions(+), 46 deletions(-)

diff --git a/templates/dashboard.html b/templates/dashboard.html
index c536c07..f1d0b83 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -32,17 +32,11 @@
                         <div class="form-group">
                             <input type="text" id="name" name="name" placeholder="Event name, e.g. WebSummit 2026" required>
                         </div>
-                        <div class="form-group">
-                            <select id="base_currency" name="base_currency" required>
-                                <option value="EUR">EUR - Euro</option>
-                                <option value="USD" selected>USD - US Dollar</option>
-                                <option value="GBP">GBP - British Pound</option>
-                                <option value="KES">KES - Kenyan Shilling</option>
-                                <option value="CHF">CHF - Swiss Franc</option>
-                                <option value="SEK">SEK - Swedish Krona</option>
-                                <option value="NOK">NOK - Norwegian Krone</option>
-                                <option value="PLN">PLN - Polish Zloty</option>
-                            </select>
+                        <div class="form-row">
+                            <div class="form-group">
+                                <label class="form-label">Claim Currency</label>
+                                <input type="text" id="base_currency" name="base_currency" value="USD" placeholder="USD, EUR, KES…" required maxlength="3" style="text-transform: uppercase;">
+                            </div>
                         </div>
                         <div style="background: #064e3b; border: 1px solid #065f46; border-radius: 0.5rem; padding: 0.75rem; margin-bottom: 0.5rem;">
                             <div style="font-size: 0.8rem; font-weight: 600; color: #6ee7b7; margin-bottom: 0.5rem;">Conversion Sample</div>
@@ -51,19 +45,17 @@
                             </p>
                             <div class="form-row">
                                 <div class="form-group">
-                                    <input type="number" id="sample_receipt_amount" name="sample_receipt_amount" step="0.01" min="0.01" placeholder="Receipt amount" required>
+                                    <label class="form-label">Receipt Amount</label>
+                                    <input type="number" id="sample_receipt_amount" name="sample_receipt_amount" step="0.01" min="0.01" placeholder="e.g. 1000" required>
                                 </div>
-                                <div class="form-group" style="flex: 0 0 100px;">
-                                    <select id="sample_receipt_currency" name="sample_receipt_currency" required>
-                                        <option value="KES" selected>KES</option>
-                                        <option value="USD">USD</option>
-                                        <option value="EUR">EUR</option>
-                                        <option value="GBP">GBP</option>
-                                    </select>
+                                <div class="form-group" style="flex: 0 0 110px;">
+                                    <label class="form-label">Currency</label>
+                                    <input type="text" id="sample_receipt_currency" name="sample_receipt_currency" value="KES" placeholder="KES" required maxlength="3" style="text-transform: uppercase;">
                                 </div>
                             </div>
                             <div class="form-group">
-                                <input type="number" id="sample_claim_amount" name="sample_claim_amount" step="0.01" min="0.01" placeholder="What you were charged" required>
+                                <label class="form-label">What you were charged (claim currency)</label>
+                                <input type="number" id="sample_claim_amount" name="sample_claim_amount" step="0.01" min="0.01" placeholder="e.g. 7.73" required>
                             </div>
                         </div>
                         <button type="submit" class="btn btn-primary btn-block">Create Event</button>
diff --git a/templates/receipt_form.html b/templates/receipt_form.html
index 05f82ce..7d35417 100644
--- a/templates/receipt_form.html
+++ b/templates/receipt_form.html
@@ -33,32 +33,8 @@
                 </div>
                 <div class="form-group">
                     <label for="currency">Currency *</label>
-                    <select id="currency" name="currency" required>
-                        <option value="">Select</option>
-                        <option value="KES" {{if eq .Currency "KES"}}selected{{end}}>KES - Kenyan Shilling</option>
-                        <option value="USD" {{if eq .Currency "USD"}}selected{{end}}>USD - US Dollar</option>
-                        <option value="EUR" {{if eq .Currency "EUR"}}selected{{end}}>EUR - Euro</option>
-                        <option value="GBP" {{if eq .Currency "GBP"}}selected{{end}}>GBP - British Pound</option>
-                        <option value="JPY" {{if eq .Currency "JPY"}}selected{{end}}>JPY - Japanese Yen</option>
-                        <option value="CHF" {{if eq .Currency "CHF"}}selected{{end}}>CHF - Swiss Franc</option>
-                        <option value="SEK" {{if eq .Currency "SEK"}}selected{{end}}>SEK - Swedish Krona</option>
-                        <option value="NOK" {{if eq .Currency "NOK"}}selected{{end}}>NOK - Norwegian Krone</option>
-                        <option value="DKK" {{if eq .Currency "DKK"}}selected{{end}}>DKK - Danish Krone</option>
-                        <option value="PLN" {{if eq .Currency "PLN"}}selected{{end}}>PLN - Polish Zloty</option>
-                        <option value="CZK" {{if eq .Currency "CZK"}}selected{{end}}>CZK - Czech Koruna</option>
-                        <option value="HUF" {{if eq .Currency "HUF"}}selected{{end}}>HUF - Hungarian Forint</option>
-                        <option value="RON" {{if eq .Currency "RON"}}selected{{end}}>RON - Romanian Leu</option>
-                        <option value="ZAR" {{if eq .Currency "ZAR"}}selected{{end}}>ZAR - South African Rand</option>
-                        <option value="NGN" {{if eq .Currency "NGN"}}selected{{end}}>NGN - Nigerian Naira</option>
-                        <option value="EGP" {{if eq .Currency "EGP"}}selected{{end}}>EGP - Egyptian Pound</option>
-                        <option value="TZS" {{if eq .Currency "TZS"}}selected{{end}}>TZS - Tanzanian Shilling</option>
-                        <option value="UGX" {{if eq .Currency "UGX"}}selected{{end}}>UGX - Ugandan Shilling</option>
-                        <option value="RWF" {{if eq .Currency "RWF"}}selected{{end}}>RWF - Rwandan Franc</option>
-                        <option value="AED" {{if eq .Currency "AED"}}selected{{end}}>AED - UAE Dirham</option>
-                        <option value="CNY" {{if eq .Currency "CNY"}}selected{{end}}>CNY - Chinese Yuan</option>
-                        <option value="INR" {{if eq .Currency "INR"}}selected{{end}}>INR - Indian Rupee</option>
-                        <option value="BRL" {{if eq .Currency "BRL"}}selected{{end}}>BRL - Brazilian Real</option>
-                    </select>
+                    <input type="text" id="currency" name="currency" placeholder="KES, USD, EUR…"
+                           value="{{.Currency}}" required maxlength="3" style="text-transform: uppercase;">
                 </div>
             </div>