<div id="list-mode" class="container-fluid">
  <div class="row">
    <div class="col-3" style="padding-top:15px;line-height:48px">
      <span style="color:#777;font-weight:bold;font-size:16px">{{ mt._('user.menu.search.title') }}</span>
      <div class="menu-icon menu-icon-search ml-20x" style="border-bottom:1px black solid">
        <input type="text" class="search-product" id="search-model" placeholder="{{ mt._('user.menu.search') }}">
      </div>
    </div>
    <div class="col-3">
      <button type="button" class="btn btn-generic w-50" id="search">{{ mt._('_common.search') }}</button>
    </div>
    <div class="col-6">
      <button type="button" class="btn btn-main add-to-cart float-right w-50" style="display:none">{{ mt._('_common.addtocart') }}</button>
    </div>
  </div>

  <div class="row mt-50x" id="loading-quickorder" style="display:none">
      <div class="col-12 preloader" style="position:relative">{{ image("img/assets/preloader.gif", "alt": "Preloader") }}</div>
  </div>

  <div id="result" class="mt-50x">

  </div>

  <div class="row">
    <div class="col-6 offset-6">
      <button type="button" class="btn btn-main add-to-cart float-right w-50" style="display:none">{{ mt._('_common.addtocart') }}</button>
    </div>
  </div>
</div>
