===== operator.plan-ladder unbound


<div class="card app-form-box mb-3"><div class="card-body">
<form id="form-operator.plan-ladder" data-form="operator.plan-ladder" data-form-kind="create" class="app-form" novalidate hx-post="/partials/operator/plan-ladders" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="app-form-fields">
        <div id="form-operator.plan-ladder-name" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-name-control">Name</label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-name-control" name="name" value="" required maxlength="200" autocomplete="off">
    
    
    
    
    
    
</div><div id="form-operator.plan-ladder-description" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-description-control">Description <span class="text-muted">(optional)</span></label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-description-control" name="description" value="" maxlength="500" autocomplete="off">
    
    
    
    
    
    
</div>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

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


<a href="/operator/plan-ladders" class="btn btn-outline-secondary">Cancel</a>


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


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


<div class="card app-form-box mb-3"><div class="card-body">
<form id="form-operator.plan-ladder" data-form="operator.plan-ladder" data-form-kind="edit" class="app-form" novalidate hx-put="/partials/operator/plan-ladders/{ladderID}" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="app-form-fields">
        <div id="form-operator.plan-ladder-name" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-name-control">Name</label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-name-control" name="name" value="" required maxlength="200" autocomplete="off">
    
    
    
    
    
    
</div><div id="form-operator.plan-ladder-description" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-description-control">Description <span class="text-muted">(optional)</span></label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-description-control" name="description" value="" maxlength="500" autocomplete="off">
    
    
    
    
    
    
</div>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

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


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


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


<div class="card app-form-box mb-3"><div class="card-body">
<form id="form-operator.plan-ladder" data-form="operator.plan-ladder" data-form-kind="create" class="app-form" novalidate hx-post="/partials/operator/plan-ladders" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="app-form-fields">
        <div id="form-operator.plan-ladder-name" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-name-control">Name</label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-name-control" name="name" value="" required maxlength="200" autocomplete="off">
    
    
    
    
    
    
</div><div id="form-operator.plan-ladder-description" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-description-control">Description <span class="text-muted">(optional)</span></label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-description-control" name="description" value="" maxlength="500" autocomplete="off">
    
    
    
    
    
    
</div>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

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


<a href="/operator/plan-ladders" class="btn btn-outline-secondary">Cancel</a>


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


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


<div class="card app-form-box mb-3"><div class="card-body">
<form id="form-operator.plan-ladder" data-form="operator.plan-ladder" data-form-kind="create" class="app-form" novalidate hx-post="/partials/operator/plan-ladders" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="app-form-fields">
        <div id="form-operator.plan-ladder-name" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-name-control">Name</label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-name-control" name="name" value="" required maxlength="200" autocomplete="off">
    
    
    
    
    
    
</div><div id="form-operator.plan-ladder-description" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-description-control">Description <span class="text-muted">(optional)</span></label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-description-control" name="description" value="" maxlength="500" autocomplete="off">
    
    
    
    
    
    
</div>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

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


<a href="/operator/plan-ladders" class="btn btn-outline-secondary">Cancel</a>


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


===== operator.plan-ladder record


<div class="card app-form-box mb-3"><div class="card-body">
<form id="form-operator.plan-ladder-i1" data-form="operator.plan-ladder" data-form-kind="create" class="app-form" novalidate hx-post="/partials/operator/plan-ladders" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder-i1-error" class="app-form-error" role="alert"></div>
    
<div class="app-form-message mb-2"><p>msg</p></div>

    
    
    <div class="app-form-fields">
        <div id="form-operator.plan-ladder-i1-name" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-i1-name-control">Name</label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-i1-name-control" name="name" value="sample" required maxlength="200" autocomplete="off">
    
    
    
    
    
    
</div><div id="form-operator.plan-ladder-i1-description" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-i1-description-control">Description <span class="text-muted">(optional)</span></label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-i1-description-control" name="description" value="sample" maxlength="500" autocomplete="off">
    
    
    
    
    
    
</div>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

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


<a href="/operator/plan-ladders" class="btn btn-outline-secondary">Cancel</a>


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


===== operator.plan-ladder refused [name]


<div class="card app-form-box mb-3"><div class="card-body">
<form id="form-operator.plan-ladder" data-form="operator.plan-ladder" data-form-kind="create" class="app-form" novalidate hx-post="/partials/operator/plan-ladders" hx-target="#operator-body" hx-swap="innerHTML" hx-disable="find button[type=submit]" hx-indicator="find .htmx-indicator">
    <div id="form-operator.plan-ladder-error" class="app-form-error" role="alert"></div>
    


    
    
    <div class="app-form-fields">
        <div id="form-operator.plan-ladder-name" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-name-control">Name</label>

    <input type="text" class="form-control is-invalid" id="form-operator.plan-ladder-name-control" name="name" value="" required maxlength="200" autocomplete="off" aria-describedby="form-operator.plan-ladder-name-error" aria-invalid="true" autofocus>
    
    
    
    
    
    <div id="form-operator.plan-ladder-name-error" class="invalid-feedback d-block">Enter a name.</div>
</div><div id="form-operator.plan-ladder-description" class="mb-3 app-form-field">
    
    
<label class="form-label" for="form-operator.plan-ladder-description-control">Description <span class="text-muted">(optional)</span></label>

    <input type="text" class="form-control" id="form-operator.plan-ladder-description-control" name="description" value="" maxlength="500" autocomplete="off">
    
    
    
    
    
    
</div>
    </div>
    <div class="d-flex flex-wrap gap-2 app-form-commit">

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


<a href="/operator/plan-ladders" class="btn btn-outline-secondary">Cancel</a>


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


===== operator.plan-ladder bad-values refusals
description: Description must be 500 characters or fewer.
name: Name must be 200 characters or fewer.