{config_load file="$language/lang_$language.conf" section="product_info"}
{yes_vars assign="YES" contents=1}
<script type="text/javascript">
var product_properties_original_price_raw = {$INFO.PRODUCTS_PRICE_RAW};
var product_properties_currency = '{$INFO.CURRENCY}';
function yesFormatPrice(price_raw, currency){
	return price_raw.toFixed(2).replace('.',',')+' '+currency;
}
function set_property_xy_price(){
	let X = $('#properties input[data-xypricex="1"]');
	let Y = $('#properties input[data-xypricey="1"]');
	if(X.val() > 0 && Y.val() > 0){
		let xy_get_price_url = 'product_info.php?action=get_price&products_id={$PRODUCTS_ID}&X='+X.val()+'&Y='+Y.val();
		$.ajax({
			url:xy_get_price_url,
			dataType: 'json',
			success: function(json){
				/**
				 * WIR ERHALTEN json.PRICE UND ZEIGEN IHN IM .price CONTAINER 
				 * (ich nutze each, falls es mehrere Stellen gibt)
				 *
				 * @todo: wenn json.PRICE null zurueckgibt weil es zu den XY Werten keinen
				 * Preis gibt (zb weil Fenster in der Groesse nicht vorhanden) dann
				 * "In den Warenkorb" ausblenden und .price mit einem Hinweis versehen, dass
				 * der Kaeufer einen anderen Wert waehlen muss.
				 *
				**/
				if(json.PRICE.length == 0){
					$('.price').each(function(){
						$(this).html('Konfiguration des Artikels fehlerhaft.');
					});
					$('a.prod_buy').hide();
					alert('Die Abmessungen des Artikels sind ausserhalb des erlaubten Bereichs.');
					return false;
				}
				$('a.prod_buy').show();
				$('.price').each(function(){
					$(this).html(yesFormatPrice(json.PRICE.PRICE_BRUTTO,product_properties_currency));
					product_properties_original_price_raw = json.PRICE.PRICE_BRUTTO;
				});
				if(typeof(json.PRICE.ALLOCATED_PROPERTIES_PRICES) != 'undefined'){
					for(let i in json.PRICE.ALLOCATED_PROPERTIES_PRICES){
						let allp = json.PRICE.ALLOCATED_PROPERTIES_PRICES[i];
						$('input[name="pp_'+allp.products_properties_id+'"]#'+allp.products_properties_values_id).val(allp.PRICE_BRUTTO);
						let brutto = yesFormatPrice(allp.PRICE_BRUTTO,product_properties_currency);
						$('span.pv_price_formatted[data-propertyid="'+allp.products_properties_id+'"][data-propertyvaluesid="'+allp.products_properties_values_id+'"]').html( brutto );
						if(parseFloat(allp.PRICE_BRUTTO) > 0){
							$('span.aufpreis[data-propertyid="'+allp.products_properties_id+'"][data-propertyvaluesid="'+allp.products_properties_values_id+'"]').show();
						}else{
							$('span.aufpreis[data-propertyid="'+allp.products_properties_id+'"][data-propertyvaluesid="'+allp.products_properties_values_id+'"]').hide();
						}
					}
				}
				/**
				 * HIER WERDEN ALLE WEITEREN ARTIKELEIGENSCHAFTEN DURCHLAUFEN UND json.PRICE HINZUGEFUEGT
				**/
				$('#properties input.ppv:checked').each(function(){
					// Nur Eingabefelder die nicht data-xypricex bzw data-xypricey sind
					if($(this).data('xypricex') != 1 && $(this).data('xypricey') != 1){
						ppID_parts = $(this).attr('name').split('pp_');
						ppID = ppID_parts[1];
						new_pp_price = parseFloat($(this).attr('value'));
						
						product_properties_price_adds[ ppID ] = new_pp_price;
						pp_price_add = 0;
						for(var pp in product_properties_price_adds){
							pp_price_add += product_properties_price_adds[pp];
						}
						pp_price = product_properties_original_price_raw+pp_price_add;
						$('.price').each(function(){
							$(this).html(yesFormatPrice(pp_price,product_properties_currency));
						});
					}
				});
			},
			error: function(xhr){
				alert('Cant get XY price allocation');
			}
		});
	}else{
		/**
		 * KEIN XY HANDLING
		**/
		product_properties_original_price_raw = parseFloat($('.price').text());
		$('#properties input.ppv:checked').each(function(){
			// Nur Eingabefelder die nicht data-xypricex bzw data-xypricey sind
			if($(this).data('xypricex') != 1 && $(this).data('xypricey') != 1){
				ppID_parts = $(this).attr('name').split('pp_');
				ppID = ppID_parts[1];
				new_pp_price = parseFloat($(this).attr('value'));
				
				product_properties_price_adds[ ppID ] = new_pp_price;
				pp_price_add = 0;
				for(var pp in product_properties_price_adds){
					pp_price_add += product_properties_price_adds[pp];
				}
				pp_price = product_properties_original_price_raw+pp_price_add;
				pp_price = pp_price.toFixed(2);
				pp_price = pp_price.replace('.',',') + ' '+product_properties_currency;
				$('.price').each(function(){
					$(this).html(pp_price);
				});
			}
		});
	}
}
var product_properties_price_adds = {};
$().ready(function(){
	set_property_xy_price();
	$('#properties input.ppv').each(function(){
		$(this).click(function(){
			set_property_xy_price();
		});
	});
	$('a.prod_buy').click(function(){
		var ppv_distinct = [];
		var distinct_props = 0;
		var dp = [];
		$('#properties div#property input.ppv').each(function(){
			if( dp.indexOf( $(this).attr('name') ) == -1 ){
				distinct_props++;
				dp.push($(this).attr('name'));
			}
		});
		var qty = parseInt($('form.prod_form .addcart_qty input[name="products_qty"]').val());
		if(qty < 1) {
			return false;
		}
		$('#properties input.ppv:checked').each(function(){
			ppv_distinct.push( $(this).attr('id') );
		});
		
		if(ppv_distinct.length == distinct_props){
			var url = $(this).attr('id');
			params = '';
			for(i=0;i<ppv_distinct.length;i++){
				params += '&ppvID[]='+ppv_distinct[i];
			}
			let X = $('#properties input[data-xypricex="1"]');
			let Y = $('#properties input[data-xypricey="1"]');
			if(X.val() > 0 && Y.val() > 0){
				let ppIDX = X.attr('name').replace('pp_','');
				let ppIDY = Y.attr('name').replace('pp_','');
				let xy_get_url = 'product_info.php?action=get_products_properties_values_id_from_value&products_id={$PRODUCTS_ID}&ppID='+ppIDX+'&value='+X.val();
				$.ajax({
					url: xy_get_url,
					dataType: 'json',
					success: function(json){
						let ppvIDX = json.ppvID;
						$.ajax({
							url: 'product_info.php?action=get_products_properties_values_id_from_value&products_id={$PRODUCTS_ID}&ppID='+ppIDY+'&value='+Y.val(),
							dataType: 'json',
							success: function(json){
								let ppvIDY = json.ppvID;
								params += '&ppvID[]='+ppvIDX+':'+X.val()+'&ppvID[]='+ppvIDY+':'+Y.val();
								window.location.href=url+params+'&products_qty='+qty;
								return true;
							},
							error: function(xhr){
								alert('Cant get products_properties_values_id_from_value( '+ppIDY+', '+Y.val()+')');
							}
						});
					},
					error: function(xhr){
						alert('Cant get products_properties_values_id_from_value( '+ppIDX+', '+X.val()+')');
					}
				});
			}else{
				window.location.href=url+params+'&products_qty='+qty;
			}
			
		}else{
			alert(text_cart_select_product_property);
		}
	});
});

</script>

{literal}
<style type="text/css">
.event_date_timer_passengers{	float: left;}
.event_price{	font-weight: bold; font-size: 14px;}
span.xtc_price_special2{font-size:15px;}
span.xtc_price_special_value2{font-size:15px;}
.prod_price{
	background-color: #CCC;
	margin: 10px;
	padding: 10px;
	line-height: 20px;
}
.sub_price{
	font-size: 0.9em;
}

.warenkorb_btn{
	margin: 10px;
	padding: 10px;
	line-height: 20px;
}
.warenkorb_btn a{
	font-size: 1.9em;
	border: 1px solid #000;
	color: black;
	background-color: white;
	padding: 10px;
}
.addcart_qty{
	display: inline;
	width: 100px;
}
.addcart_qty input{
	width: 50px;
}
</style>
{/literal}

<div style="margin-left: 30px; padding: 10px;">
{$MODULE_graduated_price}

{if $CATEGORIES_IMAGE}<img src="/images/categories/{$CATEGORIES_IMAGE}" />{/if}
<h1>{$PRODUCTS_NAME}</h1>

<div id="prod_top">
		<form class="prod_form" action="{$FORM_ACTION}" method="post">
			<table border="0">
				<tr>
					<td width="450">
						<div class="prod_price">
							<b class="price">{$PRODUCTS_PRICE}</b>
							<span class="sub_price">inkl. 19% MwSt.</span>
						</div>
					</td><td width="150">
						<div class="addcart_qty">Menge {$ADD_QTY|replace:'size="3"':'size="1"'}</div>
						{if !$INFO.PROPERTIES.0}
						<div class="addcart_btn">{$ADD_CART_BUTTON}<br>{$ADD_WISHLIST_BUTTON}</div>
						<!--<div>{$INFO.WISHLIST_BUTTON}</div>//-->
						{/if}
					</td><td>
						<div class="warenkorb_btn">
						{if $INFO.PROPERTIES.0}
							<a id="shopping_cart.php?action=buy_now&BUYproducts_id={$PRODUCTS_ID}" class="prod_buy" href="javascript:;">zum Warenkorb</a>
						{else}
							<a class="prod_buy" href="shopping_cart.php?action=buy_now&BUYproducts_id={$PRODUCTS_ID}">zum Warenkorb</a>
						{/if}
						</div>
					</td>
				</tr>
			</table>
		</form> 
</div>
<br><br>
{if $INFO.PROPERTIES.0}
<div id="properties" style="margin:10px;">
	<p><b>{#properties#}</b></p>
	{foreach from=$INFO.PROPERTIES item=property}
		{$property.title}<br />
		<div id="property" style="padding:10px;">
		{if $property.is_xy_price}
			<input type="text" name="pp_{$property.id}" value="{$property.values[0].title}"
			{if $property.xy_priceX} data-xypricex="1" {/if}
			{if $property.xy_priceY} data-xypricey="1" {/if}
			onchange="set_property_xy_price()"
			/>
		{else}
			{foreach from=$property.values item=pv}
				<input 
				{if $property.xy_price_allocation} data-xypriceallocation="1" {/if}
				type="radio" class="ppv" name="pp_{$property.id}" value="{$pv.price_brutto}" id="{$pv.id}" title="{$pv.title}" />{if $pv.image}<img style="width:50px;" src="images/product_images/info_images/{$pv.image}" />{/if}&nbsp;{$pv.title}
				{if $pv.price_formatted != ''}
				<span class="aufpreis" data-propertyid="{$property.id}" data-propertyvaluesid="{$pv.id}">
				&nbsp;(+<span data-propertyvaluesid="{$pv.id}" data-propertyid="{$property.id}" class="pv_price_formatted">{$pv.price_formatted}</span>)
				</span>
				{/if}
				<br />
			{/foreach}
		{/if}
		</div>
	{/foreach}
</div>
{/if}

<div id="prod_left"></div>
<div id="prod_right"></div>

	{if $PRODUCTS_IMAGE}
	<a href="{$PRODUCTS_IMAGE_POPUP}" rel="lightbox[roadtrip]"><img src="{$PRODUCTS_IMAGE}" width="100px" /></a>
	{else}
	<img src="{$tpl_path}/img/noimg.gif" alt="kein bild" />
	{/if}
	<div id="img_list">
	{if $PRODUCTS_IMAGE_1}
		<a class="list_img" href="images/product_images/popup_images/{$PRODUCTS_ID}_1.jpg" rel="lightbox[roadtrip]"><img src="{$PRODUCTS_IMAGE_1}" /></a>
	{/if}
	{if $PRODUCTS_IMAGE_2}
		<a class="list_img" href="images/product_images/popup_images/{$PRODUCTS_ID}_2.jpg" rel="lightbox[roadtrip]"><img src="{$PRODUCTS_IMAGE_2}" /></a>
	{/if}
	{if $PRODUCTS_IMAGE_3}
		<a class="list_img" href="images/product_images/popup_images/{$PRODUCTS_ID}_3.jpg" rel="lightbox[roadtrip]"><img src="{$PRODUCTS_IMAGE_3}" /></a>
	{/if}
	{if $PRODUCTS_IMAGE_4}
		<a class="list_img" href="images/product_images/popup_images/{$PRODUCTS_ID}_4.jpg" rel="lightbox[roadtrip]"><img src="{$PRODUCTS_IMAGE_4}" /></a>
	{/if}
	
	</div>
	<h2 class="schritt">Produktmerkmale</h2>


{$PRODUCTS_SHORT_DESCRIPTION}
<hr>

{if $PRODUCTS_MODEL}

<div class="ch_title"><b>{#model#}</b></div>
<div class="ch_dat">{$PRODUCTS_MODEL}</div>

{/if}


{if $slaves}
	{#text_product_has_slaves#}
	<form action="product_info.php" name="sl">
	<select name="products_id" onChange="this.form.submit();">
	<option value="">{#text_please_choose#}</option>
	{foreach name=aussen item=slave from=$slaves}

	<option value="{$slave.products_id}">{$slave.key_values}</option>
	{/foreach}
	</select>
	</form>
{/if}

<br class="clr" />

{if $PRODUCTS_DESCRIPTION}
<div class="abstand">
	<h2 class="schritt">Produktbeschreibung</h2>
	{$PRODUCTS_DESCRIPTION}
</div>
<br />
{/if}




<hr><br><br>
{if $MODULE_product_characteristics}
	<b>PRODUKT-MERKMALE</b>
	<br />{$MODULE_product_characteristics}
{/if}
<br>

{literal}

<script type="text/javascript">
function popup (url) {
 fenster = window.open(url, "Popupfenster", "width=625,height=450,resizable=yes,top=1000,left=200" );
 fenster.focus();
 return false;
}
</script>
{/literal}

</div>