{config_load file="$language/lang_$language.conf" section="boxes"}
{if $empty=='true'}
<div class="func func-cart">
	<a class="modal-call" href="#"  data-modaltitle='Shopping cart' data-modalsize='sm' data-modalcnt='Your shopping cart is empty'>
	  <i class="fa-solid fa-cart-shopping"></i>
	  <span class="func-amount">0</span>
	  <span class="func-desc">Shopping cart</span>
	</a>
  </div>
{else}

<div class="func func-cart">
	<a href="/shopping_cart.php">
	  <i class="fa-solid fa-cart-shopping"></i>
	  <span class="func-amount">{$PRODUCTS}</span>
	  <span class="func-desc">{$TOTAL}</span>	  
	</a>
	<div id="cart-table" class="cart-popup" style="display: none;">
		<table class="table cart-table">
			<thead>
			  <tr>
				<th>Picture</th>
				<th>Picture</th>
				<th>Quantity</th>
			  </tr>
			</thead>
			<tbody>
				{foreach from=$products item=prod}
			<tr data-link="{$prod.LINK}">
				<td><img  src="{$prod.THUMBNAIL}" alt="Produktbild" class="cart-product-img img-thumbnail"></td>
				<td>{$prod.NAME}</td>
				<td class="text-center">{$prod.QTY}</td>
			</tr>
			{/foreach}
			</tbody>
		  </table>
		  <a href="shopping_cart.php" class="btn btn-primary w-100">to shopping cart</a>
	  </div>
  </div>
  <script>
	$(function(){
		$.each($('#cart-table table tr'),function(){
			$(this).on('click',function(e){
				e.preventDefault();
				window.location.href=$(this).attr('data-link');
			})
		} )
		
	})
</script>
{/if}