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

{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_TITLE right_content=$RIGHT_CONTENT}

<style>
    .pflichtfeld{
        border: 2px dashed red;
    }
    table.stornotable{
        width: 1000px;
    }
    table.stornotable fieldset {
        margin-top: 12px;
    }
    table.stornotable fieldset label::before{
        content:"\a";
    }
    table.stornotable fieldset .fieldset_row label{
        display: inline-block;
        width: 450px;
        margin-top: 12px;
    }
    table.stornotable fieldset legend {
        font-weight: bold;
    }
    .fieldset_row{
        vertical-align: top;
    }
    
</style>    

<script type="text/javascript">
var JS_ERROR_SELECT_RUECKERSTATTUNG_TYPE = '{$JS_ERROR_SELECT_RUECKERSTATTUNG_TYPE}';
var EXT_STORNO = '{$EXT_STORNO}'; // '1' oder '0'
var storno_js_error_invalid_input = '{#storno_js_error_invalid_input#}';
var short_orders_id = '{#short_orders_id#}';
var storno_js_error_defect_comment = '{#storno_js_error_defect_comment#}';
var storno_js_error_invalid_comments = '{#storno_js_error_invalid_comments#}';
function change_defekts(oID,pID){
	eval("defekt = document.forms['storno'].qty_defekt_"+oID+"_"+pID+";");
	eval("rueckbuch = document.forms['storno'].qty_rueckbuch_"+oID+"_"+pID+";");
	eval("oQ = qty_"+oID+"_"+pID+";");
	defekt.value = oQ-rueckbuch.value;
}
function change_rueckbuch(elm){
    var rc_name = 'rueckbuch_qty_container_';
    var ru_name = 'qty_defekt_';
    var elmName = $(elm).attr('name').replace(ru_name, rc_name);
    var rueckbuch = parseInt($('.'+elmName).text());
    var orig_rueckbuch = parseInt($('.'+elmName).data('orig'));
    var defects = parseInt($(elm).val());
    $('.'+elmName).text( orig_rueckbuch-defects );
}

function check_storno_form(){
    var errors = new Array();
    if(EXT_STORNO == '1'){
        $('textarea[name^="storno_grund_"]').each(function(){
            var orders_id = $(this).attr('name').replace('storno_grund_','');
            let content = $(this).val();
            let content_length = content.trim().length;
            if(content_length < 3){
                errors.push('['+short_orders_id+' '+orders_id+'] '+storno_js_error_invalid_input+': '+$(this).parent().find('label').text());
                $(this).addClass('pflichtfeld');
            }else{
                $(this).removeClass('pflichtfeld');
            }
        });
        $('fieldset#rueckerstattung select[name^="rueckerstatten_"]').each(function(){
            var orders_id = $(this).attr('name').replace('rueckerstatten_','');
            if($(this).val() == ''){
                var labeltxt = $(this).parent().find('label').text();
                labeltxt = labeltxt.replace('?','');
                errors.push('['+short_orders_id+' '+orders_id+'] '+storno_js_error_invalid_input+': '+labeltxt);
                $(this).addClass('pflichtfeld');
            }else{
                $(this).removeClass('pflichtfeld');
                let _amount = $(this).parent().parent().find('input[name="rueckerstatten_betrag_'+orders_id+'"]').val();
                _amount = parseFloat(_amount.replace(',','.'));
                if(_amount < 0.01){
                    errors.push('['+short_orders_id+' '+orders_id+'] '+storno_js_error_invalid_input+': '+$(this).parent().parent().find('input[name="rueckerstatten_betrag_'+orders_id+'"]').parent().find('label').text());
                    $(this).parent().parent().find('input[name="rueckerstatten_betrag_'+orders_id+'"]').addClass('pflichtfeld');
                }else{
                    $(this).parent().parent().find('input[name="rueckerstatten_betrag_'+orders_id+'"]').removeClass('pflichtfeld');
                }
            }
        });
        $('fieldset#rueckbuchen select[name^="qty_defekt_"]').each(function(){
            var itemId = $(this).attr('name').replace('qty_defekt_','');
            var orders_id_parts = itemId.split('_');
            var orders_id = orders_id_parts[0];
            $('textarea[name="comments_defekt_'+itemId+'"]').removeClass('pflichtfeld');
            if(parseInt($(this).val()) > 0){
                let comm = $('textarea[name="comments_defekt_'+itemId+'"]').val();
                if(comm.trim().length < 3){
                    errors.push('['+short_orders_id+' '+orders_id+'] '+storno_js_error_invalid_input+': '+storno_js_error_defect_comment);
                    $('textarea[name="comments_defekt_'+itemId+'"]').addClass('pflichtfeld');
                }
            }
        });
    }else{
        let comm = $('textarea[name="comments"]').val();
        $('textarea[name="comments"]').removeClass('pflichtfeld');
        if(comm.trim().length < 3){
            errors.push(storno_js_error_invalid_input+': '+storno_js_error_invalid_comments);
            $('textarea[name="comments"]').addClass('pflichtfeld');
        }
    }
    if(errors.length > 0){
        alert(errors.join("\n"));
        return false;
    }
    return true;
}

function toggleBlock(block_id,elm,orders_id){
    let show = (elm.val() == '1')?true:false;
    let inputRowId = elm.parent().data('rowid');
    $('fieldset#'+block_id+' .fieldset_row').each(function(){
        let rowID = $(this).data('rowid');
        if(rowID != inputRowId){
            if(show){
                $(this).show();
            }else{
                $(this).hide();
            }
        }
    });
}

function toggleRueckerstattung(elm, orders_id){
    let inputRowId = elm.parent().data('rowid');
    let show_bank = false;
    let bank_fields = new Array();
    bank_fields.push('rueckerstatten_kto_');
    bank_fields.push('rueckerstatten_inhaber_');
    bank_fields.push('rueckerstatten_blz_');
    bank_fields.push('rueckerstatten_bank_');
    bank_fields.push('rueckerstatten_iban_');
    bank_fields.push('rueckerstatten_swift_');
    bank_fields.push('save_kto_');
    let show = true;
    switch(elm.val()){
        case '2':
            show_bank = true;
            break;
        case '':
            show = false;
            break;
    }
    $('fieldset#rueckerstattung .fieldset_row').each(function(){
        $(this).find('input').each(function(){
            let fieldnameClean = $(this).attr('name').replace(orders_id,'');
            
            if(bank_fields.indexOf(fieldnameClean)>-1){
                if(show_bank){
                    $(this).parent().show();
                }else{
                    $(this).parent().hide();
                }
            }else{
                if(show){
                    $(this).parent().show();
                }else{
                    $(this).parent().hide();
                }
            }
        });
        $(this).find('textarea').each(function(){
            if(show){
                $(this).parent().show();
            }else{
                $(this).parent().hide();
            }
        });
    });
}



$(function(){
    var current_name = '';
    $('input:radio[name^="bestandsbuchung"]').each(function(){
	var orders_id = $(this).attr('name').replace('bestandsbuchung_','');
        toggleBlock('rueckbuchen',$(this),orders_id);
	$(this).on('change',function(){
            toggleBlock('rueckbuchen',$(this),orders_id);
	    //toggle_details('rueckbuchen_details_'+orders_id,$('input:radio[name="bestandsbuchung_'+orders_id+'"]:checked').val());
	});
    });
    $('input:radio[name^="abholung"]').each(function(){
	var orders_id = $(this).attr('name').replace('abholung_','');
        toggleBlock('retoure',$(this),orders_id);
	$(this).on('click',function(){
            toggleBlock('retoure',$(this),orders_id);
	    //toggle_details('retoure_details_'+orders_id,$('input:radio[name="abholung_'+orders_id+'"]:checked').val());
	});
    });
    $('form[name="storno"] select[name^="rueckerstatten_').each(function(){
	var orders_id = $(this).attr('name').replace('rueckerstatten_','');
        toggleRueckerstattung($(this),orders_id);
	$(this).on('change',function(){
            toggleRueckerstattung($(this),orders_id);
	    //toggle_details_rueck('rueckerstatten_details_'+orders_id,$('select[name="rueckerstatten_'+orders_id+'"]').val());
	});
    });
    if(EXT_STORNO == '1'){
        $('select[name^="rueckerstatten_"] option').each(function(){
            if($(this).val() =='1'){
                $(this).remove(); // "keine rueckerstattung" wird entfernt
            }

        });
    }
});
</script>

<p>{$TEXT_STORNO_PRE_INTRO}</p>

{if $ERROR != ''}

<div class="ui-widget" style="width:500px;">
    <div style="padding:15px;" class="ui-widget-header ui-state-error">Fehler</div>
    <div style="padding:15px;" class="ui-widget-content">{$ERROR}</div>
</div>

{else}
{$FORM}
<table class="stornotable">
{foreach from=$ORDERS_DATA item=o}
    <tr>
        <td class="ui-widget-content"><span style="font-size: 1.3em;font-weight:bold;">{$o.title} - {$TEXT_CURRENT_ORDER_STATUS}: {$o.order_status_name}</span></td>
    </tr><tr>
        <td>{$o.PRODUCTS}</td>
    </tr><tr>
        <td align="right">{$o.TOTALS}</td>
    </tr>
    {if $EXT_STORNO == '1'}
    <tr>
        <td class="ui-widget">
            <div style="padding: 3px;margin-bottom: 10px;" class="ui-widget-header"><h3>{$TEXT_ORDER_EXT_STORNO}</h3></div>
            <div style="padding: 3px;" class="ui-widget-content">
            {foreach from=$EXT_STORNO_INPUTS.main item=f}
            <div class="fieldset_row" data-rowid="0"><label>{$f.label}</label><br />{$f.input}</div>
            {/foreach}
            <fieldset id="retoure">
                <legend>{$EXT_STORNO_INPUTS.retoure.title}</legend>
                {foreach from=$EXT_STORNO_INPUTS.retoure.inputs item=f key=nr}
                <div class="fieldset_row" data-rowid="{$nr}"><label>{$f.label}</label>{$f.input}</div>
                {/foreach}
            </fieldset>
            <fieldset id="costs">
                <legend>{$EXT_STORNO_INPUTS.costs.title}</legend>
                {foreach from=$EXT_STORNO_INPUTS.costs.inputs item=f key=nr}
                <div class="fieldset_row" data-rowid="{$nr}"><label>{$f.label}</label>{$f.input}</div>
                {/foreach}
            </fieldset>
            <fieldset id="rueckerstattung">
                <legend>{$EXT_STORNO_INPUTS.rueckerstattung.title}</legend>
                {foreach from=$EXT_STORNO_INPUTS.rueckerstattung.inputs item=f key=nr}
                <div class="fieldset_row" data-rowid="{$nr}"><label>{$f.label}</label>{$f.input}</div>
                {/foreach}
            </fieldset>
            <fieldset id="rueckbuchen">
                <legend>{$EXT_STORNO_INPUTS.rueckbuchen.title}</legend>
                <p>{$EXT_STORNO_INPUTS.rueckbuchen.subtitle}</p>
                {foreach from=$EXT_STORNO_INPUTS.rueckbuchen.inputs item=f key=nr}
                <div class="fieldset_row" data-rowid="{$nr}"><label>{$f.label}</label>{$f.input}</div>
                {/foreach}
                {foreach from=$EXT_STORNO_INPUTS.rueckbuchen.products item=p key=opID}
                <div class="fieldset_row" data-rowid="{$opID}">
                    {if $p.collies|count > 0}
                        {foreach from=$p.collies item=c}
                            <div style="padding:4px;" class="ui-state-active">[SET] {$p.name}</div>
                            <div style="padding:4px;" class="ui-state-default ">{$c.colli_name}</div>
                            {foreach from=$c.inputs item=f}
                                <label>{$f.label}</label>{$f.input}<br />
                            {/foreach}
                        {/foreach}
                    {else}
                        <div class="ui-state-active">{$p.name}</div>
                        {foreach from=$p.inputs item=f}
                            <label>{$f.label}</label>{$f.input}<br />
                        {/foreach}
                    {/if}
                </div>
                {/foreach}
            </fieldset>
            </div>
        </td>
    </tr>
    {/if}
{/foreach}
{if $EXT_STORNO != '1'}
    <tr>
        <td>
            <label><hr noshade="noshade" />{$TEXT_COMMENT_FOR_STORNO}</label><br />{$INPUT_COMMENTS}
        </td>
    </tr>
{/if}
</table>
<input class="ui-button ui-corner-all ui-state-error" type="submit" value="{$BUTTON_ORDERS_MULTIPLE_STORNO_SUBMIT}" />
</form>
{/if}