{config_load file=$language_path section="general"}
{config_load file=$language_path section="reclamation"}
<style>
    select.colli{
        background: lightgreen;
    }
    .abholung_extra, .rueckerstattung_extra{
        display: none;
        padding: 4px;
    }
    #rueckbuchen{
        display: none;
    }
    .rueckbuch_item_status{
        display: inline-block;
        line-height: 12px;
        font-size: 1.2em;
    }
    .rueckbuch_item_status .rueckbuch_item_status_qty{
        display: inline-block;
        line-height: 12px;
        float:left;
        margin-left: 10px;
        margin-right: 10px;
        font-weight: bold;
    }
    .rueckbuch_item_title{
        font-weight: bold;
        display: inline-block;
        float: left;
        width: 100%;
    }
    .rueckbuch_item{
        display: block;
        padding: 5px;
    }
    .rueckbuch_item_input {
        display: inline-block;
        float: left;
        line-height: 12px;
        margin-right: 10px;
    }
    .rueckbuch_item_defect_comments{
        display:block;
        margin-top: 15px;
        padding: 3px;
    }
    .ui-dialog-titlebar-close {
        display: none;
    }
</style>
<script>
    var JS_ERROR_NO_KONTO = '{$JS_ERROR_NO_KONTO}';
    var reclamation_add_comments_error = '{#reclamation_add_comments_error#}';
    var no_reason_selected = '{#no_reason_selected#}';
    var text_reinsert_quantity = '{#text_reinsert_quantity#}';
    var text_create_as_defect = '{#text_create_as_defect#}';
    var text_retoure_rueckbuch_items = '{#text_retoure_rueckbuch_items#}';
    var text_defect_comment = '{#text_defect_comment#}';
    var text_defect_product = '{#text_defect_product#}';
    var text_reinsert_quantity_intro = '{#text_reinsert_quantity_intro#}';
    var text_no_retoure_intro = '{#text_no_retoure_intro#}';
    var text_rueckerstattung_default_comment = '{#text_rueckerstattung_default_comment#}';
    var oID = parseInt('{$ORDERS_ID}');
    var text_set_branches_id_for_rueckbuch = '{#text_set_branches_id_for_rueckbuch#}';
    var BRANCHES_NUM = parseInt('{$BRANCHES_NUM}');
    var INPUT_RUECKBUCH_BRANCHES_ID = '{$INPUT_RUECKBUCH_BRANCHES_ID}';
{literal}
$(function(){
    barpayment('hide');
    $('img.hover_img').mouseenter(function() {
        $(this).css("cursor","pointer");
        $(this).animate({'max-width': "120", 'max-height': "120"}, 'fast');
    });
    if($('#rueckbuchen').length && $('#rueckbuchen').html() != ''){
        $('#rueckbuchen').show();
    }
    $('img.hover_img').mouseleave(function() {   
        $(this).animate({'max-width': "25", 'max-height': "25"}, 'fast');
    });
    if($('input[name="abholung"]').prop('checked')){
        $('.abholung_extra').show();
    }
    $('input[name="abholung"]').on('click',function(){
        if($(this).prop('checked')){
            $('.abholung_extra').show();
        }else{
            $('.abholung_extra').hide();
        }
    });
    $('select[name="rueckerstatten"]').on('change',function(){
        barpayment('hide');
        if($(this).val() == 2){
            $('.rueckerstattung_extra').show();
        }else{
            if($(this).val() == 3){
                barpayment('show');
            }
            $('.rueckerstattung_extra').hide();
        }
    });
    $('textarea[id="rueckerstattung[grund]"]').text(sprintf(text_rueckerstattung_default_comment,$('.ui-dialog-title').text(),oID));
});  
function barpayment(showhide){
    if(showhide == 'hide'){
        // wenn bar ausgewaehlt wird, wieder aktivieren
        $('#barpayment').hide();
        $('#barpayment input').prop('disabled','disabled');
    }else{
        $('#barpayment').show();
        $('#barpayment input').prop('disabled',false);
    }
}
function recalc_rueckbuchdefect(elm,total,opid){
    let val = parseInt($(elm).val());
    if($('#submodal').length){
        $('#submodal').remove();
    }
    let rueckbuch = total - val;
    $(elm).parent().parent().find('.rueckbuch_item_status_qty').text(rueckbuch);
    var html = '';
    for(var i=0;i<val;i++){
        let comment = '<textarea name="rueckbuch[defect_comments]['+opid+'][]" cols="40" rows="2">Defekt ...</textarea>';
        html += '<b>'+text_defect_product+' '+(i+1)+'</b>:<br />'+text_defect_comment+'<br />'+comment+'<br />';
    }
    
    $('#rueckbuch_item_defect_comments_'+opid).html(html);
    var c = 0;
    $('#rueckbuch_item_defect_comments_'+opid+' select').each(function(){
        $(this).prop('selectedIndex', c);
        c++;
    });
}
function getRueckbuchEntryHTML(rueckbuch_item){
    var html = '<div class="rueckbuch_item ui-widget-content" id="rueckbuch_item_'+rueckbuch_item.opid+'">';
    html += '<div class="rueckbuch_item_title">'+rueckbuch_item.qty+'x [pID '+rueckbuch_item.pid+'] '+rueckbuch_item.name+'</div>';
    let dselect = '<select onchange="recalc_rueckbuchdefect(this,'
            +rueckbuch_item.qty+',\''+rueckbuch_item.opid+'\')" name="rueckbuch[defect_quantity]['
            +rueckbuch_item.opid+']">';
    for(var i=0;i<=rueckbuch_item.qty;i++){
        dselect +='<option value="'+i+'">'+i+'</option>';
    }
    dselect += '</select>';
    html += '<div class="rueckbuch_item_input">'+text_create_as_defect+': '+dselect+'</div>';
    html += '<div class="rueckbuch_item_status"><div class="rueckbuch_item_status_qty">'
            +rueckbuch_item.qty+'</div> '
            +text_retoure_rueckbuch_items+'</div>';
    html += '<div class="rueckbuch_item_defect_comments" id="rueckbuch_item_defect_comments_'
            +rueckbuch_item.opid+'"></div>';
    html += '</div>';
    return html;
}

function rpSerialize(){
    var ta = new Array();
    $('form#dummy textarea').each(function(){
        ta.push({
            name: $(this).attr('name'),
            value: $(this).val()
        });
        $(this).remove();
    });
    let params = $('form#dummy').serialize();
    for(i in ta){
        params += '&'+ta[i].name+'='+encodeURIComponent(ta[i].value);
    }
    return params;
}

function stepwise_ready_function_5(){
    var comments = $('textarea[name="comments"]').val();
    if(comments.trim().length<3){
        STEP--;
        alert(reclamation_add_comments_error);
        return false;
    }
    var reason = parseInt($('select[name="reclamations_reasons_id"]').val());
    if(isNaN(reason) || reason < 1){
        STEP--;
        alert(no_reason_selected);
        return false;
    }
    var params = '&'+rpSerialize();
    $.ajax({
        url: 'reclamations.php?action=stepwise_addorder_save'+params,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            window.location.href=STEP_FINAL_URL;
        },
        error: function(xhr){
            alert('Cant process step 5');
        }
    });
}
function stepwise_ready_function_4(){
    var params = '&send='+$('input[name="send"]:checked').val();
    var isShipping = $('input[name="send"]:checked').val();
    if(isShipping == 1){
        params = '&'+rpSerialize();
    }
    $.ajax({
        url: 'reclamations.php?action=stepwise_addorder_save'+params,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            stepwise_next();
        },
        error: function(xhr){
            alert('Cant process step 4');
        }
    });
    
}


function stepwise_ready_function_3(){
    var isBank = ($('select[name="rueckerstatten"]').val() == 2);
    if(isBank){
        var kto_nummer = $('input[name="rueckerstattung[kto_nummer]"]').val();
        var iban = $('input[name="rueckerstattung[kto_iban]"]').val();
        if(kto_nummer.length < 3 && iban.length < 3){
            alert(JS_ERROR_NO_KONTO);
            return false;
        }
    }
    params = '&'+rpSerialize();
    $.ajax({
        url: 'reclamations.php?action=stepwise_addorder_save'+params,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            stepwise_next();
        },
        error: function(xhr){
            alert('Cant process step 3');
        }
    });
    
}
function stepwise_ready_function_1(){
    var abholung_get_value = ($('input[name="abholung"]').prop('checked'))?1:0;
    var params = '&abholung='+abholung_get_value;
    if($('input[name="abholung"]').prop('checked')){
        params = '&'+rpSerialize();
    }
    $.ajax({
        url: 'reclamations.php?action=stepwise_addorder_save'+params,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            stepwise_next();
        },
        error: function(xhr){
            alert('Cant process step 2');
        }
    });
}

function stepwise_ready_function_2(){
    var isOneSelected = false;
    var rueckbuch_items = new Array();
    $('table.rec_op_table select').each(function(){
        if($(this).val()>0){
            let tr = $(this).parent().parent();
            let opid = tr.children('td.pid').data('opid');
            let name = tr.children('td.name').find('.clearName').text();
            if($('#colli_info_text_'+opid).length){
               name = $('#colli_info_text_'+opid).html()+' '+name;
            }
            rueckbuch_items.push({
                pid: tr.children('td.pid').data('pid'),
                opid: opid,
                name: name,
                qty: parseInt($(this).val())
            });
            isOneSelected = true;
        }
    });
    if(!isOneSelected){
        return false;
    }
    
    if($('#rueckbuchen').length && $('#rueckbuchen').is(':hidden')){
        var rhtml = '<div style="margin-top: 15px;padding: 4px; width: 500px;" class="ui-widget-content"><i>'+text_no_retoure_intro+'</i></div>';
        for(var i in rueckbuch_items){
            let ri = rueckbuch_items[i];
            rhtml += getRueckbuchEntryHTML(ri);
        }
        if(BRANCHES_NUM > 0){
            rhtml += '<br /><label>'+text_set_branches_id_for_rueckbuch+'</label>';
            rhtml += INPUT_RUECKBUCH_BRANCHES_ID;
        }
        $('#rueckbuchen').append(rhtml).show();
        $('form#dummy select[name^="quantity"]').each(function(){
                $(this).prop('disabled','disabled');
        });
        return false;
    }
    var disabled = $('form#dummy').find('select:disabled').removeAttr('disabled');
    $.ajax({
        url: 'reclamations.php?action=stepwise_addorder_save&'+rpSerialize(),
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            stepwise_next();
        },
        error: function(xhr){
            alert('Cant process step 1');
        }
    });
}
{/literal}
</script>
<form id="dummy">
{if $BLOCK == 'products'}
    <p>{$TEXT_SELECT_RECLAMATION_PRODUCTS}</p>
    {$products}
    
    <!-- BOF KEINE RETOURE //-->
    {if $RUECKBUCHEN == 1}
    <div id="rueckbuchen"></div>
    {/if}
    <!-- EOF KEINE RETOURE //-->
{else if $BLOCK == 'retoure'}
    {$INPUT_ABHOLUNG} {$TEXT_ADDORDER_ABHOLUNG}
    <div class="abholung_extra">
        <table>
            <tr>
                <td>{#return_costs#}</td>
                <td>{$INPUT_TRANSPORTKOSTEN}</td>
            </tr>
            <tr>
                <td>{#return_company#}</td>
                <td>{$INPUT_VERSENDER}</td>
            </tr>
            {foreach from=$ADDRESS_INPUT item=ai}
            <tr>
                <td>{$ai.title}</td>
                <td>{$ai.input}</td>
            </tr>
            {/foreach}
        </table>
    </div>
{else if $BLOCK == 'rueckerstattung'}
    <div style="margin-bottom: 5px;">{#reimbursement#}: {$INPUT_RUECKERSTATTUNG}</div>
    <div style="margin-bottom: 5px;">{#amount#}: {$INPUT_BETRAG}</div>
    <div class="rueckerstattung_extra">
        <table cellpadding="0">
            {foreach from=$KONTO_FIELDS item=bi}
            <tr>
                <td>{$bi.title}</td>
                <td>{$bi.input}</td>
            </tr>
            {/foreach}
        </table>
        {if $SAVE_KTO}
        <div style="margin-bottom: 5px;">{$SAVE_KTO}{#save_bankdata_to_customer#}</div>
        {/if}
    </div>
    {#reimbursement_reason#}:<br />
    {$INPUT_GRUND}<br />
    
    
    <div id="barpayment">
        <p style="font-weight: bold;">{#text_barpayment_intro#}</p>
        {#text_barpayment_now#} {$BARPAYMENT}<br />
        {#text_barpayment_later#} {$NOBARPAYMENT}
    </div>
    
{else if $BLOCK == 'shipping'}
    <p><b>{#shippingcosts#}</b><br />{#shippingcosts_intro#}</p>
    <div style="margin-bottom: 5px;">
        {$INPUT_SEND1} {#shipping_value_send#}<br />
        {#shippingcosts#} {$INPUT_SHIPPINGCOSTS}<br />
        {#versender_proposal#} {$INPUT_SHIPPER}
        {if $SHIPPING_NOW}
        <br />{#text_shipping_now#}: {$SHIPPING_NOW}
        {/if}
    </div>
    <hr noshade="noshade" />
    <div style="margin-bottom: 5px;">{$INPUT_SEND2} {#shipping_value_nosend#}</div>
{else if $BLOCK == 'costs'}
    {if $INPUT_RECLAMATIONS_REASONS}
    <div style="margin-bottom: 5px;">{#reason#}: {$INPUT_RECLAMATIONS_REASONS}</div>
    {/if}
    <div style="margin-bottom: 5px;">{#reclamation_add_comments#}:<br />{$INPUT_COMMENTS}</div>
    <div style="margin-bottom: 5px;">{#repair_costs#}: {$INPUT_REPAIRCOSTS}</div>
    <div style="margin-bottom: 5px;">{#edit_fee#}: {$INPUT_EDITFEE}</div>
{/if}
</form>