<div class="header-search-outer">
   <div class="header-search-inner" data-search-form>
      {block "search-responsive-header"}
         <div class="search-responsive-header">
            <button data-toggle="search">
               <span class="fc {$close_icon|default:'lightbox_close'}"></span>
               <span>{t}Vyhledat{/t}</span>
            </button>
         </div>
      {/block}
      <div class="container">
         <form method="get" action="{url s=search}">
            <input type="text" name="search" value="{$body.search}" maxlength="100" class="form-control autocomplete-control"
                   placeholder="{$input_placeholder|default:"{t}Hledaný výraz{/t}"}" autocomplete="off" data-search-input data-search-input-resp tabindex="{$input_tabindex|default:0}">
            <button name="submit" type="submit" value="{t}Hledat{/t}"></button>
            <button class="search-clear" data-search-clear tabindex="{$input_tabindex|default:0}" aria-label="{t}Smazat{/t}"><i class="fc {$close_icon|default:'lightbox_close'}"></i></button>
         </form>
      </div>
   </div>
</div>

{include "components/block.autocomplete.tpl"}
