{% extends "base.html" %}

{% block title %}Admin: Comp codes - Makenot.work{% endblock %}
{% block body_attrs %} class="padded-page admin-page"{% endblock %}

{% block head %}
{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        {% include "partials/admin_nav.html" %}

        <h1 class="page-title">Comp codes</h1>

        <p class="text-sm dimmed">
            Mint a free-trial code redeemable at creator-tier checkout. No card is collected
            up front; after the trial the subscription rolls to the founder price only if the
            recipient opts in. Two patterns:
        </p>
        <ul class="text-sm dimmed">
            <li><strong>Unique code per creator</strong> — name it after the recipient (for
                example ALPHA-JAMIE) and set Max uses to 1. The status shows Unused until
                they redeem, then Redeemed.</li>
            <li><strong>Reusable code to share</strong> — leave Max uses blank. Anyone can
                redeem it, but each individual only once; the Uses count is the number of
                distinct people who have redeemed.</li>
        </ul>

        <div class="lottery-form">
            <form hx-post="/api/admin/comp-codes/create" hx-target="#comp-codes-table" hx-swap="innerHTML">
                <div class="form-group">
                    <label for="cc-code">Code (name after recipient)</label>
                    <input type="text" id="cc-code" name="code" placeholder="ALPHA-JAMIE" required>
                </div>
                <div class="form-group">
                    <label for="cc-trial-days">Trial days</label>
                    <input type="number" id="cc-trial-days" name="trial_days" min="1" max="3650" value="180">
                </div>
                <div class="form-group">
                    <label for="cc-max-uses">Max uses (blank for unlimited)</label>
                    <input type="number" id="cc-max-uses" name="max_uses" min="1" value="1">
                </div>
                <div class="form-group">
                    <label for="cc-expires">Expires in days (blank for never)</label>
                    <input type="number" id="cc-expires" name="expires_in_days" min="1">
                </div>
                <button type="submit" class="btn-primary">Mint code</button>
            </form>
        </div>

        <div id="comp-codes-table">
            {% include "partials/admin_comp_codes_entries.html" %}
        </div>
    </div>
{% endblock %}