{config_load file=$language_path section="general"}
{config_load file=$language_path section="ebay"}

{assign var="text_variationspecifics" value="Eigenschaftsmerkmale des eBay Variantensets"}
{assign var="text_add_value" value="Geben Sie den neuen Wert ein.\\nEigenschaft: "}
{assign var="text_add_image" value="Geben Sie die URL des neuen Bildes an.\\nEigenschaft: "}
{assign var="text_add_new_variation" value="Neue Variante"}

<style type="text/css">
<!--
{literal}
.ebay_auctions_variations{
	font-size: 0.8em;
}
.ebay_auctions_variations .Variations{
	display: block;
}
.ebay_auctions_variations div.add_variation{
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	cursor: pointer;
}
.ebay_auctions_variations .add_variation_container{
	display: none;
	border: 1px solid #000;
	background-color: #EEE;
	width: 100%;
	padding: 5px;
}
.ebay_auctions_variations .add_variation_container .add_variation_input_container{
	display: block;
	padding: 5px;
}
.ebay_auctions_variations .add_variation_container .add_variation_input_container .name{
	display: block;
	font-weight: bold;
}
.ebay_auctions_variations .add_variation_container .add_variation_input_container .price,.ebay_auctions_variations .add_variation_container .add_variation_input_container .quantity{
	display: inline-block;
	float: left:
	margin-right: 5px;
}
.ebay_auctions_variations .add_variation_container .add_variation_input_container .image img{
	max-width: 80px;
	max-height: 80px;
	cursor: pointer;
}
.ebay_auctions_variations .add_variation_container .add_variation_input_container .images{
	display: block;
}
.ebay_auctions_variations .add_variation_container .add_variation_input_container .images .image{
	width: 120px;
	text-align: center;
	display: inline-block;
	vertical-align:top;
}


.ebay_auctions_variations .Variations .Variation{
	display: block;
	margin-top: 15px;
}
.ebay_auctions_variations .Variations .Variation .SKU{
	display: block;
	font-size: 1.1em;
}
.ebay_auctions_variations .Variations .Variation .Delete{
	display: inline-block;
	font-size: 1.1em;
    cursor: pointer;
}
.ebay_auctions_variations .Variations .Variation .StartPrice,.ebay_auctions_variations .Variations .Variation .Quantity,.ebay_auctions_variations .Variations .Variation .QuantitySold{
	display: inline-block;
	float: left;
	width: 150px;
}
.ebay_auctions_variations .Variations .Variation .VariationSpecifics{
	display: block;
	clear: both;
}

.ebay_auctions_variations .Variations .Variation .VariationSpecifics .vs{
	margin-left: 15px;
	color: #888;
}


.ebay_auctions_variations .VariationSpecifics .NameValueList {
	display: block;
	clear: both;
	padding-top: 10px;

}
.ebay_auctions_variations .VariationSpecifics .NameValueList .add_value {
	float:left;
	padding-right: 5px;
	display: inline-block;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Name {
	float:left;
	width:150px;
	display: inline-block;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Values {
	float:left;
	width:150px;
	display: block;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .value {
	display: block;
	clear: both;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Values {
	float:left;
	display: block;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .images{
	border: 1px solid #ccc;
	background-color:#EEE;
	min-height:60px; width:400px;
	clear: both;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .images .image img{
	max-height:60px;
	max-width:60px;
	float:left;
	margin:2px;
}
.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .images .add_image{
	display: inline-block;
	float: left;
	margin: 8px;
}
img#add_new_variationspecific_value{
    padding-left: 6px;
    cursor: pointer;
}
.quantity_container{
    cursor: pointer;
    text-decoration: underline;
}
{/literal}
//-->
</style>
<script type="text/javascript">
<!--
var text_add_value = '{$text_add_value}';
var ebay_auctions_id = '{$ebay_auctions_id}';
var text_add_image = '{$text_add_image}';
var text_startprice = '{#startprice#}';
var text_ebay_quantity_short = '{#ebay_quantity_short#}';
var text_quantity_sold = '{#quantity_sold#}';
var text_save = '{#save#}';
var text_add_new_variationspecific_value = '{#text_add_new_variationspecific_value#}';
var text_add_new_variationspecific_value_js_prompt = '{#text_add_new_variationspecific_value_js_prompt#}';
var text_add_new_variationspecific_value_error_exists = '{#text_add_new_variationspecific_value_error_exists#}';
var text_delete_variation_sku = '{#text_delete_variation_sku#}';
var JS_CONFIRM_REALLY_DELETE_VARIATIONSPECIFIC_IMAGE = '{#JS_CONFIRM_REALLY_DELETE_VARIATIONSPECIFIC_IMAGE#}';
var VariationSpecificNameForPics = '{$VariationSpecificNameForPics}';
var delete_icon = '{icon type="delete"}';
{literal}
$().ready(function(){
	$('.ebay_auctions_variations .add_variation').click(function(){
		$('.ebay_auctions_variations .add_variation_container').toggle();
	});
	$('.ebay_auctions_variations .add_variation_container input.add_variation_pid_button').click(function(){
		if( $('input[name="new_variation_pID"]').val() != '' ){
                    showPreloader();
			$.ajax({
				url: 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id+'&new_variation_pID='+$('input[name="new_variation_pID"]').val(),
				dataType: 'json',
				success: function(json){
                                    hidePreloader();
					if(json.MSG != ''){
						alert(json.MSG);
					}else{
						$('.add_variation_container .add_variation_input_container').remove();
						var input_str = '<div class="add_variation_input_container">'+
						'	<div class="name">'+json.NAME+'</div>'+
						'	<div class="price">'+text_startprice+' <input name="new_variation_price" type="text" size="10" maxlength="10" value="'+json.PRICE+'" /></div>'+
						'	<div class="quantity">'+text_ebay_quantity_short+' <input name="new_variation_quantity" type="text" size="10" maxlength="10" value="'+json.QTY+'" /></div>';
						for(i=0;i<json.INPUT_VS.length;i++){
							input_str += '<div class="vs">'+json.INPUT_VS[i].id+': '+json.INPUT_VS[i].input
                                +'<img data-vstitle="'+json.INPUT_VS[i].id+'" src="images/plus.gif" title="'+text_add_new_variationspecific_value+'" alt="'+text_add_new_variationspecific_value+'" border="0" id="add_new_variationspecific_value" />'
                                +'</div>';
						}
						input_str += '<input type="button" class="ui-button ui-corner-all ui-state-default" onclick="save_pid_to_variation('+$('input[name="new_variation_pID"]').val()+')" value="'+text_save+'" />';
						input_str += '</div>';

						$('.add_variation_container').append(input_str);
                                                $('img#add_new_variationspecific_value').on('click',function(){
                                                    var vstitle = $(this).data('vstitle');
                                                    var new_vs_value = prompt(text_add_new_variationspecific_value_js_prompt.replace( '%s',vstitle));
                                                    if(new_vs_value !== 'null' && new_vs_value.length > 0){
                                                        showPreloader();
                                                        $('select#'+vstitle+' > option').each(function() {
                                                            if(this.text == new_vs_value){
                                                                alert(text_add_new_variationspecific_value_error_exists.replace('%s',new_vs_value));
                                                                return false;
                                                            }
                                                        });
                                                        $.ajax({
                                                            url: 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id+'&evs='+encodeURIComponent(vstitle)+'&value='+encodeURIComponent(new_vs_value),
                                                            dataType: 'json',
                                                            success: function( json ){
                                                                hidePreloader();
                                                                if(json.MSG != ''){
                                                                    alert(json.MSG);
                                                                    return false;
                                                                }
                                                                $('select#'+vstitle).append($('<option>', {
                                                                    value: new_vs_value,
                                                                    text: new_vs_value
                                                                })).val(new_vs_value);
                                                            },
                                                            error: function( xhr ){
                                                                alert('Error: Cant add value to variationset');
                                                                hidePreloader();
                                                                return false;
                                                            }
                                                        });
                                                    }
                                                });
					}
				},
                                error: function( xhr ){
                                    alert('Error: Cant add variation');
                                    hidePreloader();
                                }
			});
		}
	});
	$('.ebay_auctions_variations .VariationSpecifics .NameValueList .add_value img.add_value').each(function(){
		$(this).css('cursor','pointer');
		$(this).click(function(){
			var new_value = prompt(text_add_value+$(this).parent().next('.Name').html());
			var NVL_name = $(this).parent().next('.Name').html();
			if(new_value && new_value.length > 0){
				showPreloader();
				var ajax_url = 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id+'&evs='+encodeURI(NVL_name)+'&value='+encodeURI(new_value);
				$.ajax({
					url: ajax_url,
					dataType: 'json',
					success: function(json){
						hidePreloader();
						if(json.MSG){
							alert(json.MSG);
						}else{
							$('.ebay_auctions_variations .VariationSpecifics .NameValueList[id="'+NVL_name+'"] .Values').append(
								'<div class="value">'+new_value+'</div>'+
								'<div class="images" id="'+new_value+'">'+
								'	<div class="add_image"><img class="add_image" src="images/plus.gif" border="0"></div>'+
								'</div>'
							);
							set_image_actions();
						}
					},
					error: function(){
						alert('error in add_variation_to_auction');
					}
				});
			}
		});
	});
	set_image_actions();
        $('.quantity_container').each(function(){
            $(this).on('click',function(){
                var qcontainer = $(this);
                var sku = $(this).data('sku');
                var new_qty = prompt("Neue Angebotsmenge dieser Variante.\nSKU: "+sku,$(this).text());
                if(new_qty == null){
                    return false; // hat abbrechen geklickt im prompt
                }
                if(isNaN(new_qty)){
                    alert('Ungültige Eingabe');
                    return false;
                }
                var new_qty_int = parseInt(new_qty);
                if(new_qty_int < 1){
                    alert('Ungültige Eingabe - die Menge muss mind. 1 betragen.');
                    return false;
                }
                var ajax_url = 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id
                        +'&sku='+encodeURIComponent(sku)
                        +'&qty='+new_qty_int
                        +'&quantity_update=1';
                showPreloader();
                $.ajax({
                    url: ajax_url,
                    dataType: 'json',
                    success: function(json){
                            hidePreloader();
                            if(json.MSG){
                                    alert(json.MSG);
                                    return false;
                            }
                            qcontainer.text(new_qty_int);
                    },
                    error: function(){
                            alert('Error: cant update variation quantity for sku '+sku+' to '+new_qty_int);
                            hidePreloader();
                    }
                });
            });
        });
});

function set_image_actions(){
	$('.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .images .add_image img.add_image').each(function(){
		$(this).css('cursor','pointer');
		$(this).unbind('click');
		$(this).click(function(){
			var NVL_name = $(this).parent().parent().parent().parent().attr('id');
			var NVL_value = $(this).parent().parent().prev().html();
			var new_image = prompt(text_add_image+NVL_name+' / '+NVL_value);
			if(new_image && new_image != ''){
				showPreloader();
				var ajax_url = 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id+'&evs='+encodeURI(NVL_name)+'&evs_value='+encodeURI(NVL_value)+'&url='+encodeURI(new_image);
				$.ajax({
					url: ajax_url,
					dataType: 'json',
					success: function(json){
						hidePreloader();
						if(json.MSG){
							alert(json.MSG);
						}else{
							$('.ebay_auctions_variations .VariationSpecifics .NameValueList[id="'+NVL_name+'"] .Values .images[id="'+NVL_value+'"]').append(
								'<div class="image"><img src="'+new_image+'" /></div>'
							);
							set_image_actions();
						}
					},
					error: function(){
						alert('error in add_variation_to_auction');
					}
				});
			}
		});
	});
	$('.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .images .image img').each(function(){
		$(this).css('cursor','pointer');
	});
        $('.ebay_auctions_variations .Variations .Variation .Delete').each(function(){
            $(this).hover(function(){
                $(this).parent().children().css({'text-decoration':'line-through','color':'red'});
            },function(){
                $(this).parent().children().css({'text-decoration':'none','color':'black'});
            }).on('click',function(){
                var current_elm = $(this);
                var sku = $(this).data('sku');
                if(confirm(text_delete_variation_sku)){
                    showPreloader();
                    var delete_url = 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id+'&sku='+sku+'&delete=1';
                    $.ajax({
                        url: delete_url,
                        dataType: 'json',
                        success: function( json ){
                            if(json.MSG != ''){
                                alert(json.MSG);
                            }
                            hidePreloader();
                            current_elm.parent().children().remove();
                        },
                        error: function( xhr ){
                            hidePreloader();
                            alert('Cant delete variation (SKU'+sku+')');
                        }
                    });
                }
            });
        });
        $('.ebay_auctions_variations .VariationSpecifics .NameValueList .Values .images .image img').each(function(){
            $(this).hover(function(){
                $(this).animate({
                    opacity: "0.3"
                },'fast');
            },function(){
                $(this).animate({
                    opacity: "1.0"
                },'fast');
            }).on('click',function(){
                if(confirm(JS_CONFIRM_REALLY_DELETE_VARIATIONSPECIFIC_IMAGE)){
                    showPreloader();
                    var current_img = $(this);
                    var delete_img_url = 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id
                        +'&vsvalue='+encodeURIComponent($(this).data('vsvalue'))
                        +'&delete_img='+encodeURIComponent( $(this).attr('src') );
                    $.ajax({
                        url: delete_img_url,
                        dataType: 'json',
                        success: function( json ){
                            if(json.MSG != ''){
                                alert(json.MSG);
                            }
                            current_img.remove();
                            hidePreloader();
                        },
                        error: function( xhr ){
                            hidePreloader();
                            alert('Cant delete variation specific image');
                        }
                    });
                }
            });
        });
}

function save_pid_to_variation(new_variation_pID){
	showPreloader();
	var price = $('.add_variation_container .add_variation_input_container input[name="new_variation_price"]').val();
	var quantity = $('.add_variation_container .add_variation_input_container input[name="new_variation_quantity"]').val();
	var vs_params = '';
	$('.add_variation_container .add_variation_input_container select').each(function(){
            vs_params += '&vs['+encodeURIComponent($(this).attr('id'))+']='+ encodeURIComponent($(this).val());
	});
        var save_url = 'ebayapi_cart.php?action=add_variation_to_auction&id='+ebay_auctions_id+'&new_variation_pID='+new_variation_pID+'&price='+price+'&quantity='+quantity+vs_params;
	$.ajax({
		url: save_url,
		dataType: 'json',
		success: function(json){
			if(json.MSG){
				alert(json.MSG);
			}else{
				new_html = '<div class="Variation">'+
					'<div class="SKU">SKU: '+new_variation_pID+'</div>'+
					'<div class="StartPrice">'+text_startprice+': '+price+'</div>'+
					'<div class="Quantity">'+text_ebay_quantity_short+': '+quantity+'</div>'+
					'<div class="QuantitySold">'+text_quantity_sold+': 0</div>'+
                                        '<div class="Delete" data-sku="'+new_variation_pID+'">'+delete_icon+'</div>'+
					'<div class="VariationSpecifics">';
				$('.add_variation_container .add_variation_input_container select').each(function(){
					new_html += '<div class="vs">'+$(this).attr('id')+': '+$(this).val()+'</div>';
				});
				new_html += '</div>'+
					'</div>';
				$('.ebay_auctions_variations .Variations').append(new_html);
				$('.ebay_auctions_variations .add_variation_container').toggle();
			}
                        hidePreloader();
		},
                error: function( xhr ){
                    alert('Error: Cant insert new variation')
                    hidePreloader();
                }
	});
}

{/literal}
//-->
</script>
<div class="main">
<div class="ebay_auctions_variations ui-widget">
	<div title="{$text_add_new_variation}" class="add_variation">{icon type="add" title=""}{$text_add_new_variation}</div>
	<div class="add_variation_container">
		pID: <input type="text" name="new_variation_pID" value="" size="10" maxlength="10"  /><input type="button" value="{#save#}" class="ui-button ui-corner-all ui-state-default add_variation_pid_button" />
	</div>
	<div class="Variations">
		<b>{#variationset#}</b>
	{foreach from=$V_ARRAY item=v}
		<div class="Variation">
			<div class="SKU">SKU: {$v.SKU}</div>
			<div class="StartPrice">{#startprice#}: {$v.StartPrice}</div>
			<div class="Quantity">{#ebay_quantity_short#}: <span class="quantity_container" data-sku="{$v.SKU}">{$v.Quantity}</span></div>
			<div class="QuantitySold">{#quantity_sold#}: {$v.QuantitySold}</div>
            <div class="Delete" data-sku="{$v.SKU}">{icon type="delete"}</div>
			<div class="VariationSpecifics">
				{foreach from=$v.VariationSpecifics key=vs_name item=vs_values}
				<div class="vs" data-vsname="{$vs_name}" data-vsvalue="{$vs_values}">{$vs_name}: {$vs_values}</div>
				{/foreach}
			</div>
		</div>
	{/foreach}
	</div>



	<hr noshade="noshade" />

	<div class="VariationSpecifics">
		<b>{$text_variationspecifics}</b>
	{foreach from=$VS_ARRAY item=vs}
            {if $vs.Name == $VariationSpecificNameForPics}
		<div class="NameValueList" id="{$vs.Name}">
                    <div class="add_value"><img class="add_value" src="images/plus.gif" border="0" /></div>
                    <div class="Name">{$vs.Name}</div>
                    <div class="Values">
                {foreach from=$vs.Value item=Value}
			<div class="value">{$Value}</div>
                    {if $vs.Value_images}
			<div class="images" id="{$Value}">
                            <div class="add_image"><img class="add_image" src="images/plus.gif" border="0" /></div>
                        {foreach from=$vs.Value_images.$Value item=vi}
                            <div class="image" title="{#delete#}"><img data-vsvalue="{$Value}" src="{$vi}" /></div>
                        {/foreach}
			</div>
                    {/if}
		{/foreach}
                    </div>
		</div>
            {/if}
	{/foreach}
	</div>
</div>
</div>