asxpio/views/admin/invoices/new.erb

<div class="header">
    <h1>New invoice</h1>
    <p class="tagline"><a href="/admin/invoices">← all invoices</a></p>
</div>

<% if @form_errors && !@form_errors.empty? %>
    <div class="form-error-base">
        <% @form_errors.each_value do |msg| %>
            <div><%= msg %></div>
        <% end %>
    </div>
<% end %>

<section class="section">
    <form class="invoice-form" method="post" action="/admin/invoices" autocomplete="off">
        <input type="hidden" name="authenticity_token" value="<%= csrf_token %>" />

        <h2>Client</h2>
        <div class="field">
            <label for="client_name">Name</label>
            <input type="text" id="client_name" name="client_name" value="<%= @form_values[:client_name] %>" required maxlength="200" />
        </div>
        <div class="field">
            <label for="client_email">Email</label>
            <input type="email" id="client_email" name="client_email" value="<%= @form_values[:client_email] %>" required maxlength="200" />
        </div>
        <div class="field">
            <label for="client_address">Address <span class="optional">(optional, free text)</span></label>
            <textarea id="client_address" name="client_address" rows="3" maxlength="500"><%= @form_values[:client_address] %></textarea>
        </div>

        <h2>Terms</h2>
        <div class="invoice-grid">
            <div class="field">
                <label for="issued_on">Issued</label>
                <input type="date" id="issued_on" name="issued_on" value="<%= @form_values[:issued_on] || Date.today.strftime('%Y-%m-%d') %>" required />
            </div>
            <div class="field">
                <label for="due_on">Due</label>
                <input type="date" id="due_on" name="due_on" value="<%= @form_values[:due_on] || (Date.today + 14).strftime('%Y-%m-%d') %>" required />
            </div>
            <div class="field">
                <label for="currency">Currency</label>
                <select id="currency" name="currency">
                    <% Invoice::CURRENCIES.each do |c| %>
                        <option value="<%= c %>" <%= 'selected' if (@form_values[:currency] || 'EUR') == c %>><%= c %></option>
                    <% end %>
                </select>
            </div>
            <div class="field">
                <label for="gel_rate">GEL rate (GEL per 1 <span id="gel-rate-ccy">unit</span>)</label>
                <input type="text" id="gel_rate" name="gel_rate" value="<%= @form_values[:gel_rate] %>" placeholder="2.9500" inputmode="decimal" required />
                <button type="button" id="fetch-gel-rate" class="link-button">↻ Fetch official (NBG)</button>
                <span id="gel-rate-status" class="optional"></span>
            </div>
        </div>

        <h2>Line items</h2>
        <table class="items-table" id="items-table">
            <thead>
                <tr>
                    <th>Description</th>
                    <th class="num">Qty</th>
                    <th class="num">Unit price</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <% (@form_values[:items] || [{'description' => '', 'qty' => '', 'unit_price' => ''}]).each_with_index do |item, i| %>
                    <tr class="item-row">
                        <td><input type="text" name="items[<%= i %>][description]" value="<%= item['description'] %>" placeholder="DevOps engineering, May 2026" maxlength="300" /></td>
                        <td class="num"><input type="text" name="items[<%= i %>][qty]" value="<%= item['qty'] %>" placeholder="1" inputmode="decimal" /></td>
                        <td class="num"><input type="text" name="items[<%= i %>][unit_price]" value="<%= item['unit_price'] %>" placeholder="0.00" inputmode="decimal" /></td>
                        <td class="actions"><button type="button" class="remove-row" aria-label="Remove">×</button></td>
                    </tr>
                <% end %>
            </tbody>
        </table>
        <button type="button" id="add-row" class="link-button">+ add line</button>

        <div class="field">
            <label for="notes">Notes <span class="optional">(optional)</span></label>
            <textarea id="notes" name="notes" rows="3" maxlength="1000"><%= @form_values[:notes] %></textarea>
        </div>

        <h2>Crypto payment <span class="optional">(optional)</span></h2>
        <p class="optional" style="margin-top:-6px;">Choose a payout address to add a crypto block and QR to the invoice.</p>
        <% payouts = PayoutAddress.active_list %>
        <div class="field">
            <label for="payout_id">Payout address <span class="optional">(<a href="/admin/invoices/payout-addresses">manage</a>)</span></label>
            <select id="payout_id" name="payout_id">
                <option value="" data-coin="">— no crypto payment —</option>
                <% payouts.each do |p| %>
                    <option value="<%= p.id %>" data-coin="<%= p.coin %>" data-rate="<%= p.coingecko ? '1' : '' %>" <%= 'selected' if @form_values[:payout_id].to_s == p.id.to_s %>><%= p.option_label %></option>
                <% end %>
            </select>
            <% if @form_errors && @form_errors[:payout_id] %><span class="form-error"><%= @form_errors[:payout_id] %></span><% end %>
        </div>
        <div class="invoice-grid" id="crypto-fields" <%= 'hidden' if @form_values[:payout_id].to_s.empty? %>>
            <div class="field">
                <label for="crypto_rate">Rate (1 <span id="crypto-rate-coin">coin</span> in <span id="crypto-rate-ccy">currency</span>)</label>
                <input type="text" id="crypto_rate" name="crypto_rate" value="<%= @form_values[:crypto_rate] %>"
                       placeholder="e.g. 85.20" inputmode="decimal" />
                <button type="button" id="fetch-crypto-rate" class="link-button">↻ Fetch live</button>
                <span id="crypto-rate-status" class="optional"></span>
            </div>
            <div class="field">
                <label for="crypto_amount">Amount due <span class="optional">(auto from rate; editable)</span></label>
                <input type="text" id="crypto_amount" name="crypto_amount" value="<%= @form_values[:crypto_amount] %>"
                       placeholder="auto" inputmode="decimal" />
            </div>
        </div>

        <button type="submit" class="download-button">Create invoice</button>
    </form>
</section>

<script src="/admin-invoice-form.js"></script>