<div class="col-md-18">
      <form action="index.php?controller=search&action=page" method="post" id="search_mini_form" name="searchform" class="form-inline">
           <div class="form-group">
               <div class="input-group">
                     <input name="search" type="text" value="Search by item number, product name..." onfocus="if (this.value=='Search by item number, product name...')this.value=''" onblur="if (this.value=='')this.value='Search by item number, product name...'" id="search" class="input-text form-control">
                     <div style="display:none" id="search_indicator"></div>
                     <div class="search-autocomplete" id="search_autocomplete" style="display: none;"></div>
                    <div class="input-group-btn">
                       <button data-toggle="dropdown" class="btn btn-gray dropdown-toggle" type="button"><span class="title"><?php echo $text_categories; ?></span><span class="caret"></span></button>
                       <ul class="dropdown-menu pull-right" id="search_mini_form_categories">
                       <?php foreach ($categories as $category) { ?>
                        <li id=<?php echo $category['id']; ?>><a><?php echo $category['name']; ?></a></li>                       
                       <?php } ?>
                      </ul>
                   </div>
              </div>
           </div>
         <input type="button" class="btn btn-default" id="btnSearch" onclick="document.getElementById('search_mini_form').submit();" value="SEARCH">
    </form>
</div>