- {include="page.header"}
- <div id="headerform" style="width:100%; white-space:nowrap;">
- <form method="GET" class="searchform" name="searchform" style="display:inline;"><input type="text" id="searchform_value" name="searchterm" style="width:30%" value=""> <input type="submit" value="Search" class="bigbutton"></form>
- <form method="GET" class="tagfilter" name="tagfilter" style="display:inline;margin-left:24px;"><input type="text" name="searchtags" id="tagfilter_value" style="width:10%" value=""> <input type="submit" value="Filter by tag" class="bigbutton"></form>
- </div>
+ {include="page.header"}
+
+ <div id="headerform" class="search">
+ <form method="GET" class="searchform" name="searchform">
+ <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text"
+ {if="!empty($search_term)"}
+ value="{$search_term}"
+ {/if}
+ >
+ <input type="submit" value="Search" class="bigbutton">
+ </form>
+ <form method="GET" class="tagfilter" name="tagfilter">
+ <input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag"
+ {if="!empty($search_tags)"}
+ value="{$search_tags}"
+ {/if}
+ autocomplete="off" class="awesomplete" data-multiple data-minChars="1"
+ data-list="{loop="$tags"}{$key}, {/loop}"
+ >
+ <input type="submit" value="Search" class="bigbutton">
+ </form>
+ {loop="$plugins_header.fields_toolbar"}
+ {$value}
+ {/loop}
+ </div>