{config_load file="$language/lang_$language.conf" section="boxes"}
{config_load file="$language/lang_$language.conf" section="wishlist"}
{config_load file="lang_`$language`.custom"}
<div id="wishlist_short"{if $empty == 'false'} style="cursor:pointer"{/if}>
  {if $empty == 'false'}
    <a title="{#heading_wishlist#}" {if $deny_cart != 'true'}id="toggle_wishlist"{/if} href="{$LINK_WISHLIST}">
      <i class="fa-regular fa-heart"></i>
      <span class="count">{$PRODUCTS}</span>
    </a>
  {else}
    <a title="{#heading_wishlist#}" {if $deny_cart != 'true'}id="toggle_wishlist"{/if} href="{$LINK_WISHLIST}">
      <i class="fa-regular fa-heart"></i>
      {* <span class="count">0</span> *}
    </a>
  {/if}
</div>


<div class="toggle_wishlist">
  <div class="toggle_closer"><i class="fa-solid fa-xmark"></i></div>
  {if $deny_cart != 'true'}
    {if $empty == 'false'}

      <div class="toggle_headline">
        {$PRODUCTS} {#heading_flyout_product_wishlist#}    
      </div>

      <div class="toggle_products">
        {foreach name=aussen item=products_data from=$products}
          <div class="toggle_products_item">
            <div class="toggle_products_image">
              <div class="toggle_products_image_inner">
                <div class="prod_image">
                  {if $products_data.PRODUCTS_IMAGE != ''}
                    {if $smarty.const.PICTURESET_ACTIVE === true}
                      <img class="lazyload" data-src="{$products_data.PRODUCTS_IMAGE|replace:"thumbnail_":"mini_"}" alt="{$products_data.PRODUCTS_NAME|onlytext}" title="{$products_data.PRODUCTS_NAME|onlytext}" />
                    {else}
                      <img class="lazyload" data-src="{$products_data.PRODUCTS_IMAGE}" alt="{$products_data.PRODUCTS_NAME|onlytext}" title="{$products_data.PRODUCTS_NAME|onlytext}" />
                    {/if}
                  {/if}
                </div>
              </div>
            </div>
            <div class="toggle_products_content">
              <div class="tpc_title"><a href="{$products_data.PRODUCTS_LINK}">{$products_data.PRODUCTS_NAME}</a></div>    
              <div class="tpc_quantity">{#heading_flyout_qty#} {$products_data.PRODUCTS_QTY}</div>
            </div>
            <div class="toggle_products_icon">
              {$products_data.PRODUCTS_BUTTON_DELETE_CART}
            </div>
          </div>
        {/foreach}
      </div>

      <div class="toggle_action_1">
        <a href="{$LINK_WISHLIST}" title="{#heading_flyout_wishlist#}">
          <span class="cssButton cssButtonColor2" title="{#heading_flyout_wishlist#}">
            <span class="cssButtonText">{#heading_flyout_wishlist#}</span>
            <span class="cssButtonIcon"><i class="fa-solid fa-right-long"></i></span>
          </span>
        </a>
      </div>

    {else}
  
      <div class="infomessage">{#text_empty_wishlist_box#}</div>
  
      <div class="toggle_action_1">
        <a href="{$LINK_WISHLIST}" title="{#heading_flyout_wishlist#}">
          <span class="cssButton cssButtonColor2" title="{#heading_flyout_wishlist#}">
            <span class="cssButtonText">{#heading_flyout_wishlist#}</span>
            <span class="cssButtonIcon"><i class="fa-solid fa-right-long"></i></span>
          </span>
        </a>
      </div>
  
    {/if}
  {/if}
</div>