{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
<style>
    table#xy-table-prices tbody tr td{
        padding: 14px;
    }
    .additional_xy_prop{
        background-color: lightgreen;
        font-size: .9em;
        padding: 4px;
    }
    input[type=text] {
      width: 100%;
      padding: 6px 10px;
      margin: 8px 0;
      box-sizing: border-box;
      font-size: 1.1em;
    }
</style>
<script>
var PROPERTIES_JSON = '{$PROPERTIES_JSON}';
var PROPERTIES_JSON_OBJ = JSON.parse(PROPERTIES_JSON);
var EXISTS = {if $EXISTS=='1'}true{else}false{/if};
let IMPORTPREISE = [];
let IMPORTPREISE_ADD = [];
function get_property_sort_order(products_properties_id){
    for(let i in PROPERTIES_JSON_OBJ){
        let prop = PROPERTIES_JSON_OBJ[i];
        if(prop.id == products_properties_id){
            return prop.sort_order;
        }
    }
}
if(EXISTS){
    var ppIDX = '{$SAVEDOBJECT->products_properties_id_X}';
    var ppIDY = '{$SAVEDOBJECT->products_properties_id_Y}';
    var product_properties_xy_prices_id = '{$SAVEDOBJECT->product_properties_xy_prices_id}';
    {foreach from=$SAVEDOBJECT->product_properties_xy_prices_values item=v}
        if(typeof(IMPORTPREISE[ {$v->val_X} ]) == 'undefined'){
            IMPORTPREISE[ {$v->val_X} ] = [];
        }
        IMPORTPREISE[ {$v->val_X} ][ {$v->val_Y} ] = {
            brutto: parseFloat({yes_get_brutto price=$v->xy_price products_id=$INFO.products_id tax_class_id=$INFO.products_tax_class_id}),
            product_properties_xy_prices_values_id: {$v->product_properties_xy_prices_values_id},
            product_properties_xy_prices_id: {$v->product_properties_xy_prices_id},
        };
        {* RAUS 2024/10
        {if $v->product_properties_xy_prices_values_for_properties.0}
            {foreach from=$v->product_properties_xy_prices_values_for_properties item=pvfp key=pvfp_nr}
                
                if(typeof(IMPORTPREISE_ADD[ {$pvfp_nr} ]) == 'undefined'){
                    IMPORTPREISE_ADD[ {$pvfp_nr} ] = [];
                }
                if(typeof(IMPORTPREISE_ADD[ {$pvfp_nr} ][ {$v->val_X} ]) == 'undefined'){
                    IMPORTPREISE_ADD[ {$pvfp_nr} ][ {$v->val_X} ] = [];
                }
                IMPORTPREISE_ADD[ {$pvfp_nr} ][ {$v->val_X} ][ {$v->val_Y} ] = {
                    product_properties_xy_prices_values_for_properties_id: {$pvfp->product_properties_xy_prices_values_for_properties_id},
                    brutto: parseFloat({yes_get_brutto price=$pvfp->price_netto products_id=$INFO.products_id tax_class_id=$INFO.products_tax_class_id}),
                    ppID: {$pvfp->products_properties_id},
                    product_properties_xy_prices_values_id: {$pvfp->product_properties_xy_prices_values_id},
                    property_name: get_property_name_from_properties_id({$pvfp->products_properties_id},PROPERTIES_JSON_OBJ),
                    sort_order: get_property_sort_order( {$pvfp->products_properties_id} ),
                };
            {/foreach}
        {/if}
        *}
        
    {/foreach}
    var unused_properties = [];
    {foreach from=$UNUSED_PROPERTIES item=UP}
    unused_properties.push({
        id: {$UP.id},
        text: '{$UP.text}',
        title: '{$UP.title}'
    });
    {/foreach}
}
var REALLY_DELETE_XY_ALLOCATIONS = '{$REALLY_DELETE_XY_ALLOCATIONS}';
var PRODUCTS_ID = {$INFO.products_id};
var JS_ERROR_SELECT_XY_PRICES_ALLOCATIONS = '{$JS_ERROR_SELECT_XY_PRICES_ALLOCATIONS}';
var XY_PRICE_VALUES_TITLE = '{$XY_PRICE_VALUES_TITLE}';
var LINK_CREATE_XY_PRICE = '{$LINK_CREATE_XY_PRICE}';
let CHOOSEN_ALLOCATION = [-1,-1];
var IMAGE_SAVE = '{$IMAGE_SAVE}';
var FORM_XY_PRICE_VALUES_ACTION = '{$FORM_XY_PRICE_VALUES_ACTION}';
var XY_PRICE_ADD_PROPERTY_TO_EXISTING_MATRIX = '{$XY_PRICE_ADD_PROPERTY_TO_EXISTING_MATRIX}';
/*
function read_datafile(){
    $.ajax({
        url: 'categories.php?action=xy_prices&pID='+PRODUCTS_ID+'&xy_action=read_datafile',
        dataType: 'json',
        success: function(json){
            for(let i in json.data){
                let d = json.data[i];
                console.log(d);
                //d.x, d.y, d.value
                $('table#xy-table-prices tbody input[data-xyvalue="'+(d.y+':'+d.x)+'"]').val( d.value );
            }
        },
        error: function( xhr ) {
            alert('Cant read XY File');
        }
    });
}*/
function check_allocation(){
    $('table#xy-table tbody tr td select[name="xy-allocation"]').each(function(){
        if($(this).val() == 'X'){
            if(CHOOSEN_ALLOCATION[0] == -1){
                CHOOSEN_ALLOCATION[0] = parseInt($(this).attr('id').replace('prop',''));
            }else{
                $(this).val('');
            }
        }else if($(this).val() == 'Y'){
            if(CHOOSEN_ALLOCATION[1] == -1){
                CHOOSEN_ALLOCATION[1] = parseInt($(this).attr('id').replace('prop',''));
            }else{
                $(this).val('')
            }
        }
    });
    if(CHOOSEN_ALLOCATION[0]>0 && CHOOSEN_ALLOCATION[1]>0){
        window.location.href=LINK_CREATE_XY_PRICE+'&ppIDX='+CHOOSEN_ALLOCATION[0]+'&ppIDY='+CHOOSEN_ALLOCATION[1];
    }
    return false;
}
function draw_xy_price_values(){
    let PO = JSON.parse(PROPERTIES_JSON);
    let grid = {};
    grid.X = [];
    grid.Y = [];
    for(let i in PO){
        if( PO[i].id == ppIDX ){
            for(let j in PO[i].values){
                let ppOb = {
                    id: PO[i].values[j].description.products_properties_values_id,
                    text: PO[i].values[j].description.title,
                    heading: PO[i].title,
                };
                grid.X.push( ppOb );
            }
        }else if( PO[i].id == ppIDY){
            for(let j in PO[i].values){
                let ppOb = {
                    id: PO[i].values[j].description.products_properties_values_id,
                    text: PO[i].values[j].description.title,
                    heading: PO[i].title,
                };
                grid.Y.push( ppOb );
            }
        }
    }
    let xy_allocations_html='<h3>'+XY_PRICE_VALUES_TITLE+'</h3>';
    let add_ppv_options = '';
    if(unused_properties.length > 0){
        add_ppv_options += '<option value="">---</option>';
        for(i in unused_properties){
            let up = unused_properties[i];
            add_ppv_options += '<option value="'+up.id+'" title="'+up.text+'">'+up.title+'</option>';
        }
    }
    if(add_ppv_options.length>0){
        xy_allocations_html += XY_PRICE_ADD_PROPERTY_TO_EXISTING_MATRIX+':&nbsp;<select onchange="xy_add_ppv(this)" name="add_ppv">'+add_ppv_options+'</select>';
    }
    xy_allocations_html += '<form name="xy-price-values-form" action="'+FORM_XY_PRICE_VALUES_ACTION+'&product_properties_xy_prices_id='+product_properties_xy_prices_id+'" method="POST">';
    xy_allocations_html += '<table id="xy-table-prices" class="yesListTable_minimal"><thead>';
    xy_allocations_html += '<tr><th>&nbsp;</th>';
    for(let i in grid.X){
        xy_allocations_html += '<th>'+grid.X[i].heading+': '+(grid.X[i].text)+'</th>';
    }
    xy_allocations_html += '</thead><tbody>';
    for(let i in grid.Y){
        xy_allocations_html += '<tr><td><b>'+(grid.Y[i].heading)+': '+(grid.Y[i].text)+'</b></td>';
        for(let j in grid.X){
            let inp_name = grid.X[j].text+':'+grid.Y[i].text;
            if(IMPORTPREISE.length > 0 && typeof(IMPORTPREISE[ grid.X[j].text ]) != 'undefined' && typeof( IMPORTPREISE[ grid.X[j].text ][ grid.Y[i].text ]) != 'undefined'){
                var ppxyvid = IMPORTPREISE[ grid.X[j].text ][ grid.Y[i].text ].product_properties_xy_prices_values_id;
                var inp_val = IMPORTPREISE[ grid.X[j].text ][ grid.Y[i].text ].brutto;
            }else{
                var ppxyvid = 0;
                var inp_val = 0;
            }
            inp_name += ':'+ppxyvid;
            let xyvalue = grid.X[j].text+':'+grid.Y[i].text;
            let inp = '<input style="margin-bottom: 4px;" data-mainitem=1 type="text" data-xyvalue="'+xyvalue+'" name="'+inp_name+'" value="'+inp_val+'" size="6" maxlength="10" />';
            let add_inp = '';
            /** RAUS 2024/10
            if( IMPORTPREISE_ADD.length){
                for( let ia in IMPORTPREISE_ADD){
                    var iao = IMPORTPREISE_ADD[ia];
                    if(typeof(iao[grid.X[j].text]) != 'undefined' && typeof(iao[grid.X[j].text]) != 'undefined' && typeof( iao[ grid.X[j].text ][ grid.Y[i].text ]) != 'undefined'){
                        let addObj = iao[ grid.X[j].text ][ grid.Y[i].text ];
                        let add_inp_name = 'add_'+addObj.product_properties_xy_prices_values_for_properties_id; //+':'+addObj.ppID;
                        add_inp += '<div data-sortorder="'+addObj.sort_order+'" class="additional_xy_prop">'+addObj.property_name+':<br /><input type="text" data-xyvalue="'+xyvalue+'" name="'+add_inp_name+'" value="'+addObj.brutto+'" size="6" maxlength="10" /></div>';
                    }
                }
            }
             * 
             */
            xy_allocations_html += '<td class="add_td" valign="top">'+inp+add_inp+'</td>';
        }
        xy_allocations_html += '</tr>';
    }
    xy_allocations_html += '</tbody></table>';
    xy_allocations_html += '<input type="submit" class="ui-button ui-corner-all ui-state-default" value="'+IMAGE_SAVE+'" style="padding: 4px;" /></form>';
    xy_allocations_html += '<br /><br /><a href="javascript:;" onclick="datafile_upload()">Fenster Preis Daten importieren</a>';
    $('#xy-allocation').html(xy_allocations_html);
    $('#xy-allocation table#xy-table-prices tbody tr td.add_td').each(function(){
        var current_td = $(this);
        var current_mainitem = current_td.children('input[data-mainitem=1]');
        var divList = $(this).children('.additional_xy_prop');
        divList.sort(function(a, b){
            return $(a).data("sortorder")-$(b).data("sortorder");
        });
        let sorted_html = current_mainitem[0].outerHTML;
        $.each(divList,function(){
            sorted_html += $(this)[0].outerHTML;
        });
        current_td.html(sorted_html);
    });
    
}
function delete_xy(){
    if(confirm(REALLY_DELETE_XY_ALLOCATIONS)){
        showPreloader();
        window.location.href='categories.php?action=xy_prices&pID='+PRODUCTS_ID+'&xy_action=delete';
    }
}
function datafile_upload(){
    $('#xy-upload-container').dialog({
       modal: true,
       title: 'Data Upload',
       width: 500,
       height: 500,
    });
}

function xy_add_ppv(elm){
    let ppID = $(elm).val();
    $(elm).hide();
    if(ppID < 1){
        $(elm).val('');
        return false;
    }
    showPreloader();
    window.location.href='{$XY_ADD_PPV_LINK}&ppID='+ppID;
    
}
$(function(){
   if(EXISTS){
       draw_xy_price_values();
       $('select[name="xy-allocation"]').prop('disabled', true);
   }
});
function get_property_name_from_properties_id( ppID, json ){
    for(i in json){
        if(json[i].id == ppID){
            return json[i].title;
        }
    }
    return 'unknown (Fehler)';
}
</script>

<h3>
{if $EXISTS}
    {$XY_PRICE_UPDATE_EXISTING}
{else}
    {$XY_PRICE_CREATE_NEW}
{/if}
</h3>

<table class="yesListTable_minimal" id="xy-table">
    <thead>
        <tr>
            <th>{$XY_PRICE_ALLOCATION}</th>
            <th>{$XY_PROPERTY}</th>
            <th>{$XY_PROPERTY_VALUES}</th>
        </tr>
    </thead>
    <tbody>
        {foreach from=$PROPERTIES item=p}
        <tr>
            <td>
                <select name="xy-allocation" id="prop{$p.id}">
                    <option value="">{$TEXT_SELECT}</option>
                    <option value="X" {if $EXISTS == 1}{if $SAVEDOBJECT->products_properties_id_X == $p.id} selected="selected"{/if}{/if}>X Wert</option>
                    <option value="Y" {if $EXISTS == 1}{if $SAVEDOBJECT->products_properties_id_Y == $p.id} selected="selected"{/if}{/if}>Y Wert</option>
                </select>
            </td>
            <td>{$p.title}<br /><i>{$p.text}</i></td>
            <td>
                {foreach from=$p.values item=val}
                &raquo;{$val.description->title}&laquo;&nbsp;
                {/foreach}
            </td>
        </tr>
        {/foreach}
    </tbody>
</table>
{if $EXISTS == '0'}
<button class="ui-button ui-corner-all ui-state-default" style="padding: 4px;" type="button" onclick="check_allocation()">{$BUTTON_USE_PROPERTY_CONFIGURATION}</button>
{/if}

<div id="xy-allocation">
</div>

<div id="xy-upload-container" style="display:none;" class="main">
    <p>{$XY_FILEUPLOAD_INTRO}</p>
    <form id="xy-upload-form" name="xy-upload" method="post" action="{$XY_UPLOAD_FORM_ACTION}&product_properties_xy_prices_id={$SAVEDOBJECT->product_properties_xy_prices_id}" enctype="multipart/form-data">
            {$XY_TAX_CLASS}<br />
            {$INPUT_TAX_CLASSES}<br /><br />
            <input type="file" name="xy-file">
            <input type="submit" />
    </form>
</div>