<div class="replacements-header">
   <h2 class="text-center">{t}Přejete si produkty vyměnit za jiné z e-shopu?{/t}</h2>

   <div class="pos-rel returns-check">
      <input type="text" name="search" value="{$body.search}" maxlength="100" class="form-control autocomplete-control"
              {if !$body.returns.return_items}
                  placeholder="{t}Nejprve vyberte zboží, které chcete vrátit{/t}"
              {else}
                 placeholder="{$input_placeholder|default:"{t}Začněte psát název nebo kód produktu{/t}"}"
              {/if}
             data-placeholder="{t}Nejprve vyberte zboží, které chcete vrátit{/t}"
             data-placeholder-alt="{$input_placeholder|default:"{t}Začněte psát název nebo kód produktu{/t}"}"
             autocomplete="off" {if !$body.returns.return_items}disabled{/if}
             data-replacements-input>
   </div>
</div>

<script id="replacementSearch" type="text/x-dot-template">
   {literal}
   {{? it.items.Produkty }}
      <div class="autocomplete-products">
         <ul>
            {{~it.items.Produkty.items :item :index}}
            <li data-autocomplete-item="product" data-autocomplete-item-id="{{=item.id}}">
               {{? item.image }}
               <img src="{{=item.image}}" alt="{{=item.label}}">
               {{??}}
               <img src="/templates/images/no-img.jpg" alt="{{=item.label}}">
               {{?}}
               <div class="title-wrapper">
                  <span class="title">{{=item.label}}</span>
                  <span class="price">{{=item.price}}</span>
               </div>

               {/literal}
               {* v adminu je vypnute Povolit objednat zboží, které není skladem *}
               {if $dbcfg.order_not_in_store == "N"}
                  {literal}
                  {{? item.inStore > 0 }}
                     <button type="button" class="btn btn-ctr">{/literal}{t}Vybrat{/t}{literal}</button>
                  {{??}}
                     <button type="button" class="btn btn-ctr" disabled>{{=item.deliveryTimeText}}</button>
                  {{?}}
                  {/literal}
               {else}
                  <button type="button" class="btn btn-ctr">{t}Vybrat{/t}</button>
               {/if}
               {literal}
            </li>
            {{~}}
         </ul>
      </div>
   {{??}}
      <div class="autocomplete-noresult">
         <p>
             {/literal}
             {t}Žádný výsledek{/t}
             {literal}
         </p>
      </div>
   {{?}}
   {/literal}
</script>

<script>
   wpj.onReady.push(function() {
      $('[data-replacements-input]').replacementSearch();
   });
</script>
