<form action="<{$webshop->getUrl()|escape}>/search" autocomplete="off">
	<{if $size == 12}>

		<div class="row">
			<div class="col">
				<div class="form-group autocomplete">
					<input id="top-search-<{$tmi}>" style="width:100%;" type="text" name="search" value="<{$get.search|escape}>" placeholder="<{$data.placeholder|escape}>"/>
				</div>
			</div>
			<div class="col-1 text-center">
				<div class="form-group">
					<input type="submit" value="<{$data.button|escape|default:"Søg"}>" class="btn btn-primary" style="padding:12px;"/>
				</div>
			</div>
		</div>

	<{elseif $size > 3}>

		<div class="row">
			<div class="col">
				<div class="form-group autocomplete">
					<input id="top-search-<{$tmi}>" style="width:100%;" type="text" name="search" value="<{$get.search|escape}>" placeholder="<{$data.placeholder|escape}>"/>
				</div>
			</div>
			<div class="col-3">
				<div class="form-group">
					<input type="submit" value="<{$data.button|escape|default:"Søg"}>" class="btn btn-primary" style="padding:12px;"/>
				</div>
			</div>
		</div>

	<{else}>

		<div class="form-group autocomplete">
			<input id="top-search-<{$tmi}>" type="text" name="search" value="<{$get.search|escape}>" placeholder="<{$data.placeholder|escape}>"/>
		</div>

		<div class="form-group">
			<input type="submit" value="<{$data.button|escape|default:"Søg"}>" class="btn btn-primary"/>
		</div>

	<{/if}>
</form>

<script type="text/javascript">
	$(document).ready(function() {
		autocomplete(document.getElementById("top-search-<{$tmi}>"));
	});
</script>