<div class="columns">
    <div class="column is-three-quarters">
        <h2>Häsnummern von aktiven Hästrägern</h2>

        <div class="field">
            <label class="label">Suchen in Häsnummernliste</label>
            <div class="control has-icons-left">
                <input class="input" id="search" type="text" placeholder="Suchen" autofocus />
                <span class="icon  is-left">
                    <ion-icon name="search-outline"></ion-icon>
                </span>
            </div>
        </div>
        
        
        <div class="list">
            <div class="search-list">
                [[!Rowboat:empty=`Keine Daten verfügbar.`?
                   &table=`c103_v_mitglieder`
                   &tpl=`rowb_haesnr_2023`
                   &limit=`200`
                   &sortBy=`haesnr`
                   &cacheTime=`1`
                   &where=`{"haesnr:>":"0" , "Status:LIKE":"aktiv"}` 
                ]]
            </div>
        </div>
    </div>
    <div class="column">
        <h2>Freie Häsnummern</h2>
        <div id="freieNr" class="tags are-large is-light"></div>
    </div>
</div>
