{{if epConfig.IC_FindologicActivated}}
  <div class="IC_Findologic" data-taxmodel="${o.taxModel}">
    {{if o.isMobile}}
    <div class="IC_Findologic_Mobile">
      {{if list.length}}
        <ul>
          {{if query }}
          <li>
            <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${query}" class="searchterms" data-index="0">
              {{html $item.highlight(query)}}
              <span class="arrow"></span>
            </a>
          </li>
          {{/if}}
          {{each(i,obj) list}}
            {{if obj.type == 'searchterms' }}
              <li>
                <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${name}" class="${obj.type}" data-index="${i}">
                  {{html $item.highlight(obj.name)}}
                  {{if obj.matches}} <span class="suggestMatches">(${obj.matches})</span> {{/if}}
                  <span class="arrow"></span>
                  </a>
              </li>
            {{/if}}
          {{/each}}
        </ul>
      {{/if}}
    </div>
    {{else}}
    <div class="IC_Findologic_Center {{if leftColumnCount == 0 }}RightOnly{{/if}}">
      <div class="IC_Findologic_LeftSide">
        {{if list.length}}

          {{each(i,obj) list}}
            {{if obj.type == 'otherinformation' }}
              {{if obj.promotion }}
                <h2 class="Separator">${dict["promotion"]}</h2>
                <a href="${obj.promotion.url}" class="${obj.type}-promotion" data-index="${i}" title="${obj.promotion.name}">
                  <img src="${obj.promotion.imageUrl}" alt="${obj.promotion.name}" />
                </a>
              {{/if}}
            {{/if}}
          {{/each}}

          {{each(i,obj) list}}
            {{if obj.type == 'topqueries' }}
              {{if $item.separator(obj.type)}}
                <h2 class="Separator"><span class="IC_Search${obj.type}"></span> ${dict[obj.type]}</h2>
              {{/if}}
              <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${name}" class="${obj.type}" data-index="${i}">{{html $item.highlight(obj.name)}}{{if obj.matches}} <span class="suggestMatches">(${obj.matches})</span>{{/if}}</a>
            {{/if}}
          {{/each}}
          
          {{each(i,obj) list}}
            {{if obj.type == 'searchterms' }}
              {{if $item.separator(obj.type)}}
                <h2 class="Separator"><span class="IC_Search${obj.type}"></span> ${dict[obj.type]}</h2>
              {{/if}}
              <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${name}" class="${obj.type}" data-index="${i}">{{html $item.highlight(obj.name)}}{{if obj.matches}} <span class="suggestMatches">(${obj.matches})</span>{{/if}}</a>
            {{/if}}
          {{/each}}

          {{each(i,obj) list}}
            {{if obj.type == 'manufacturers' }}
              {{if $item.separator(obj.type)}}
                <h2 class="Separator"><span class="IC_Search${obj.type}"></span> ${dict[obj.type]}</h2>
              {{/if}}
              <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${name}" class="${obj.type}" data-index="${i}">{{html $item.highlight(obj.name)}}{{if obj.matches}} <span class="suggestMatches">(${obj.matches})</span>{{/if}}</a>
            {{/if}}
          {{/each}}

          {{each(i,obj) list}}
            {{if obj.type == 'otherinformation' }}
              {{if obj.landingpage }}
                <h2 class="Separator"><span class="IC_Search${obj.type}"></span> ${dict["landingpage"]}</h2>
                <a href="${obj.landingpage.url}" class="${obj.type}-landingpage" data-index="${i}">{{html $item.highlight(obj.landingpage.name)}}</a>
              {{/if}}
            {{/if}}
          {{/each}}
        {{/if}}
      </div>
      <div class="IC_Findologic_RightSide">
        
        {{if list.length}}
          {{each(i,obj) list}}
            {{if obj.type == 'otherinformation'}}
               <h2>${dict.searchresults}: <strong>${effectiveProductSuggestionQuery}</strong> (${obj.totalresults} ${dict.matches}) </h2>
                <div class="${obj.type}">
                  <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${query}" data-index="${i}">
                    ${dict.searchinstead}: <b>"${query}"</b>

                  </a>
                </div>
            {{/if}}
          {{/each}}
          <div class="IC_Findologic_RightSideProducts">
            {{each(i,obj) list}}
              {{if obj.type == 'products'}}
                <div pid="${obj.id}" class="ListItemProduct ICHover" data-webpath="${obj.path}" data-purl="${obj.url}">
                  <div class="InfoArea">
                    <div class="ICEyeCatcher">
                        <span class="HotPrice" style="display: none;"></span>
                        <span class="NewProduct Action" style="display: none;"></span>
                        <span class="PremiumShipping" style="display: none;"><img src="/WebRoot/FCMotoDB/Shops/10207048/MediaGallery/System/Shipping/Shipping-Fast-Black-Small.png"></span>
                    </div>
                    <div class="AlignCenter ICBasics">
                      <div class="ImageArea">
                        <a itemprop="url" title="${obj.name}" href="${obj.url}">
                        {{if o.showImages && obj.image}}
                          <img itemprop="image" class="ProductSmallImage" src="${obj.image}" data-src="${obj.image}" width="129" height="150" alt="${obj.name}">
                          <noscript><img itemprop="image" class="ProductSmallImage" width="129" height="150" src="${obj.image}" alt="${obj.name}" /></noscript>
                        {{/if}}
                        </a>
                      </div>
                      <p class="ICManufacturer"><span class="lg lg_${obj.brandlogospriteclass}"></span></p>
                    </div>
                    <div class="ClearRight"></div>
                    <div class="ListItemProductInfoContainer">
                      <div class="ListItemProductTopFloatArea">
                        <h3 class="Headline">
                          <a itemprop="url" title="${obj.name}" href="${obj.url}"><span itemprop="name">${obj.name}</span></a>
                        </h3>
                        <div class="PriceArea InsteadOf" style="display: none;"><span class="LineThrough"></span> | <span class="HotPriceNoImg"></span></div>
                        <div class="PriceArea">
                          <span class="VariationPriceFromText" style="display: none;">${o.fromText}</span>
                          <span class="Price" style="display: none;"></span>
                          <div class="ClearRight"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              {{/if}}
            {{/each}}
          </div>
        {{/if}}

      </div>
    </div>
    <div class="IC_Findologic_Bottom">
      <a href="?ObjectID=${epConfig.siteId}&amp;ViewAction=FacetedSearchProducts&amp;SearchString=${effectiveProductSuggestionQuery}">${dict.searchfor}: ${effectiveProductSuggestionQuery}</a>
    </div>
    {{/if}}
  </div>
  <div class="IC_SearchOverlay {{if o.isMobile}}IsMobile{{/if}}"></div>
  <script>
    (function(){
      var ShippingCountry = epConfig['IC_FindologicCountry'];
      var Currency = epConfig['IC_FindologicCurrency'];
      var timestamp = Date.now();
      if(!window.SuggestProducts) window.SuggestProducts = [];
      jq('.IC_Findologic_RightSideProducts .ListItemProduct').each(function(){
        var $this = jq(this);
        var pid = $this.attr('pid');
        var webpath = $this.data('webpath');
        if(window.SuggestProducts[pid]) {
          SetProductPrices($this, ShippingCountry, Currency);
          if (window.SuggestProducts[pid]['PremiumStock'] != undefined) {
            $this.find('.ICEyeCatcher .PremiumShipping').show();
          }
        } else if(webpath) {
          var ajaxUrl = webpath + '/prices_' + pid + '.json?v=' + timestamp;
          jq.ajax(
            ajaxUrl, {
              success: function(data) {
                if(data) {
                  window.SuggestProducts[pid] = data;
                  SetProductPrices($this, ShippingCountry, Currency);
                }
              },
              timeout: 400
            }
          );
          PremiumShippingLocations = "VIRT;AUTOSTORE;010;011;013;015".split(";");
          
          jq.ajax(webpath + '/stockstate_' + pid + '.json?v=' + timestamp, {
            success: function(data) {
              if (data) {
                var PremiumShippingStock = 0;
                var TotalStock = 0;
                for (var Location in data.Locations) {
                  if (["REP", "All"].includes(Location)) continue;
                  var stockLevel = parseInt(data.Locations[Location]);
                  TotalStock += stockLevel;
                  if (PremiumShippingLocations.includes(Location)) {
                    PremiumShippingStock += stockLevel;
                  }
                }
                var AvailableStock = parseInt(jsonStockData.AvailableStock);
                if (PremiumShippingStock > 0  &&  TotalStock > 0  &&  AvailableStock < TotalStock)
                  PremiumShippingStock -= (TotalStock - AvailableStock);
                if (PremiumShippingStock != undefined)
                  window.SuggestProducts[pid]['PremiumStock'] = PremiumShippingStock;
                $this.find('.ICEyeCatcher .PremiumShipping').show();
              }
            },
            timeout: 400
          });
        }
      });

      function SetProductPrices($product, shippingCountry, currency) {
        var pid = $product.attr('pid');
        var prices = window.SuggestProducts[pid];
        if((typeof shippingCountry + typeof currency + typeof prices).indexOf('undefined') >= 0) {
          return;
        }
        
        var SpecialNetPrice = prices['SpecialNetPrice'] != undefined ? parseFloat(prices['SpecialNetPrice'][Currency]) : 0;
        var ListNetPrice = prices['ListNetPrice'] != undefined ? parseFloat(prices['ListNetPrice'][Currency]) : 0;
        var ManufacturerNetPrice = prices['ManufacturerNetPrice'] != undefined ?  parseFloat(prices['ManufacturerNetPrice'][Currency]) : 0;
        var CheapestNetPrice = prices['CheapestNetPrice'] != undefined ?  parseFloat(prices['CheapestNetPrice'][Currency]) : 0;
        var TaxModel = parseInt(jq('.IC_Findologic').attr('data-taxmodel'));
        var TaxRate = (TaxModel === 0 || prices['TaxRates'] == undefined || prices['TaxRates'][ShippingCountry] == undefined)
          ? 0
          : prices['TaxRates'][ShippingCountry] || 0;
        var Discount = 0;
        
        if(SpecialNetPrice > 0 && SpecialNetPrice < ListNetPrice){
          ListNetPrice = SpecialNetPrice;
          
          /* $product.find('.ICEyeCatcher .Action').show();
          $product.find('.ICEyeCatcher .Action').text('${dict.specialoffer}');*/
        }
        
        if(CheapestNetPrice > 0 && CheapestNetPrice <= ListNetPrice){
          ListNetPrice = CheapestNetPrice;
          
          $product.find('.VariationPriceFromText').show();
        }

        if(ManufacturerNetPrice > 0 && ManufacturerNetPrice != ListNetPrice) {
          $product.find('.PriceArea.InsteadOf').show();
          $product.find('.PriceArea.InsteadOf .LineThrough').text(GetPriceText(ManufacturerNetPrice, TaxRate));
          
          Discount = Math.round((1 - ListNetPrice / ManufacturerNetPrice) * 100);
          if(Discount > 0){
            $product.find('.PriceArea.InsteadOf .HotPriceNoImg').text('${dict.yousave} '+ Discount+'%');
            
            $product.find('.ICEyeCatcher .HotPrice').show();
            $product.find('.ICEyeCatcher .HotPrice').text('-'+ Discount+'%');
            
            $product.find('.Price').addClass("PriceIsHot");
            $product.find('.VariationPriceFromText').addClass("PriceIsHot");
            
            
          }
        }

        $product.find('.Price').text(GetPriceText(ListNetPrice, TaxRate)).show();
      }

      function GetPriceText(Price, TaxRate){
        var PriceGross = Price * (1+TaxRate);
        return jq.i18n.formatNumber(PriceGross, 'c2');
      }
      
    })();
  </script>
{{else}}
  <ul>
  {{if list.length}}
  {{each(i,obj) list}}
    {{if $item.separator(obj.type)}}
      <li class="Separator">${dict[obj.type]}:</li>
    {{/if}}
    {{if obj.type == 'products'}}
      <li class="${obj.type}" data-index="${i}">{{if o.showImages && obj.image}}<img src="${obj.image}"/>{{/if}}{{html $item.highlight(obj.name)}}</li>
    {{else}}
      <li class="${obj.type}" data-index="${i}">{{html $item.highlight(obj.name)}}{{if obj.matches}} <span class="suggestMatches">(${obj.matches})</span>{{/if}}</li>
    {{/if}}
  {{/each}}
  {{else}}
      <li class="searchfor" data-index="0">${dict.searchfor}: ${query}</li>
  {{/if}}
  </ul>
{{/if}}