{config_load file="$language/lang_$language.conf" section="product_info"}
{config_load file="$language/lang_$language.conf" section="index"}
{yes_vars assign="YES"}
{yes_vars assign="YES" contents=1}
<div class="modal modal-lg fade" id="modal-big-buy" tabindex="-1">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <h5 class="modal-title">Anfrage</h5>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
		  <div class="row">
			<div class="col-5">
				<div class="p-3 rounded-4 rounded border border-2 border-primary">
					<h2 class="mb-4 fs-5">Artikelanfrage</h2>
				Sie planen, eine größere Menge dieses Artikels zu bestellen? Wir freuen uns über Ihr Interesse und sind gerne bereit, Ihnen ein maßgeschneidertes Angebot zu unterbreiten. Um sicherzustellen, dass wir Ihre Anfrage bestmöglich bearbeiten können, bitten wir Sie, uns die gewünschte Stückzahl und eventuelle besondere Anforderungen mitzuteilen. Unser Team wird sich umgehend mit Ihnen in Verbindung setzen, um alle Details zu besprechen und Ihnen ein attraktives Angebot zukommen zu lassen.
			</div>
			</div>
			<div class="col-7">
				<div class="contact-box p-3 rounded-4">
					<form name="contact_us" action="shop_content.php?action=send&coID=7" method="POST">
						<!-- Name -->
                        <div class="mb-3">														
                            <input type="text" name="name" class="form-control" id="name" 
							{if $YES.SMARTY_SESSION_customer_last_name}value="{$YES.SMARTY_SESSION_customer_last_name} {$YES.SMARTY_SESSION_customer_first_name} "{/if}
							placeholder="Ihr Name" required>
                        </div>
        
                        <!-- E-Mail -->
                        <div class="mb-3">
                            <input type="email"
							{if $YES.SMARTY_SESSION_customers_email_address}value = "{$YES.SMARTY_SESSION_customers_email_address}"{/if}
							name="email" class="form-control" id="email" placeholder="Ihre E-Mail-Adresse" required>
                        </div>
        
                        <!-- Nachricht -->
                        <div class="mb-3">
                            <textarea name="message_body" class="form-control" id="message" rows="5" placeholder="Ihre Nachricht" required>Ich möchte eine Anfrage für den Artikel: "{$INFO.PRODUCTS_NAME}" mit der Artikelnummer: {$PRODUCTS_MODEL} machen.
							</textarea>
                        </div>
        
                        <!-- Senden-Button -->
						 <div>
							{$YES_CAPTCHA}  
							<label class="field prepend-icon">

								<span class="field-icon"><i class="fa fa-barcode"></i></span>
							</label>	
						</div>
							<div class="text-end mt-3 border-top border-2 pt-2">					
                            <button type="submit" class="btn btn-primary">
                                <i class="fa-solid fa-paper-plane me-2"></i> Anfrage senden
                            </button>
                        </div>
                    </form>
                </div>
			</div>
		  </div>
		</div>
	</div>
	</div>
  </div>
  <div class="modal fade" id="modal-max" tabindex="-1">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
		  <p>Die von Ihnen eingegebene Menge entspricht der maximal verfügbaren Liefermenge. Gerne können Sie uns eine Anfrage schicken, damit wir prüfen, ob eine Lieferung der gewünschten Menge möglich ist. </p>
		</div>
		<div class="modal-footer">
			<button type="button" data-bs-toggle="modal" data-bs-target="#modal-big-buy" class="btn btn-primary">zum Anfrageformular</button>
		  </div>
	  </div>
	</div>
  </div>

  <div class="modal fade modal-lg" id="modal-cart" tabindex="-1">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">			
			<h5 class="modal-title">Der folgende Artikel wurde Ihrem Warenkorb hinzugefügt</h5>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		</div>
		<div class="modal-body">
				<img src="{$tpl_path}/img/add-cart.jpg" class="w-100 round rounded-2">
					<table class="table">
						<tr>
							<td><img src='{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}' style="max-width:80px;" class="img-thumbnail"></td>
							<td><h5>{$INFO.PRODUCTS_NAME}</h5>  
									Artikelnummer: {$PRODUCTS_MODEL}</td>
							<td>{$PRODUCTS_PRICE|replace:'EUR':'&euro;*'}</td>
						</tr>
					  </table>			
				</div>
		<div class="modal-footer">
			<button type="button" data-bs-dismiss="modal"  class="btn btn-primary">OK!</button>
		  </div>		
	  </div>
	</div>
  </div>

{if $INFO.QUANTITY_AVAILABLE1 > 0} 
<div class="cart-slide">
	{$FORM} 
	<div class="container">
	<div class="d-lg-flex justify-content-between">   
		<div>
		<h4>{$INFO.PRODUCTS_NAME}</h4>  
			Artikelnummer: {$PRODUCTS_MODEL}
	</div>
		<div>
		<input class="slide-input check-max" type="number" name="products_qty" value="1" size="3" step="1" min="1" max="{$INFO.QUANTITY_AVAILABLE1}" /> 
		<a href="#" style="margin-top: -6px;" class="btn btn-primary btn-big-buy" data-bs-toggle="modal" data-bs-target="#modal-big-buy"><i class="fa-solid fa-exclamation"></i></a>
		<input type="hidden" name="products_id" value="{$INFO.PRODUCTS_ID}" />
	  <button type="submit" class="btn btn-primary">
		<div class="spinner-border spin-int d-none" role="status">
			<span class="visually-hidden">Loading...</span>
		  </div><i class="fa-solid fa-cart-shopping"></i> In den Warenkorb
	  </button>
	</div>                          
	</div>
	</div>
	{$FORM_END}
</div>
{/if}
<div class="">
<div class="container py-5">
	<div class="d-block d-lg-none">
		<a href="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}" data-lightbox="imageMobile" data-title="Mobiles Hauptbild" >
		<img src="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}" class="img-fluid big-image w-100 rounded-4 mb-4" alt="Artikelbild {$INFO.PRODUCTS_NAME}" title="Artikelbild {$INFO.PRODUCTS_NAME}">
		</a>
	</div>
    <div class="row">
        <!-- Rechte Seite (Titel, Artikelnummer, etc.) - wird mobil nach oben verschoben -->
        <div class="col-md-6 order-md-2 mb-4">
            <h1 class="product-title">{$INFO.PRODUCTS_NAME}</h1>
            <!-- Anzahl und Warenkorb-Button -->
			{if $INFO.QUANTITY_AVAILABLE1 > 0} 
			{$FORM} 
            <div class="d-lg-flex d-block align-items-center quantity-and-cart p-3 rounded-4 mb-4" style="margin-top:-30px;">				          
                <div class="quantity-box me-3 col-lg-4 col-12 mb-2 ">
					<input class="form-control d-inline-block w-100 check-max" type="number" name="products_qty" value="1" size="3" step="1" min="1" max="{$INFO.QUANTITY_AVAILABLE1}" /> <input type="hidden" name="products_id" value="{$INFO.PRODUCTS_ID}" />
					<a href="#" class="btn btn-primary btn-big-buy" data-bs-toggle="modal" data-bs-target="#modal-big-buy"><i class="fa-solid fa-exclamation"></i></a>
                </div>
                <button type="submit" class="btn btn-primary col-lg-4 col-12 mb-2">
                    <div class="spinner-border spin-int d-none" role="status">
						<span class="visually-hidden">Loading...</span>
					  </div>
					<i class="fa-solid fa-cart-shopping"></i> In den Warenkorb
                </button>				
                <div class="product-price col-lg-4 col-12 text-end pe-4">
                    {$PRODUCTS_PRICE|replace:'EUR':'&euro;*'}
                </div>
            </div>
			{$FORM_END}
			{else}
			            <div class="d-lg-flex d-block align-items-center quantity-and-cart p-3 rounded-4 mb-4" style="margin-top:-30px;">				          
							<div class="product-price col-12 text-end pe-4">
								{$PRODUCTS_PRICE|replace:'EUR':'&euro;*'}
							</div>
			            </div>	
			{/if}
            <div class="product-meta rounded-4 p-3">
            <span class="product-sku mb-1"><span class="fw-bold">Artikelnummer:</span> {$PRODUCTS_MODEL}<br></span>
			{if $INFO.QUANTITY_AVAILABLE1 > 0}<span class="fw-bold">Verfügbarkeit:</span> Sofort lieferbar <br>{else}<span class="fw-bold text-danger">Momentan nicht lieferbar</span><br>{/if}
			{if $INFO.PRODUCTS_SHIPPING_NAME}
			<span class="fw-bold">Lieferzeit:</span> {$INFO.PRODUCTS_SHIPPING_NAME}
			{/if}
			{if $INFO.PRODUCTS_DATE_AVAILABLE|date_format:"%Y" >= $smarty.now|date_format:"%Y"}
						<span class="fw-bold">Wieder verfügbar:</span>{$INFO.PRODUCTS_DATE_AVAILABLE|date_format:"%e.%m.%Y"}<br>
			{/if}
			{if $MANUFACTURERS_INFO.manufacturers_image!=''}
			<hr>	
			<div class="manufact ">
					<a href="{$MANUFACTURERS_INFO.manufacturers_url}"><img src="images/{$MANUFACTURERS_INFO.manufacturers_image}"></a>
			</div>
			{/if}
            <div class="fw-bold text-primary mb-4">			
			{if $YES.CONTENT.ID_55.text}<br>
				{$YES.CONTENT.ID_55.text}		
			{/if}
			</div>
            <button id="share-via-email" class="btn btn-outline-primary text-dark" onclick="sharePage();">   
                  <i class="fa-solid fa-share"></i> Seite teilen</button>                
            <a href="javascript:window.open('/print_product_info.php?products_id={$PRODUCTS_ID}', 'popup', 'toolbar=0, width=640, height=600')" class="btn btn-outline-primary text-dark">
                <i class="fa-solid fa-print"></i> Datenblatt drucken</a> 
            <button class="btn btn-outline-primary text-dark modal-call" data-modaltitle="Versandkostentabelle" data-modalsize="lg" 
			data-modalcnt='<embed type="text/html" src="{$YES.HTTP_SERVER}/popup_shippingcosts.php?products_id={$PRODUCTS_ID}" style="width:100%; height:300px; overflow-y: visible; ">
				'>
                <i class="fa-solid fa-truck-fast"></i> Versandkosten Tabelle</button> 
            </div>   
			{if $slaves} 
			<h3 class="fs-5 text-primary">Weitere Varianten</h3>									
			<div class="short-desc rounded-4 p-3 border-2 mt-3 border slave-list d-flex">				
				  <div class="row">					
					{foreach from=$slaves item=product}	  
					<div class="col-12 col-lg-4 text-center" data-link="{$product.PRODUCTS_LINK}">
					<a href="{$product.PRODUCTS_LINK}">
						<img src="images/product_images/thumbnail_images/{$product.products_image}" class="w-100" alt="{$product.slave_title}">
						<h4 class="text-dark">{$product.slave_title}</h4>
						<span class="var-price">{$product.price|replace:'EUR':'&euro;*'}</span>
						</a>
					</div>
					{/foreach}					
				  </div>
			</div>
			{/if}
			{if $PRODUCTS_SHORT_DESCRIPTION}				
            <div class="short-desc rounded-4 p-3 border-2 mt-3 border">
				{$PRODUCTS_SHORT_DESCRIPTION}
			</div>
			{/if}
        </div>

        <!-- Linke Seite: Bilder -->
        <div class="col-md-6 order-md-1">
            <!-- Großes Bild -->
            <div class="big-image-container text-center mb-4 d-none d-lg-block">
                <a href="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}" data-lightbox="image" data-title="Hauptbild" >
                <img id="main-image" src="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}" class="img-fluid big-image" alt="Produktbild">
                </a>
            </div>

            <!-- Kleinere Bilder -->
            <div class="row justify-content-center mb-4">
				{if $INFO.PRODUCTS_IMAGE_INFO}						
                <div class="col-6 col-xl-2">
                    <a href="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 0" >
                    <img src="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$INFO.PRODUCTS_IMAGE_INFO|replace:"info_images":"popup_images"}"  alt="Artikelbild 0 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}
				{if $PRODUCTS_IMAGE_1}						
                <div class="col-6 col-xl-2">
                    <a href="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 1" >
                    <img src="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$PRODUCTS_IMAGE_1|replace:"info_images":"popup_images"}" alt="Artikelbild 1 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}

				{if $PRODUCTS_IMAGE_2}						
                <div class="col-6 col-xl-2">
                    <a href="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 2" >
                    <img src="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$PRODUCTS_IMAGE_2|replace:"info_images":"popup_images"}" alt="Artikelbild 2 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}

				{if $PRODUCTS_IMAGE_3}						
                <div class="col-6 col-xl-2">
                    <a href="{$PRODUCTS_IMAGE_3|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 3" >
                    <img src="{$PRODUCTS_IMAGE_3|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$PRODUCTS_IMAGE_3|replace:"info_images":"popup_images"}" alt="Artikelbild 3 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}

				{if $PRODUCTS_IMAGE_4}						
                <div class="col-6 col-xl-2">
                    <a href="{$PRODUCTS_IMAGE_4|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 4" >
                    <img src="{$PRODUCTS_IMAGE_4|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$PRODUCTS_IMAGE_4|replace:"info_images":"popup_images"}" alt="Artikelbild 4 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}

				{if $PRODUCTS_IMAGE_5}						
                <div class="col-6 col-xl-2">
                    <a href="{$PRODUCTS_IMAGE_5|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 5" >
                    <img src="{$PRODUCTS_IMAGE_5|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$PRODUCTS_IMAGE_5|replace:"info_images":"popup_images"}" alt="Artikelbild 5 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}

				{if $PRODUCTS_IMAGE_6}						
                <div class="col-6 col-xl-2">
                    <a href="{$PRODUCTS_IMAGE_6|replace:"info_images":"popup_images"}" data-lightbox="galery" data-title="Bild 6" >
                    <img src="{$PRODUCTS_IMAGE_6|replace:"info_images":"popup_images"}" class="img-fluid small-image img-thumbnail" data-src="{$PRODUCTS_IMAGE_6|replace:"info_images":"popup_images"}" alt="Artikelbild 6 {$INFO.PRODUCTS_NAME}" title="Bild {$INFO.PRODUCTS_NAME}">
                    </a>
                </div>
				{/if}
                
            </div>
        </div>
    </div>
  </div>
  <div class="container">
 <!-- Tabs -->
 <ul class="nav nav-tabs" id="productTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link active" id="description-tab" data-bs-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">Beschreibung</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="details-tab" data-bs-toggle="tab" href="#details" role="tab" aria-controls="details" aria-selected="false">Details</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="related-tab" data-bs-toggle="tab" href="#related" role="tab" aria-controls="related" aria-selected="false">Kontakt</a>
    </li>
</ul>

<div class="tab-content py-4" id="productTabContent">
    <!-- Beschreibung -->
    <div class="tab-pane fade show p-3 active" id="description" role="tabpanel" aria-labelledby="description-tab">
		<div class="prod-desc">
			{$PRODUCTS_DESCRIPTION}
		</div>	
		{if $MANUFACTURERS_INFO.manufacturers_name =! ''}

		<div style="padding: 20px;">
		<hr>
		<tr>
			<td><span style="color: #004380;font-size: 12px;font-weight: 700">Produktsicherheitsgesetz (ProdSG)</span>
				<span style="font-size: 12px;color: #555;">
				<br><b>Hersteller:</b> {$MANUFACTURERS_INFO.manufacturers_meta_description}
				{if $MANUFACTURERS_INFO.manufacturers_meta_keywords}
				<br><b>Verantwortlicher Importeur:</b> {$MANUFACTURERS_INFO.manufacturers_meta_keywords}
				{/if}</span>
			</td>
		</tr>
		<hr>
		</div>
		{/if}
    </div>

    <!-- Details -->
    <div class="tab-pane fade p-3" id="details" role="tabpanel" aria-labelledby="details-tab">
		<div class="prod-desc">

		{$MODULE_product_characteristics}
           </div>
    </div>

    <!-- Verwandte Artikel -->
    <div class="tab-pane fade p-3" id="related" role="tabpanel" aria-labelledby="related-tab">
        <div class="row">
            <div class="col-12 col-lg-6">
                <div class="contact-box p-3 rounded-4">
                    <h2 class="mb-4">Haben Sie fragen? Wir helfen gerne.</h2>
					<form name="contact_us" action="shop_content.php?action=send&coID=7" method="POST">
						<!-- Name -->
                        <div class="mb-3">														
                            <input type="text" name="name" class="form-control" id="name" 
							{if $YES.SMARTY_SESSION_customer_last_name}value="{$YES.SMARTY_SESSION_customer_last_name} {$YES.SMARTY_SESSION_customer_first_name} "{/if}
							placeholder="Ihr Name" required>
                        </div>
        
                        <!-- E-Mail -->
                        <div class="mb-3">
                            <input type="email"
							{if $YES.SMARTY_SESSION_customers_email_address}value = "{$YES.SMARTY_SESSION_customers_email_address}"{/if}
							name="email" class="form-control" id="email" placeholder="Ihre E-Mail-Adresse" required>
                        </div>
        
                        <!-- Nachricht -->
                        <div class="mb-3">
                            <textarea name="message_body" class="form-control" id="message" rows="5" placeholder="Ihre Nachricht" required>Ich habe eine Frage zum Artikel: "{$INFO.PRODUCTS_NAME}" mit der Artikelnummer:  {$PRODUCTS_MODEL}
							</textarea>
                        </div>
        
                        <!-- Senden-Button -->
						 <div>
							{$YES_CAPTCHA}  	
							
						</div>
							<div class="text-end mt-3 border-top border-2 pt-2">					
                            <button type="submit" class="btn btn-primary">
                                <i class="fa-solid fa-paper-plane me-2"></i> Nachricht senden
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-12 col-lg-6">
                <img class="w-100 rounded-4" src="{$tpl_path}img/pop-art-woman-chatting-phone_1020-1148.jpg">
            </div>
        </div>
        
    </div>

</div>




<div class="product-list ">
    <div class="container">
		{if $MODULE_xsell}
		{$MODULE_xsell}
		{/if}
    </div>
</div>
</div>
</div>


<script>
	function sharePage() {
	  if (navigator.share) {
		navigator.share({
		  title: document.title,
		  url: window.location.href
		})
		.then(() => console.log('Erfolgreich geteilt'))
		.catch((error) => console.error('Fehler beim Teilen:', error));
	  } else {
		alert('Teilen wird von Ihrem Browser nicht unterstützt.');
	  }
	}
	$(document).ready(function() {
    // Toggle dropdown on button click
    $('.dropdown-button').click(function() {
      $('.dropdown-content').toggle();
    });
	$(window).click(function(e) {
      if (!$(e.target).closest('.dropdown-button').length) {
        $('.dropdown-content').hide();
      }
    });
	$.each($('.dropdown-single'),function(){
		$(this).on('click',function(){
			window.location.href=$(this).attr('data-link');
		})
	})
    // Close the dropdown if clicked outside
    $(window).scroll(function() {
    // Berechne die Scroll-Position und die Höhe des Fensters
    var scrollTop = $(window).scrollTop();
    var windowHeight = $(window).height();
    var documentHeight = $(document).height();
    var distanceFromBottom = documentHeight - (scrollTop + windowHeight);
    if (scrollTop > 180 && distanceFromBottom > 220) {
      // Zeige den Footer, wenn mehr als 180px nach oben gescrollt wurde
      // und der Abstand vom unteren Rand <= 120px ist
      $('.cart-slide').addClass('visible');
    } else {
      // Verstecke den Footer, wenn weniger als 180px gescrollt wurde
      // oder der Abstand vom unteren Rand mehr als 120px beträgt
      $('.cart-slide').removeClass('visible');
    }
  	});
	$.each($('.check-max'),function(){
		$(this).on('keyup keypress blur change', function() {    
			let val = 1;
    		var max = parseInt($(this).attr('max'));
    		var value = parseInt($(this).val());
    		if (value > max) {
      			val = max				
    		}else{
				val = $(this).val();
			}
			$('.check-max').val(val);
			if($('.check-max').val()>=50 && $('.check-max').val()<max){
				$('.btn-big-buy').css('display','inline-block')
			}else if($('.check-max').val()==max){
				let $modal = $('#modal-max');				
				$modal.modal('show');
			}
			else
			{
				$('.btn-big-buy').css('display','none')
			}			
  		});
	})

  // Fange das Absenden des Formulars ab
  $.each($('form[name="cart_quantity"]'), function() {
  let $form = $(this);

  $form.submit(function(event) {
    event.preventDefault(); // Verhindert das standardmäßige Absenden
	 // Hole die URL aus dem action-Attribut des Formulars
	 var formAction = $(this).attr('action');

	// Hole die Formulardaten
	var formData = $(this).serialize();

	//zeige die Spinner
	$('#cart-refresh').addClass('d-none');
	$('#cart-load').removeClass('d-none');
	$('.spin-int').removeClass('d-none');

	   // AJAX-Request
	   $.ajax({
      url: formAction,
      type: 'POST',
      data: formData,
      success: function(response) {
		$('.spin-int').addClass('d-none');
         // Modal anzeigen
    	$('#modal-cart').modal('show');
		$('#modal-cart').one('hidden.bs.modal', function () {			
			//Cart wird nachgeladen
			$('#cart-refresh').load(window.location.href + ' #cart-refresh',function(){
			//spinner wird ausgeschaltet
			$('#cart-load').addClass('d-none');
			//Warenkorb icon wird wieder sichtbar	
			$('#cart-refresh').removeClass('d-none');

			// Hover auf Cart wird erneut gezündet
			$('.func-cart').hover(
        		function() {
					$(this).find('.cart-popup').stop(true, true).fadeIn(200);
        		},
        		function() {
          			$(this).find('.cart-popup').stop(true, true).fadeOut(200);
        		}
     	 	);
		});
		
    	});
      },
      error: function(xhr, status, error) {
		$('.spinner-border').addClass('d-none');
        // Aktion bei Fehler
        console.error('Fehler beim Senden:', status, error);
        alert('Es gab ein Problem beim Hinzufügen des Produkts. Bitte versuchen Sie es erneut.');
      }
    });    
  });
});
});
	</script>


<!-- Google Strukturierte Daten -->
<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "{$PRODUCTS_NAME|escape:'htmlall'}",
  "image": "{$PRODUCTS_IMAGE}",
  "description": "{$PRODUCTS_DESCRIPTION|strip_tags|escape:'htmlall'}",
  "sku": "{$PRODUCTS_ID}",
  "mpn": "{$INFO.MPN}",
  "url": "{$PRODUCTS_LINK}",
  "brand": {
    "@type": "Organization",
    "name": "{$MANUFACTURERS_INFO.manufacturers_meta_title|escape:'htmlall'}"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.97",
    "ratingCount": "4156",
    "bestRating": "5.00"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "EUR",
    "price": "{$INFO.PRODUCTS_PRICE_RAW}",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition",
    "seller": {
      "@type": "Organization",
      "name": "Justneo"
    }
  }
}
</script>