===== operator.plan-ladder.tier.add unbound



<form id="form-operator.plan-ladder.tier.add" data-form="operator.plan-ladder.tier.add" data-form-kind="sub-record" class="app-form app-form-dense" novalidate hx-post="/partials/operator/plan-ladders/{ladderID}/tiers" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder.tier.add-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="row g-2 align-items-start app-form-dense-row">
        <div id="form-operator.plan-ladder.tier.add-product_id" class="col-12 col-xl-4 app-form-field">
    
    
<label class="form-label form-label-sm" for="form-operator.plan-ladder.tier.add-product_id-control">Product</label>

    <select class="form-select form-select-sm" id="form-operator.plan-ladder.tier.add-product_id-control" name="product_id" required aria-describedby="form-operator.plan-ladder.tier.add-product_id-warning" hx-get="/partials/operator/products/rule-check" hx-swap="innerHTML" hx-target="#form-operator\.plan-ladder\.tier\.add-product_id-warning" hx-trigger="change">
    <option value="" disabled selected>Choose one</option>
    <option value="a">Alpha</option>
    <option value="b">Beta</option>
    
</select>
    
    <div id="form-operator.plan-ladder.tier.add-product_id-warning"></div>
    
    
    
    
</div>
        <div class="col-auto app-form-commit app-form-unlabeled">

<button type="submit" class="btn btn-primary btn-sm"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Add tier</button>


<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#tierAddPanel">Cancel</button>


</div>
    </div>
    
</form>



===== operator.plan-ladder.tier.add unbound edit side



<form id="form-operator.plan-ladder.tier.add" data-form="operator.plan-ladder.tier.add" data-form-kind="sub-record" class="app-form app-form-dense" novalidate hx-post="/partials/operator/plan-ladders/{ladderID}/tiers" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder.tier.add-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="row g-2 align-items-start app-form-dense-row">
        <div id="form-operator.plan-ladder.tier.add-product_id" class="col-12 col-xl-4 app-form-field">
    
    
<label class="form-label form-label-sm" for="form-operator.plan-ladder.tier.add-product_id-control">Product</label>

    <select class="form-select form-select-sm" id="form-operator.plan-ladder.tier.add-product_id-control" name="product_id" required aria-describedby="form-operator.plan-ladder.tier.add-product_id-warning" hx-get="/partials/operator/products/rule-check" hx-swap="innerHTML" hx-target="#form-operator\.plan-ladder\.tier\.add-product_id-warning" hx-trigger="change">
    <option value="" disabled selected>Choose one</option>
    <option value="a">Alpha</option>
    <option value="b">Beta</option>
    
</select>
    
    <div id="form-operator.plan-ladder.tier.add-product_id-warning"></div>
    
    
    
    
</div>
        <div class="col-auto app-form-commit app-form-unlabeled">

<button type="submit" class="btn btn-primary btn-sm"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Add tier</button>


</div>
    </div>
    
</form>



===== operator.plan-ladder.tier.add create side



<form id="form-operator.plan-ladder.tier.add" data-form="operator.plan-ladder.tier.add" data-form-kind="sub-record" class="app-form app-form-dense" novalidate hx-post="/partials/operator/plan-ladders/{ladderID}/tiers" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder.tier.add-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="row g-2 align-items-start app-form-dense-row">
        <div id="form-operator.plan-ladder.tier.add-product_id" class="col-12 col-xl-4 app-form-field">
    
    
<label class="form-label form-label-sm" for="form-operator.plan-ladder.tier.add-product_id-control">Product</label>

    <select class="form-select form-select-sm" id="form-operator.plan-ladder.tier.add-product_id-control" name="product_id" required aria-describedby="form-operator.plan-ladder.tier.add-product_id-warning" hx-get="/partials/operator/products/rule-check" hx-swap="innerHTML" hx-target="#form-operator\.plan-ladder\.tier\.add-product_id-warning" hx-trigger="change">
    <option value="" disabled selected>Choose one</option>
    <option value="a">Alpha</option>
    <option value="b">Beta</option>
    
</select>
    
    <div id="form-operator.plan-ladder.tier.add-product_id-warning"></div>
    
    
    
    
</div>
        <div class="col-auto app-form-commit app-form-unlabeled">

<button type="submit" class="btn btn-primary btn-sm"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Add tier</button>


<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#tierAddPanel">Cancel</button>


</div>
    </div>
    
</form>



===== operator.plan-ladder.tier.add unbound with values



<form id="form-operator.plan-ladder.tier.add" data-form="operator.plan-ladder.tier.add" data-form-kind="sub-record" class="app-form app-form-dense" novalidate hx-post="/partials/operator/plan-ladders/{ladderID}/tiers" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder.tier.add-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="row g-2 align-items-start app-form-dense-row">
        <div id="form-operator.plan-ladder.tier.add-product_id" class="col-12 col-xl-4 app-form-field">
    
    
<label class="form-label form-label-sm" for="form-operator.plan-ladder.tier.add-product_id-control">Product</label>

    <select class="form-select form-select-sm" id="form-operator.plan-ladder.tier.add-product_id-control" name="product_id" required aria-describedby="form-operator.plan-ladder.tier.add-product_id-warning" hx-get="/partials/operator/products/rule-check" hx-swap="innerHTML" hx-target="#form-operator\.plan-ladder\.tier\.add-product_id-warning" hx-trigger="change">
    <option value="" disabled selected>Choose one</option>
    <option value="a">Alpha</option>
    <option value="b">Beta</option>
    
</select>
    
    <div id="form-operator.plan-ladder.tier.add-product_id-warning"></div>
    
    
    
    
</div>
        <div class="col-auto app-form-commit app-form-unlabeled">

<button type="submit" class="btn btn-primary btn-sm"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Add tier</button>


<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#tierAddPanel">Cancel</button>


</div>
    </div>
    
</form>



===== operator.plan-ladder.tier.add record



<form id="form-operator.plan-ladder.tier.add-i1" data-form="operator.plan-ladder.tier.add" data-form-kind="sub-record" class="app-form app-form-dense" novalidate hx-post="/partials/operator/plan-ladders/{ladderID}/tiers" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder.tier.add-i1-error" class="app-form-error" role="alert"></div>
    
<div class="app-form-message mb-2"><p>msg</p></div>

    
    
    <div class="row g-2 align-items-start app-form-dense-row">
        <div id="form-operator.plan-ladder.tier.add-i1-product_id" class="col-12 col-xl-4 app-form-field">
    
    
<label class="form-label form-label-sm" for="form-operator.plan-ladder.tier.add-i1-product_id-control">Product</label>

    <select class="form-select form-select-sm" id="form-operator.plan-ladder.tier.add-i1-product_id-control" name="product_id" required aria-describedby="form-operator.plan-ladder.tier.add-i1-product_id-warning" hx-get="/partials/operator/products/rule-check" hx-swap="innerHTML" hx-target="#form-operator\.plan-ladder\.tier\.add-product_id-warning" hx-trigger="change">
    <option value="" disabled>Choose one</option>
    <option value="a" selected>Alpha</option>
    <option value="b">Beta</option>
    
</select>
    
    <div id="form-operator.plan-ladder.tier.add-i1-product_id-warning"></div>
    
    
    
    
</div>
        <div class="col-auto app-form-commit app-form-unlabeled">

<button type="submit" class="btn btn-primary btn-sm"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Add tier</button>


<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#tierAddPanel">Cancel</button>


</div>
    </div>
    
</form>



===== operator.plan-ladder.tier.add refused [product_id]



<form id="form-operator.plan-ladder.tier.add" data-form="operator.plan-ladder.tier.add" data-form-kind="sub-record" class="app-form app-form-dense" novalidate hx-post="/partials/operator/plan-ladders/{ladderID}/tiers" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder.tier.add-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="row g-2 align-items-start app-form-dense-row">
        <div id="form-operator.plan-ladder.tier.add-product_id" class="col-12 col-xl-4 app-form-field">
    
    
<label class="form-label form-label-sm" for="form-operator.plan-ladder.tier.add-product_id-control">Product</label>

    <select class="form-select form-select-sm is-invalid" id="form-operator.plan-ladder.tier.add-product_id-control" name="product_id" required aria-describedby="form-operator.plan-ladder.tier.add-product_id-error form-operator.plan-ladder.tier.add-product_id-warning" aria-invalid="true" hx-get="/partials/operator/products/rule-check" hx-swap="innerHTML" hx-target="#form-operator\.plan-ladder\.tier\.add-product_id-warning" hx-trigger="change" autofocus>
    <option value="" disabled selected>Choose one</option>
    <option value="a">Alpha</option>
    <option value="b">Beta</option>
    
</select>
    
    <div id="form-operator.plan-ladder.tier.add-product_id-warning"></div>
    
    
    
    <div id="form-operator.plan-ladder.tier.add-product_id-error" class="invalid-feedback d-block">Choose a product.</div>
</div>
        <div class="col-auto app-form-commit app-form-unlabeled">

<button type="submit" class="btn btn-primary btn-sm"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Add tier</button>


<button type="button" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#tierAddPanel">Cancel</button>


</div>
    </div>
    
</form>



===== operator.plan-ladder.tier.add bad-values refusals
product_id: Choose a product from the list.