| 1 |
<div style="max-width: 500px;"> |
| 2 |
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 1.5rem;"> |
| 3 |
<div class="form-group" style="margin-bottom: 0;"> |
| 4 |
<label style="font-size: 0.85rem;">Type</label> |
| 5 |
<select style="width: 100%;"> |
| 6 |
<option selected>Discount</option> |
| 7 |
<option>Free Access</option> |
| 8 |
<option>Free Trial</option> |
| 9 |
</select> |
| 10 |
</div> |
| 11 |
<div class="form-group" style="margin-bottom: 0;"> |
| 12 |
<label style="font-size: 0.85rem;">Code</label> |
| 13 |
<input type="text" value="LAUNCH50" style="text-transform: uppercase;"> |
| 14 |
</div> |
| 15 |
</div> |
| 16 |
|
| 17 |
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 1.5rem; margin-top: 0.75rem;"> |
| 18 |
<div class="form-group" style="margin-bottom: 0;"> |
| 19 |
<label style="font-size: 0.85rem;">Discount type</label> |
| 20 |
<select style="width: 100%;"> |
| 21 |
<option selected>Percentage</option> |
| 22 |
<option>Fixed ($)</option> |
| 23 |
</select> |
| 24 |
</div> |
| 25 |
<div class="form-group" style="margin-bottom: 0;"> |
| 26 |
<label style="font-size: 0.85rem;">Amount</label> |
| 27 |
<input type="text" value="50"> |
| 28 |
</div> |
| 29 |
</div> |
| 30 |
|
| 31 |
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 1.5rem; margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--border);"> |
| 32 |
<div class="form-group" style="margin-bottom: 0;"> |
| 33 |
<label style="font-size: 0.85rem;">Max uses</label> |
| 34 |
<input type="text" placeholder="Unlimited"> |
| 35 |
</div> |
| 36 |
<div class="form-group" style="margin-bottom: 0;"> |
| 37 |
<label style="font-size: 0.85rem;">Starts</label> |
| 38 |
<input type="text" value="2026-05-15"> |
| 39 |
</div> |
| 40 |
<div class="form-group" style="margin-bottom: 0;"> |
| 41 |
<label style="font-size: 0.85rem;">Expires</label> |
| 42 |
<input type="text" value="2026-06-15"> |
| 43 |
</div> |
| 44 |
<div class="form-group" style="margin-bottom: 0; grid-column: 1 / -1;"> |
| 45 |
<label style="font-size: 0.85rem;">Scope</label> |
| 46 |
<select style="width: 100%;"> |
| 47 |
<option selected>All items in project</option> |
| 48 |
<option>Liminality (album)</option> |
| 49 |
<option>Sample Library Vol. 1</option> |
| 50 |
</select> |
| 51 |
</div> |
| 52 |
</div> |
| 53 |
|
| 54 |
<div style="margin-top: 1rem;"> |
| 55 |
<button class="secondary">Create Code</button> |
| 56 |
</div> |
| 57 |
<p class="hint" style="margin-top: 0.5rem;">Percentage: 1-100. Fixed: dollar amount (e.g. 5 = $5.00 off). Free access codes auto-generate if code left blank.</p> |
| 58 |
</div> |
| 59 |
|