{capture name=path}
  <a href="{$link->getPageLink('my-account', true)|escape:'html':'UTF-8'}">
    {l s='My account' mod='favoriteproducts'}
  </a>
  <span class="navigation-pipe">{$navigationPipe}</span>
  <span class="navigation_page">{l s='My favorite products' mod='favoriteproducts'}</span>
{/capture}

<div id="favoriteproducts_block_account">
  <h1 class="page-heading">{l s='My favorite products' mod='favoriteproducts'}</h1>
  {if $favoriteProducts}
    <ul class="row">
      {foreach from=$favoriteProducts item=favoriteProduct}
        <li class="col-xs-12">
          <div class="favoriteproduct clearfix inner-content">
            <a
              class="product_img_link"
              href="{$link->getProductLink($favoriteProduct.id_product, null, null, null, null, $favoriteProduct.id_shop)|escape:'html':'UTF-8'}"
            >
              {if !empty($lazy_load)}
                <noscript>
                  <img src="{$link->getImageLink($favoriteProduct.link_rewrite, $favoriteProduct.image, 'medium')|escape:'html':'UTF-8'}"
                       alt="{favoriteProduct.name|escape:'htmlall':'UTF-8'}"
                       width="{getWidthSize|intval type='medium'}"
                       height="{getHeightSize|intval type='medium'}"
                  >
                </noscript>
              {/if}
              <picture {if !empty($lazy_load)}class="tb-lazy-image"{/if}>
                <source {if !empty($lazy_load)}srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII= 1w" data-{/if}srcset="{$link->getImageLink($favoriteProduct.link_rewrite, $favoriteProduct.image, 'medium')|escape:'html':'UTF-8'}"
                     alt="{favoriteProduct.name|escape:'htmlall':'UTF-8'}"
                     type="image/webp"
                >
                <img {if !empty($lazy_load)}srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII= 1w" data-{/if}srcset="{$link->getImageLink($favoriteProduct.link_rewrite, $favoriteProduct.image, 'medium')|escape:'html':'UTF-8'}"
                     {if !empty($lazy_load)}src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="{/if}
                     alt="{favoriteProduct.name|escape:'htmlall':'UTF-8'}"
                     width="{getWidthSize|intval type='medium'}"
                     height="{getHeightSize|intval type='medium'}"
                >
              </picture>
            </a>
            <p class="s_title_block">
              <a href="{$link->getProductLink($favoriteProduct.id_product, null, null, null, null, $favoriteProduct.id_shop)|escape:'html':'UTF-8'}">
                {$favoriteProduct.name|escape:'html':'UTF-8'}
              </a>
            </p>
            <div class="product_desc">{$favoriteProduct.description_short|strip_tags|escape:'html':'UTF-8'}</div>
            <div class="remove">
              <a href="#" rel="ajax_id_favoriteproduct_{$favoriteProduct.id_product}">
                <i class="icon icon-remove"></i>
              </a>
            </div>
          </div>
        </li>
      {/foreach}
    </ul>
  {else}
    <div class="alert alert-warning">{l s='No favorite products have been determined just yet. ' mod='favoriteproducts'}</div>
  {/if}

</div>

<nav>
  <ul class="pager">
    <li class="previous">
      <a href="{$link->getPageLink('my-account', true)|escape:'html':'UTF-8'}">
        {if $isRtl}&rarr;{else}&larr;{/if} {l s='Back to your account' mod='favoriteproducts'}
      </a>
    </li>
  </ul>
</nav>
