{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
<style type="text/css">
{literal}
.slides{
    display: block; 
    width: 600px;
    height: 120px;
    padding: 5px;    
    margin-top: 4px;
    padding-left: 70px;
    border: 1px solid #666;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: url(images/logo_amazon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #DDD;
}
.slides .slide_seller {
    display: inline-block;
    float:left; 
    margin-right:20px;
    width: 200px;
    border: 1px dashed #666;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 11px;
    color: #444;
}
.slides .slide_seller #seller{
    padding: 2px;
    margin: 0px;
    font-weight: bold;
    width: 100%;
}

.slides .slide_seller #seller_slider{
    margin: 0px;
    width: 100%;
    padding: 2px;
}
.slides .slide_seller #seller_slider #slider{
    margin: 4px;
    margin-left: 8px;
    margin-bottom: 1px;
    float: left;
    width: 100px;
}
.slides .slide_seller #seller_slider #slide_amount{
    margin: 4px;
    margin-right: 0px;
    display: inline-block;
    font-size: 12px;
}
.slides .slide_seller #amz_info{
    clear: left;
    padding: 2px;
    margin: 0px;
    width: 100%;
}
table#lb_address_table tbody tr td, table#products_table tbody tr td{
    font-size: smaller;
}
{/literal}
</style>
<script type="text/javascript">
<!--
var doID = '{$oID}';
{literal}
function check_submit(){
	formlen = document.forms['rue'].length;
	for(a=0;a<formlen;a++){
		fname = document.forms['rue'].elements[a].name;
		fval = document.forms['rue'].elements[a].value;
	}
	var start_amazon_process = false;
	var amazon_process_array = new Array();
	$('table#products_table tr.products_row td.product .slides').each(function(){
	    var dopID = $(this).attr('id');
	     $(this).find('.slide_seller').each(function(){
		var seller_id = $(this).find('#seller').text();
		$(this).find('#seller_slider #slider').each(function(){
		    if($(this).slider('option','value') > 0){
			if(!amazon_process_array[ seller_id ])
			    amazon_process_array[ seller_id ] = new Array();
			amazon_process_array[ seller_id ][ dopID ] = $(this).slider('option','value');
			start_amazon_process = true;
		    }
		});
	     });
	
	});
	if(start_amazon_process){
	    var params = new Array();
	    for(var mcID in amazon_process_array){
		for(var dopID in amazon_process_array[mcID]){
		    params.push('amzqty['+mcID+']['+dopID+']='+amazon_process_array[mcID][dopID]);
		}
	    }
	    $('#modal_window').dialog({
		modal:true,
		width: 'auto',
		height: 'auto',
		title: 'Amazon Processing'
	    }).load('distributor_orders_rueckbuch.php?action=amz_processing&doID='+doID+'&'+params.join('&'));
	    return false;
	}
	document.forms['rue'].submit();
}
function switch_values(){
	this.formular_name = "rue";
	this.active_switch_key = 'diff_action_active_';
	this.setProductsId = set_products_id;
        this.setDistributorOrdersProductsId = set_distributor_orders_products_id;
	this.setCollieProductsId = set_collie_products_id;
	this.setMethod = set_method;
	this.getFieldValue = get_field_value;
	this.getOtherFieldValue = get_other_field_value;
	this.setOtherFieldValue = set_other_field_value;
	this.getDiffQty = get_diff_qty;
	this.getMethodFormKey = get_method_form_key;
	this.getMethodFormKeyOther = get_method_form_key_other;
	this.getActiveSwitch = get_active_switch;
	this.toggleActiveSwitch = toggle_active_switch;
	this.getFormElementValue = get_form_element_value;
	this.setFormElementValue = set_form_element_value;
}

function get_form_element_value(el_name,propertie){
	eval("val = document.forms['"+this.formular_name+"']."+el_name+"."+propertie+";");
	return val;
}

function set_form_element_value(el_name,propertie,value){
	eval("document.forms['"+this.formular_name+"']."+el_name+"."+propertie+" = "+value+";");
}

function set_distributor_orders_products_id(dopID){
    this.distributor_orders_products_id = dopID;
}

function set_products_id(pID){
	this.products_id = pID;
}

function set_collie_products_id(cpID){
	this.collie_products_id = cpID;
}
function set_method(method){
	this.method = method;
}
function get_active_switch(){
	active = this.getFormElementValue(this.active_switch_key+''+this.products_id,'checked');
	return active;
}
function toggle_active_switch(){
	active = this.getFormElementValue(this.active_switch_key+''+this.products_id,'checked');
	if(!active){
		this.setFormElementValue(this.getMethodFormKeyOther()+''+this.products_id,'value',0);
	}else{
		this.setOtherFieldValue();
	}
}
function get_method_form_key(){
	switch(this.method){
		case 'delete':
			return 'diff_action_delete_';
			break;
		case 'buchen':
			return 'qty_';
			break;
	}
}
function get_method_form_key_other(){
	switch(this.method){
		case 'delete':
			return 'qty_';
			break;
		case 'buchen':
			return 'diff_action_delete_';
			break;
	}
}
function get_field_value(){
	qty = this.getFormElementValue(this.getMethodFormKey()+''+this.products_id,'value');
	return qty;
}
function get_other_field_value(){
	qty = this.getFormElementValue(this.getMethodFormKeyOther()+''+this.products_id,'value');
	return qty;
}
function set_other_field_value(){
	if(this.getActiveSwitch()){
		value = this.getDiffQty() - this.getFieldValue();
		this.setFormElementValue(this.getMethodFormKeyOther()+''+this.products_id,'value',value);
	}else{
		if(this.method == 'buchen')
			this.setFormElementValue(this.getMethodFormKeyOther()+''+this.products_id,'value',0);
		else
			this.setFormElementValue(this.getMethodFormKey()+''+this.products_id,'value',0);
	}
}
function get_diff_qty(){
	diff = this.getFormElementValue("diff_qty_"+this.products_id,'value');
	return diff;
}

function change(method,pID){
	var SVobj = new switch_values();
	SVobj.setProductsId(pID);
	SVobj.setMethod(method);
	SVobj.setOtherFieldValue();
}
function diff_action_switch(pID){
	var SVobj = new switch_values();
	SVobj.setProductsId(pID);
	SVobj.setMethod('buchen');
	SVobj.toggleActiveSwitch();
}


var amazon_revise_array = new Array();

function init_slider(dopID,slide_element){
    var sliders_element = slide_element.parent().parent().parent();
	slide_element.css('width','100px');
	var value = parseInt( $('input[name="qty_'+dopID+'"]').val(),10);
	if(!amazon_revise_array[dopID])
	    amazon_revise_array[dopID] = {
		'total':parseInt($('input[name="qty_'+dopID+'"]').val())
	    };
    	var merchantID = slide_element.parent().parent().find('#seller').text();
	slide_element.empty().slider({
	    value: 0,
	    min: 0,
	    animate: 100,
	    max: value,
	    range: 'min',
	    step: 1,
	    slide: function( event, ui ) {
		var total = 0;    

		sliders_element.find('.slide_seller #seller_slider #slider').not(slide_element).each(function() {
		    total += $(this).slider("option", "value");
		});    

		var max = amazon_revise_array[dopID]['total'] - total;
		if (max - ui.value >= 0) {
		    // Need to do this because apparently jQ UI
		    // does not update value until this event completes
		    total += ui.value;
		    slide_element.next().text(ui.value);
		    $('input[name="amz_revise['+dopID+']['+merchantID+']"]').val(ui.value);
		} else {
		    return false;
		}
	    }
	});
	return true;
}

$().ready(function(){
	$('table#products_table tr.products_row td.product .slides').each(function(){
	    var dopID = $(this).attr('id');
	     $(this).find('.slide_seller').each(function(){
		var seller_id = $(this).find('#seller').text();
		var seller_element = $(this);
		$(this).find('#seller_slider #slider').each(function(){
		    var slide_element = $(this);
		    init_slider(dopID,slide_element);
		});
	     });
	
	});
        $('.default_storage_selection').hide();
        $('input[name="allocate_storage"]').on('change',function(){
            $('.default_storage_selection').toggle();
        });
});
function rueckbox_toggler(toggle_status){
    $('form[name="rue"] select[name^="qty_"]').each(function(){
        var iname = 'form[name="rue"] select[name="'+$(this).attr('name')+'"]';
        val = (!toggle_status) ? '0' : $( iname+' option:last-child').val();
        $(this).val(val);
    });
    $('form[name="rue"] input[name^="diff_action_active_"]').each(function(){
        $(this).prop('checked',toggle_status)
    });
}

{/literal}
//-->
</script>


<div class="yesPageHeading">{$HEADING_TITLE} <font color="green">{$TEXT_STATUS} {$order_status}</font></div>
<p><input onclick="window.location.href='{$cancel_link}';" value="{$TEXT_BACKLINK}"  class="ui-button ui-corner-all ui-state-default"/></p>

{$FORM}
{if $action == 'confirm'}
<div style="margin:5px; padding:5px;border: 1px solid #999;">
    <font style="font-size:14px;">{$TEXT_NOTICE_USER}</font>
    <br />
    <table border="0" cellpadding="4">
        <tbody>
    {foreach from=$notice_user item=usr key=nmr}
            {assign var="nr" value=$nmr+1}
            {if $nr == 0}
            <tr>
            {/if}
                <td style="border: 1px solid #999;" class="smallText">{$nr}<input type="checkbox" name="notice_user[]" value="{$usr.id}" />&nbsp;{$usr.text}</td>
            {if $nr % 2 == 0}
                    {if $nr > 0}
            <tr></tr>
                    {/if}
            {/if}
    {/foreach}
        </tbody>
    </table>
</div>
{/if}{* END IF CONFIRM *}

<table border="0" class="yesListTable_minimal" id="lb_address_table">
    <thead>
        <tr>
            <th>&nbsp;</th><th>{#distributor_address#}</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><b>{#company#}</b></td><td>{$company}&nbsp;</td>
        </tr>
        <tr>
            <td><b>{#street#}</b></td><td>{$street}&nbsp;</td>
        </tr>
        <tr>
            <td><b>{#postcode#} {#city#}</b></td><td>{$postcode}&nbsp;{$city}</td>
        </tr>
        <tr>
            <td><b>{#country#}</b></td><td>{$country}&nbsp;</td>
        </tr>
        <tr>
            <td><b>{#telephone#}:</td>
            <td>{$telephone}</td>
        </tr>
        <tr>
                <td><b>{#email_address#}:</b></td>
                <td>{$email_address}</td>
        </tr>
        <tr>
                <td><b>{#distributor_id#}:</b></td>
                <td>{$ID}</td>
        </tr>
    </tbody>
</table>

{if $action == 'confirm'}
<p>{$TEXT_ACTIVE_PRODUCTS}</p>
{else}
<p>{$TEXT_CHOOSE_PRODUCTS}</p>
{/if}
<div class="ui-widget">
<a style="font-size: 0.8em; padding: 3px;" class="ui-button ui-corner-all ui-state-default" href="javascript:rueckbox_toggler(true);;">{#select_all#}</a> &nbsp; <a style="font-size: 0.8em; padding: 3px;" class="ui-button ui-corner-all ui-state-default" href="javascript:rueckbox_toggler(false);">{#unselect_all#}</a> 
<table class="yes-ui-table" id="products_table">
    <thead>
        <tr class="ui-widget-header">
            <th width="150">{#booking#}</th>
            <th width="10">{#partial_delivery#}</th>
            <th width="10">{#ordered#}</th>
            <th>{#product#}</th>
            <th>{#products_ean#}</th>
        </tr>
    </thead>
    <tbody>
    {foreach name=blah item=product from=$products}
        <tr class="ui-widget-content">
            <td>
                {if $action=='confirm'}
                    {if $product.book_qty > 0}
                    <h3>{$product.qty_select}</h3>
                    <div class="default_storage_selection">
                    {$TEXT_INPUT_DEFAULT_STORAGE}<br />
                    {$product.default_storage_select}
                    </div>
                    {/if}
                {else}
                    {$TEXT_BOOK_ORDER}<br />
                    {$product.qty_select}<br />
                {/if}
                {if $action=='confirm'}
                    {if $product.delete_qty > 0}
                        <font color="#FF0000">{$TEXT_DELETE_FROM_ORDER} {$product.diff_action_active}</font><br />
                        {$product.diff_action}
                    {/if}
                {else}
                    <font color="#FF0000">{$TEXT_DELETE_FROM_ORDER} {$product.diff_action_active}</font><br />
                    {$product.diff_action}
                {/if}
                {if $product.rest_qty > 0}
                <br />
                <b>{$TEXT_OPEN_PRODUCTS_TO_BOOK} {$product.rest_qty} {#quantity_short#}</b>
                {/if}
            </td>
            <td align="right"><font color="green">{$product.qty_gebucht}</font>&nbsp;</td>
            <td align="right">{$product.qty}&nbsp;x</td>
            <td>
                <a href="{$product.link}"><u>{$product.name}</u></a>
                {if $product.set}
                <br><font color="#444444">{$product.set}</font>
                {/if}


                {if $action == 'confirm' and $product.amazon_values.0}
                <div class="slides" id="{$product.dopID}">
                    <i>
                        {$INTRO_AMAZON_QTY}<br />
                    </i>
                    {foreach from=$product.amazon_values item=amzval}
                    <div class="slide_seller">
                        <div id="seller">{$amzval.merchant_id}</div>
                        <div id="seller_slider">
                            <div id="slider">{$product.qty_raw}</div>
                            <div id="slide_amount">0</div>
                        </div>
                        <div id="amz_info">
                            @Amazon: {$amzval.quantity}<br />
                            SKU: {$amzval.sku}<br />
                            ASIN: {$amzval.asin}
                        </div>

                    </div>
                    {/foreach}
                </div>
                {/if}{* END IF CONFIRM AND AMAZON *}


                {if $product.properties.0}
                <br />{#product_properties#}<br />
                    {foreach from=$product.properties item=property}
                        {$property.property_title}: {$property.property_value}<br />
                    {/foreach}
                {/if}
            </td>
            <td>{$product.model}&nbsp;[ID {$product.id}]</td>
        </tr>
    {/foreach} {* END FOREACH PRODUCTS *}
    </tbody>
    <tfoot>
        <tr class="ui-widget-header">
            <td colspan="5" align="right">
                {if $reset}
                    {$reset}&nbsp;&nbsp;
                    <input type="checkbox" name="allocate_storage" value="1" />&nbsp;{$TEXT_ALLOCATE_PRODUCTS_TO_STORAGE}&nbsp;&nbsp;
                {/if}
                {$submit}
            </td>
        </tr>
    </tfoot>
</table>
</form>
</div>