===== operator.lookup.search unbound



<form id="form-operator.lookup.search" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" hx-get="/operator/lookup" hx-target="#lookup-result" hx-swap="innerHTML" hx-push-url="true">
    <div id="form-operator.lookup.search-error" class="app-form-error" role="alert"></div>
    


    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-term-control" name="term" value="" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>



===== operator.lookup.search unbound edit side



<form id="form-operator.lookup.search" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" hx-get="/operator/lookup" hx-target="#lookup-result" hx-swap="innerHTML" hx-push-url="true">
    <div id="form-operator.lookup.search-error" class="app-form-error" role="alert"></div>
    


    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-term-control" name="term" value="" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>



===== operator.lookup.search create side



<form id="form-operator.lookup.search" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" hx-get="/operator/lookup" hx-target="#lookup-result" hx-swap="innerHTML" hx-push-url="true">
    <div id="form-operator.lookup.search-error" class="app-form-error" role="alert"></div>
    


    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-term-control" name="term" value="" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>



===== operator.lookup.search unbound with values



<form id="form-operator.lookup.search" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" hx-get="/operator/lookup" hx-target="#lookup-result" hx-swap="innerHTML" hx-push-url="true">
    <div id="form-operator.lookup.search-error" class="app-form-error" role="alert"></div>
    


    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-term-control" name="term" value="" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>



===== operator.lookup.search record



<form id="form-operator.lookup.search-i1" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" hx-get="/operator/lookup" hx-target="#lookup-result" hx-swap="innerHTML" hx-push-url="true">
    <div id="form-operator.lookup.search-i1-error" class="app-form-error" role="alert"></div>
    
<div class="app-form-message mb-2"><p>msg</p></div>

    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-i1-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-i1-term-control" name="term" value="sample" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>



===== operator.lookup.search boosted



<form id="form-operator.lookup.search" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" >
    <div id="form-operator.lookup.search-error" class="app-form-error" role="alert"></div>
    


    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-term-control" name="term" value="" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>



===== operator.lookup.search selected



<form id="form-operator.lookup.search" data-form="operator.lookup.search" data-form-kind="search" class="app-form app-form-bar-wide" method="GET" action="/operator/lookup" role="search" hx-get="/operator/lookup" hx-target="#x" hx-swap="innerHTML" hx-push-url="true" hx-select="#x" hx-select-oob="#y">
    <div id="form-operator.lookup.search-error" class="app-form-error" role="alert"></div>
    


    
    
    
<label class="form-label visually-hidden" for="form-operator.lookup.search-term-control">Find anything by its name, key, or number</label>

    <div class="input-group">
        <span class="input-group-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" aria-hidden="true"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.44.44.98.98l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.98-.98zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg></span>
        <input type="text" class="form-control" id="form-operator.lookup.search-term-control" name="term" value="" placeholder="Find anything by its name, key, or number" required autocomplete="off">
        

<button type="submit" class="btn btn-outline-secondary"><span class="spinner-border spinner-border-sm htmx-indicator me-1" aria-hidden="true"></span>Look up</button>



    </div>
    
</form>