{% extends "admin_base.html" %}
{% block extra_head %}
{{ super() }}
<link rel="stylesheet" href="{{ static_url('/static/css/gateway.css') }}">
{% endblock %}
{% block admin_content %}
<div class="admin-toolbar">
    <h2>{{ "Edit quota rule" if is_edit else "Add quota rule" }}</h2>
    <a class="admin-btn admin-btn-sm" href="/admin/gateway?tab=quota">&larr; Back to quota rules</a>
</div>

{% if error %}
<p class="gw-error" role="alert">{{ error }}</p>
{% endif %}

<form method="post" action="{{ '/admin/gateway/quota-rules/' + uid + '/edit' if is_edit else '/admin/gateway/quota-rules/new' }}" class="gw-page-form" role="group" aria-label="{{ 'Edit quota rule' if is_edit else 'Add quota rule' }}">
    <fieldset class="gw-fieldset">
        <legend>Scope</legend>
        <p class="gw-section-hint">At least one of role, user, or app reference is required. Leaving a dimension blank makes it a wildcard, pooling spend across everyone matching the remaining dimensions.</p>
        <div class="gw-field-grid">
            <div class="gw-field">
                <label for="gw-quota-owner-kind">Role</label>
                <select id="gw-quota-owner-kind" name="owner_kind">
                    <option value="" {% if not form.owner_kind %}selected{% endif %}>any</option>
                    <option value="user" {% if form.owner_kind == "user" %}selected{% endif %}>member</option>
                    <option value="admin" {% if form.owner_kind == "admin" %}selected{% endif %}>admin</option>
                    <option value="anonymous" {% if form.owner_kind == "anonymous" %}selected{% endif %}>guest (unauthenticated)</option>
                    <option value="internal" {% if form.owner_kind == "internal" %}selected{% endif %}>internal (DevPlace's own services)</option>
                    <option value="key" {% if form.owner_kind == "key" %}selected{% endif %}>static access key</option>
                </select>
            </div>
            <div class="gw-field">
                <label for="gw-quota-owner-id">Specific user uid</label>
                <input type="text" id="gw-quota-owner-id" name="owner_id" placeholder="(optional) exact uid, blank = any" value="{{ form.owner_id }}">
            </div>
            <div class="gw-field">
                <label for="gw-quota-app-reference">App reference</label>
                <input type="text" id="gw-quota-app-reference" name="app_reference" placeholder="(optional) devplace-bots-v-1-0-0, blank = any" value="{{ form.app_reference }}">
            </div>
        </div>
    </fieldset>

    <fieldset class="gw-fieldset">
        <legend>Limit</legend>
        <div class="gw-field-grid">
            <div class="gw-field">
                <label for="gw-quota-limit">Limit / 24h ($)</label>
                <input type="number" id="gw-quota-limit" name="limit_usd" min="0" step="0.01" value="{{ form.limit_usd }}" title="0 = unlimited">
            </div>
            <div class="gw-field">
                <label for="gw-quota-active">Active</label>
                <select id="gw-quota-active" name="is_active">
                    <option value="1" {% if form.is_active == "1" %}selected{% endif %}>Yes</option>
                    <option value="0" {% if form.is_active == "0" %}selected{% endif %}>No</option>
                </select>
            </div>
            <div class="gw-field">
                <label for="gw-quota-label">Label</label>
                <input type="text" id="gw-quota-label" name="label" placeholder="(optional) admin note" maxlength="200" value="{{ form.label }}">
            </div>
        </div>
    </fieldset>

    <div class="gw-page-actions">
        <button type="submit" class="admin-btn admin-btn-primary">{{ "Save quota rule" if is_edit else "Add quota rule" }}</button>
        <a class="admin-btn admin-btn-sm" href="/admin/gateway?tab=quota">Cancel</a>
    </div>
</form>
{% endblock %}