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

<script type="text/javascript">
    var CS = '{$CUSTOMERS_STATUS_ID}';
    var COUNTRY_ID = '{$COUNTRY_ID}'; // VERSANDLAND
    
{if $SHOW_HEADER == 1}
{literal}
function display_staffelpreise(pID, targetDisplayContainer){
    $('.display_staffelpreise_'+pID).remove();
    $.ajax({
        url: 'products.php?action=get_staffelpreise&pID='+pID+'&cs='+CS+'&country_id='+COUNTRY_ID,
        dataType: 'json',
        success: function(json){
            if(json.STAFFELPREISE.length){
                var sthtml = '<div class="display_staffelpreise_'+pID+'"><div><b>Staffelpreise</b></div><div>';
                for(si in json.STAFFELPREISE){
                    var sp = json.STAFFELPREISE[si];
                    sthtml += sp.quantity + ' Stk = '
                        + sp.personal_offer_formatted+'<br />';
                }
                sthtml += '</div></div>';
                targetDisplayContainer.after(sthtml);
            }
        },
        error: function(xhr){
            targetDisplayContainer.after('<div class="display_staffelpreise_'+pID+'"><i>Error: Kann Staffelpreise nicht ermitteln</i></div>');
        }
    });
}
$(function(){
    $('input[name="products_quantity"]').each(function(){
        display_staffelpreise($(this).data('products_id'), $(this) );
    });
});
{/literal}
{/if}
</script>

{***

START ARTIKELBEARBEITUNG

****}

{if $ORDERS_EDIT_MODE == 'products'}
<div class="main">

<!-- Artikel Einfügen Anfang //-->
<br />
<table border="0" class="formArea">
<tr>
	<td class="formAreaTitle" colspan="3">{#intro_search#}
</tr>
<tr>
{$SEARCH_FORM}{$SEARCH_FORM_HIDDEN}
	<td class="main">{#input_search#} {$INPUT_SEARCH}</td>
	<td class="main">{#searchmode#}: {$INPUT_SEARCHMODE}</td>
	<td class="main">
	{$SEARCH_SUBMIT}
	&nbsp;&nbsp;&nbsp;<a target="_blank" href="../account_categories.php"><u>{#link_searchable_categories#}</u></a>
</td>
{$FORM_END}
</tr>
</table>
<br /><br />

{if $SEARCH_RESULTS}


<script type="text/javascript">
{literal}
$(function(){    
    $('form[name="product_ins"] input.products_quantity').each(function(){
            var _ppid = $(this).attr('name').replace('products_quantity[','');
            var ppid = _ppid.replace(']','');
            display_staffelpreise(ppid, $(this) );
    });
    $('form[name="product_ins"]').submit(function(e){
        var _has_error = false;
        var _countable = 0;
        $('form[name="product_ins"] input.products_quantity').each(function(){
            _val = parseInt($(this).val());
            if(isNaN(_val) || _val < 0){
                $(this).closest('td').addClass('ui-state-error');
                _has_error = true;
            }else{
                if($(this).closest('td').hasClass('ui-state-error')){
                    $(this).closest('td').removeClass('ui-state-error');
                }

            }
            if(_val > 0){
                _countable++;
            }
        });
        if(_has_error || _countable < 1){
            return false;
        }
        /**
         * 
         * PRUEFUNG DER input_span EINGABEN
         */
        var properties_input_span = false;
        var is_min, is_max; // input_span variablen
        $('form[name="product_ins"] select').each(function(){
            if($(this).attr('name').indexOf('property_values')>-1){
		if($(this).find(':selected').length > 0){
		        if(typeof $(this).find(':selected').data('inputspan')  !== 'undefined'){
		            properties_input_span = true;
		            let txt_item_identifier = $(this).attr('name').replace('property_values','user_input_span');
		            let item_identifier_raw = $(this).attr('name').replace('property_values','');
		            txt_item_identifier = txt_item_identifier.replaceAll('[','\\[');
		            txt_item_identifier = txt_item_identifier.replaceAll(']','\\]');
		            let is_user_input = $('input[name="'+txt_item_identifier+'"]').val();
		            let isval_parts = $(this).find(':selected').data('inputspan').split(':');
		            is_min = isval_parts[0];
		            is_max = isval_parts[1];
		            if(isNaN(is_user_input) || is_user_input < is_min || is_user_input > is_max){
		                alert('Eingabe des genauen Artikeleigenschaft Werts fehlerhaft. Min: '+is_min+' / Max: '+is_max);
		                return false;
		            }
		        }
		}
            }
        });
        e.currentTarget.submit();
        return true;
    });
    
    if($('form[name="product_ins"] input[name^="user_input_span"]').length){
        $('form[name="product_ins"] input[name^="user_input_span"]').each(function(){
            update_input_span_title( $(this) );
        });
    }
});

/**
 * Wenn das Dropdown zur Auswahl einer Artikeleigenschaft geaendert wurde, dann
 * muss die Min/Max Label Angabe beim input_span Eingabefeld aktualisiert werden
 * 
 * @param String elm_name
 * @returns nothing
 */
function update_input_span_title_after_select( elm_name ){
    let item_identifier_suffix = $('select[name="'+elm_name+'"]').attr('name').replace('property_values','');
    item_identifier_suffix = item_identifier_suffix.replaceAll('[','\\[');
    item_identifier_suffix = item_identifier_suffix.replaceAll(']','\\]');
    update_input_span_title( $('input[name="user_input_span'+item_identifier_suffix+'"]') );
}
/**
 * Aktualisieren des Min/Max Werts beim Label fuer das input_span Eingabefeld.
 * Es muss eine Instanz des Eingabefelds fuer die input_span Erfassung uebergeben
 * werden.
 * @param jQuery Object elm
 * @returns nothing
 */
function update_input_span_title( elm ){
            let item_identifier_suffix = elm.attr('name').replace('user_input_span','');
            item_identifier_suffix = item_identifier_suffix.replaceAll('[','\\[');
            item_identifier_suffix = item_identifier_suffix.replaceAll(']','\\]');
            let is_parts = elm.parent().children('select[name^="property_values"]').find(':selected').data('inputspan').split(':');
            
            $('#user_input_span_title'+item_identifier_suffix).html( 'Eingabe genauer Wert (min: '
                + is_parts[0]
                + ' / max: '
                + is_parts[1]
                + ')'
            );
}


{/literal}    
    
</script>








{$form}
<table class="yesListTable" width="100%">
<caption title="{$TABLE_CAPTION|replace:'"':"'"}">{$TABLE_CAPTION|truncate:45:"...":true}</caption>
<thead>
<tr>
    <td colspan="5"><input type="submit" value="{#add#}" class="ui-button ui-corner-all ui-state-default" /></td>
</tr>
<tr>
	<th>{#products_id#}</th>
	<th>{#image#}</th>
	<th>{#quantity#}</th>
	<th>{#product#}</th>
	<th>{#products_model#}</th>
	<th>{#price#}</th>
</tr>
</thead>
<tfoot>
<tr>
    <td colspan="6"><input type="submit" value="{#add#}" class="ui-button ui-corner-all ui-state-default" /></td>
</tr>
</tfoot>
<tbody>

{foreach from=$items item=item}

{$item.form}
<tr id="{$item.id}" {cycle values=', class="odd"'}>
	<td>{$item.hidden_fields}{$item.ampel}{$item.id}
	</td>
	<td>{$item.image}</td>
	<td>{$item.input_qty}</td>
	<td>
		<a title="Info pID {$item.id}" rel="products.php?action=ajax_view&amp;pID={$item.id}" class="yes_dynamic_tooltip"><u>{$item.name}</u></a>
		{if $item.ean != ''}
		<br />EAN: {$item.ean}
		{/if}
		
		{if $item.properties.0}
		<br />{#text_properties#}<br />
		{foreach from=$item.properties item=property}
                        {assign var="has_is" value="0"}
			{$property.title}<br />
			<select name="property_values[{$item.id}][{$property.properties_id}]" id="property_{$item.id}_{$property.properties_id}" onchange="update_input_span_title_after_select('property_values[{$item.id}][{$property.properties_id}]');">
			{foreach from=$property.values item=pv}
				<option value="{$pv.id}" {if $pv.input_span !=''}data-inputspan="{$pv.input_span}"{/if}>{$pv.title} (+{$pv.price_brutto_formatted})</option>
                            {if $pv.input_span != ''}
                                {assign var="has_is" value="1"}
                            {/if}
			{/foreach}
			</select>
                        {if $has_is == '1'}
                        <br /><div style="display: inline-block;" id="user_input_span_title[{$item.id}][{$property.properties_id}]"></div> <input name="user_input_span[{$item.id}][{$property.properties_id}]" type="text" size="10" maxlength="16" data-propertyname="{$property.title|replace:'"':"'"}" />
                        <span style="color:green; font-size: 1.1em;" title="{$property.text|replace:'"':"'"}">&#9432;</span>
                        {/if}
			<br />
		{/foreach}
		{/if}
	</td>
	<td>{$item.model}</td>
	<td>{$item.price}</td>
	{*<td>{$item.submit}</td>*}
</tr>
{/foreach}

</tbody>
</table>
{$FORM_END}


{/if} {** END IF SEARCH_RESULTS **}
<br />
<table style="border:1px solid #000;">
<tr>
	<td class="main">{#customers_status_name#}:</td><td>{$customers_status.customers_status_name}</td>
</tr>
<tr>
	<td class="main">{#prices_incl_tax#}:</td><td>{if $customers_status.customers_status_show_price_tax == 1}{#yes#}{else}{#no#}{/if}</td>
</tr>
<tr>
	<td class="main">{#orders_with_tax#}:</td><td>{if $customers_status.customers_status_add_tax_ot == 1}{#yes#}{else}{#no#}{/if}</td>
</tr>
</table>

<br /><br />
<!-- Artikel Einfügen Ende //-->

<table width="100%" class="yesListTable">
<caption title="{#saved_products#}">{#saved_products#}</caption>
<thead>
<tr>
	<th scope="col">{#products_id#}</th>
	<th scope="col">{#image#}</th>
	<th scope="col">{#quantity#}</th>
	<th scope="col">{#product#}</th>
	<th scope="col">{#products_model#}</th>
	<th scope="col">{#tax#}</th>
	<th scope="col">{#price#}</th>
	<th scope="col">{#price_total#}</th>
	<th scope="col">&nbsp;</th>
	<th scope="col">&nbsp;</th>
</tr>
</thead>
<tfoot>
<tr>
	<td colspan="10">{#intro_prices#}</td>
</tr>
</tfoot>
<tbody>
{foreach from=$products item=product}

<tr{cycle values=', class="odd"'}>
	
	<td>{$product.form}{$product.hidden_fields}<a title="Info pID {$product.products_id}" rel="products.php?action=ajax_view&amp;pID={$product.products_id}" class="yes_dynamic_tooltip"><u><u>{$product.products_id}</u></a></td>
	<td>{$product.image}</td>
        <td nowrap="nowrap">{$product.input_qty}</td>
	<td>
		{if $product.slave_title != ''}
		<img src="images/arrow_right.gif" border="0" alt="" title="{$product.slave_title|replace:'"':" "}" />&nbsp;
		{/if}
		{$product.input_name}
	{if $product.collis}
	<br />{#collies_in_setproduct#}:<br />
	{foreach from=$product.collis item=colli}
	<div>
		{$colli.included_qty} x [{#products_id#}: {$colli.collie_products_id}] {$colli.products_name}
		{if $colli.products_model != ''}
		<br /><i>{#products_model#}: {$collie.products_model}</i>
		{/if}
		
	</div>
	{/foreach}
	{/if}

		
		{if $product.properties.0.property_title}
		<br />{#text_properties#}:<br />
		{foreach from=$product.properties item=property}
		&nbsp;&nbsp;{$property.property_title}: {$property.property_value}
                    {if $property.input_span > 0}
                        &nbsp;-&nbsp;{#input_span_value#}: {$property.input_span}
                    {/if}
                <br />
		{/foreach}
		{/if}		
	</td>
	<td>{$product.input_model}</td>
	<td>{$product.input_tax}</td>
	<td>{$product.input_price}
		{if $product.products_ta}
		&nbsp;<a title="{#intro_nettosum#}" href="#" onClick="nettosum('{$product.products_tax}','{$product.products_id}');" style="background-color:darkgreen;color:#FFFFFF;font-weight:bold;">&nbsp;N&nbsp;</a>
		{/if}
	</td>
	<td>{$product.final_price}</td>
	<td>{$product.input_submit}
	{$FORM_END}
	</td>
	<td>
	{$product.delete_form}
	{$product.delete_hidden_fields}
	{$product.delete_submit}
	{$FORM_END}
	</td>
</tr>

{/foreach}
</tbody>
</table>

<br />


{***

ENDE ARTIKELBEARBEITUNG

****}

</div>
{/if}


{if $SHOW_HEADER == 1}
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_HEADING_TITLE}
<br clear="all" />
<style type="text/css">
    {literal}
    .oe_addresses {
	width: 100%;
    }    
    .oe_addresses .oe_address {
	width: 32%;
	float: left;
	margin:2px;
	display: inline-block;
    }    
    {/literal}
    
</style>

{/if}