{* BOXANSICHT *}

  <div class="listingbox">
    <div class="lb_inner">

      {if isset($module_data.PRODUCTS_FLAG_NEW) && ($module_data.PRODUCTS_FLAG_NEW == 1)}
        <div class="lb_new_flag">{#products_flag_new#}</div>
      {/if}

      <div class="lb_image">
        <div class="prod_image">
          {if $module_data.PRODUCTS_IMAGE != ''}
            <a href="{$module_data.PRODUCTS_LINK}" title="{$module_data.PRODUCTS_NAME|onlytext}">
              {if isset($pictureset_box) && count($pictureset_box) > 0}
                <picture>
                  {foreach name=inner item=picture_data from=$pictureset_box}
                    <source media="(max-width:{$picture_data.SIZE}px)" data-srcset="{$module_data.PRODUCTS_IMAGE|replace:"thumbnail_images":"`$picture_data.IMAGE`"}">
                  {/foreach}
                  <source data-srcset="{$module_data.PRODUCTS_IMAGE}">
                  <img class="lazyload" data-src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME|onlytext}" title="{$module_data.PRODUCTS_NAME|onlytext}">
                </picture>
              {else}
                <img class="lazyload" data-src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME|onlytext}" title="{$module_data.PRODUCTS_NAME|onlytext}">
              {/if}
            </a>
          {/if}
        </div>
      </div>

      <div class="lb_title"><h2><a href="{$module_data.PRODUCTS_LINK}" title="{$module_data.PRODUCTS_NAME|onlytext}">{$module_data.PRODUCTS_NAME}</a></h2></div>

      <div class="lb_shipping">
        {if $module_data.PRODUCTS_QUANTITY < 1}
            <font style="color: var(--ship_red, #cb6868); font-size:16px; font-weight: 900;">&bull;</font>&nbsp;&nbsp;{#text_ship_red#}
        {elseif $module_data.PRODUCTS_QUANTITY >= 1 && $module_data.PRODUCTS_QUANTITY < 7}
            <font style="color: var(--ship_amber, #db9e16); font-size:16px; font-weight: 900;">&bull;</font>&nbsp;&nbsp;{$module_data.PRODUCTS_QUANTITY}&nbsp;{#text_ship_amber#}
        {elseif $module_data.PRODUCTS_QUANTITY >= 7}
            <font style="color: var(--ship_green, #68cb68); font-size:16px; font-weight: 900;">&bull;</font>&nbsp;&nbsp;{#text_ship_green#}
        {/if}

        {if $module_data.PRODUCTS_QUANTITY >= 1}
            &nbsp;&nbsp;| &nbsp;	
        {if $module_data.PRODUCTS_SHIPPING_NAME}
          <i class="fa-solid fa-truck-fast mr_5"></i>{#text_shippingtime#} 
          {if $module_data.PRODUCTS_SHIPPING_IMAGE}<span class="lb_shipping_image"><img src="{$module_data.PRODUCTS_SHIPPING_IMAGE}" alt="{$module_data.PRODUCTS_SHIPPING_NAME|onlytext}" /></span>{/if}
          {$module_data.PRODUCTS_SHIPPING_NAME_LINK}
        {else}
          &nbsp;
        {/if}			 
        {/if}			 	   
      </div>
                  
      {if isset($module_data.PRODUCTS_REVIEWS_COUNT)}
        <div class="lb_rating_icons{if $module_data.PRODUCTS_REVIEWS_COUNT < 1} no_reviews{/if}">
          <i class="fa-solid fa-star{if $module_data.PRODUCTS_REVIEWS_AVERAGE >= 1} full{/if}"></i><i class="fa-solid fa-star{if $module_data.PRODUCTS_REVIEWS_AVERAGE >= 2} full{/if}"></i><i class="fa-solid fa-star{if $module_data.PRODUCTS_REVIEWS_AVERAGE >= 3} full{/if}"></i><i class="fa-solid fa-star{if $module_data.PRODUCTS_REVIEWS_AVERAGE >= 4} full{/if}"></i><i class="fa-solid fa-star{if $module_data.PRODUCTS_REVIEWS_AVERAGE >= 5} full{/if}"></i>
          <span class="lb_rating_count">({$module_data.PRODUCTS_REVIEWS_COUNT})</span>
        </div>
      {/if}        
                                                                                    
      <div class="lb_price cf">
        {foreach name=inner item=price_data from=$module_data.PRODUCTS_PRICE_ARRAY}
          {include file="module/includes/price_box.html"}
        {/foreach}
        {if $module_data.PRODUCTS_PRICE_ARRAY.0.PRODUCTS_PRICE_FLAG != 'NotAllowed'}
          {if ($module_data.PRODUCTS_PRICE_FLAG == 'SpecialGraduated') && ($module_data.PRODUCTS_PRICE_UVP == '') && ($module_data.PRODUCTS_VPE != '')}
            {if $module_data.PRODUCTS_VPE}<span class="vpe_with_item_price">{$module_data.PRODUCTS_VPE}</span>{/if}
          {else}
            {if $module_data.PRODUCTS_VPE}<span class="vpe">{$module_data.PRODUCTS_VPE}</span>{/if}
          {/if}
        {/if}
      </div>

      {if $module_data.PRODUCTS_PRICE_ARRAY.0.PRODUCTS_PRICE_FLAG != 'NotAllowed'}
        <div class="lb_tax">{$module_data.PRODUCTS_TAX_INFO}{$module_data.PRODUCTS_SHIPPING_LINK}</div>
        {if $module_data.PRODUCTS_PRICE_EXPIRES_DATE|strtotime > 0}        
          <div class="lb_expires_date">{#text_expires_date#} {$module_data.PRODUCTS_PRICE_EXPIRES_DATE|xtc_date_short}</div>
        {/if}
      {/if}

      {if isset($module_data.PRODUCTS_DATE) && ($module_data.PRODUCTS_DATE != '')}
        {* only upcoming products *}
        <div class="lb_date">
          <div class="lb_date_inner"><i class="fa-solid fa-calendar-days mr_5"></i>{$module_data.PRODUCTS_DATE}</div>
        </div>
      {/if}
      
      {if $smarty.const.SHOW_BUTTON_BUY_NOW != 'false'}
        <div class="lb_buttons">
          {$module_data.PRODUCTS_BUTTON_DETAILS}
          {if $module_data.PRODUCTS_BUTTON_BUY_NOW || ($module_data.PRODUCTS_FSK18 != '1')}{$module_data.PRODUCTS_BUTTON_BUY_NOW}{/if}
        </div>
      {/if}      
     
    </div>
  </div>