Parat til dokumentation
<div class="search-box">
<div class="container">
<div class="row">
<div class="col">
<ul class="nav justify-content-center search-box__tabs" id="searchBoxTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="address-search-tab" data-bs-toggle="tab" href="#address-search" role="tab" aria-controls="home" aria-selected="true">Adresse</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="property-number-tab" data-bs-toggle="tab" href="#property-number" role="tab" aria-controls="profile" aria-selected="false">Ejendomsnummer</a>
</li>
</ul>
</div>
</div>
<div class="tab-content" id="searchBoxTabContent">
<div class="tab-pane show active" id="address-search" role="tabpanel" aria-labelledby="address-search-tab">
<div class="row justify-content-center g-0">
<div class="col-md-6 col-lg-5">
<div class="form-floating">
<input type="text" class="form-control" id="addressSearch" placeholder="Søg på adresse">
<label for="addressSearch">Søg på adresse</label>
</div>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-primary btn-xl btn-block">Søg</button>
</div>
</div>
</div>
<div class="tab-pane" id="property-number" role="tabpanel" aria-labelledby="property-number-tab">
<div class="row justify-content-center g-0">
<div class="col-6 col-md-4 col-lg-3">
<div class="form-floating">
<input type="text" class="form-control" id="municipalitySearch" placeholder="Søg kommune">
<label for="municipalitySearch">Søg kommune</label>
</div>
</div>
<div class="col-6 col-md-4 col-lg-3">
<div class="form-floating">
<input type="text" class="form-control" id="propertyNumberSearch" placeholder="Ejendomsnummer">
<label for="propertyNumberSearch">Ejendomsnummer</label>
</div>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-primary btn-xl btn-block">Søg</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="search-box">
<div class="container">
{{#if isOwner}}
<div class="row">
<div class="col">
<h1 class="fw-bold text-white text-center mb-3">Vælg ejendom</h1>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6">
<div class="form-floating">
<input type="text" class="form-control" id="propertyFilter"
placeholder="Søg efter ejendomme på listen nedenfor">
<label for="propertyFilter">Søg efter ejendomme på listen nedenfor</label>
</div>
</div>
</div>
{{else}}
<div class="row">
<div class="col">
<ul class="nav justify-content-center search-box__tabs" id="searchBoxTabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="address-search-tab" data-bs-toggle="tab" href="#address-search"
role="tab" aria-controls="home" aria-selected="true">Adresse</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="property-number-tab" data-bs-toggle="tab" href="#property-number"
role="tab" aria-controls="profile" aria-selected="false">Ejendomsnummer</a>
</li>
</ul>
</div>
</div>
<div class="tab-content" id="searchBoxTabContent">
<div class="tab-pane show active" id="address-search" role="tabpanel" aria-labelledby="address-search-tab">
<div class="row justify-content-center g-0">
<div class="col-md-6 col-lg-5">
<div class="form-floating">
<input type="text" class="form-control" id="addressSearch" placeholder="Søg på adresse">
<label for="addressSearch">Søg på adresse</label>
</div>
{{#if hasAutocomplete}}
<div id="ui-autocomplete-container" class="ui-autocomplete-container">
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front"
style="display:block; top: 0px; left: 0px;">
<li class="ui-menu-item">Amager</li>
<li class="ui-menu-item">Amagerbrogade</li>
<li class="ui-menu-item">Amagerfælledvej</li>
<li class="ui-menu-item">Amagergade</li>
<li class="ui-menu-item">Amagermotorvejen</li>
<li class="ui-menu-item">Amagertorv</li>
<li class="ui-menu-item">Amagervænget</li>
<li class="ui-menu-item">Amagervej</li>
<li class="ui-menu-item">Amager Landevej</li>
<li class="ui-menu-item">Amager Strandvej</li>
<li class="ui-menu-item">Ved Amagerbanen</li>
<li class="ui-menu-item">Ved Amagerport</li>
<li class="ui-menu-item">Amagerbro Torv</li>
<li class="ui-menu-item">Amager Huse</li>
<li class="ui-menu-item">Amager Boulevard</li>
<li class="ui-menu-item">Amager Strand Promenaden</li>
<li class="ui-menu-item">Amager Strand Stien</li>
</ul>
</div>
{{/if}}
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-primary btn-xl btn-block">Søg</button>
</div>
</div>
</div>
<div class="tab-pane" id="property-number" role="tabpanel" aria-labelledby="property-number-tab">
<div class="row justify-content-center g-0">
<div class="col-6 col-md-4 col-lg-3">
<div class="form-floating">
<input type="text" class="form-control" id="municipalitySearch" placeholder="Søg kommune">
<label for="municipalitySearch">Søg kommune</label>
{{#if hasAutocomplete}}
<div class="tt-menu tt-open" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: block;">
<div class="tt-dataset tt-dataset-kommuner">
<div class="tt-suggestion tt-selectable"><strong class="tt-highlight">K</strong>øbenhavn - 101</div>
<div class="tt-suggestion tt-selectable"><strong class="tt-highlight">K</strong>øge - 259</div>
<div class="tt-suggestion tt-selectable"><strong class="tt-highlight">K</strong>alundborg - 326</div>
<div class="tt-suggestion tt-selectable"><strong class="tt-highlight">K</strong>erteminde - 440</div>
<div class="tt-suggestion tt-selectable"><strong class="tt-highlight">K</strong>olding - 621</div>
</div>
</div>
{{/if}}
</div>
</div>
<div class="col-6 col-md-4 col-lg-3">
<div class="form-floating">
<input type="text" class="form-control" id="propertyNumberSearch"
placeholder="Ejendomsnummer">
<label for="propertyNumberSearch">Ejendomsnummer</label>
</div>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-primary btn-xl btn-block">Søg</button>
</div>
</div>
</div>
</div>
{{/if}}
</div>
</div>
{
"isOwner": false
}