<div class="search-bar">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="cell{{#if customGrid}} {{customGrid}}{{else}} medium-10 medium-offset-1 large-8 large-offset-2{{/if}}">
<h3 class="search-bar__title">{{searchBar.title}}</h3>
<form class="search-bar__form js-search-form" action="{{searchBar.searchPageUrl}}" method="GET">
<label for="navigation" class="search-bar__search-label">{{searchBar.title}}</label>
<input type="text" name="{{#if searchBar.searchTermParameterName}}{{searchBar.searchTermParameterName}}{{else}}term{{/if}}" id="navigation" class="search-bar__search-term js-search-input"
autocomplete="off" placeholder="{{searchBar.placeholderText}}"
data-autocomplete-url="{{searchBar.autocompleteEndpoint}}" value="{{searchBar.searchTerm}}" />
<button class="button-p1 button-p1--icon-only search-bar__search-button js-search-button" />
</form>
</div>
</div>
</div>
<div class="search-bar__autocomplete-wrapper">
<div class="search-bar__autocomplete-overlay js-autocomplete-overlay"></div>
</div>
</div>