verae-edge-billing/admin/sales-rates.html

49 lines
1.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Sales channel rates — Verae</title>
<style>
:root { font-family: system-ui, sans-serif; color: #0f172a; }
body { margin: 1.5rem; max-width: 1100px; }
h1 { font-size: 1.25rem; }
.note { background: #eef2ff; padding: .75rem 1rem; border-radius: 8px; margin: 1rem 0; }
label { display: inline-block; margin-right: 1rem; }
select, input[type=number] { padding: .35rem .5rem; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { border: 1px solid #cbd5e1; padding: .4rem .55rem; text-align: left; }
th { background: #f1f5f9; }
input.sku { width: 5.5rem; }
button { margin-top: 1rem; padding: .5rem 1rem; cursor: pointer; }
.ok { color: #047857; }
.err { color: #b91c1c; }
a { color: #3730a3; }
</style>
</head>
<body>
<p><a href="/admin/">← Admin</a></p>
<h1>Sales: Zapier · MCP · API rates</h1>
<p class="note">
<strong>Segment</strong> sets credit rates per billing channel.
<strong>Tier</strong> (free/pro/business) only sets included stamps/GB — edit that under Pricing.
Ledger unit is <strong>credits</strong>.
</p>
<div>
<label>Channel
<select id="channel"></select>
</label>
<label>Segment
<select id="segment"></select>
</label>
<label>Overage × <input id="overage" type="number" step="0.05" min="0" class="sku" /></label>
<label>Prepaid overage × <input id="prepaid" type="number" step="0.05" min="0" class="sku" /></label>
</div>
<table>
<thead><tr><th>SKU</th><th>Credits</th></tr></thead>
<tbody id="rows"></tbody>
</table>
<button id="save" type="button">Save channel × segment</button>
<p id="status"></p>
<script src="/admin/sales-rates.js"></script>
</body>
</html>