{config_load file=$language_path section="dhl"}

{yes_admin_page_menu main_title=$TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
<style>
    {literal}
    .hidden_additional_shipper_params{
        display: block;
        margin-top: 6px;
        background-color: #AAFFAA;
        padding: 3px;
    }
    .hidden_additional_shipper_params ul{
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
    }
    #profile_crud{
        width: 600px;
        margin-top:30px;
        display:none;
    }
    {/literal}
</style>
<script>
    var TEXT_SHIPPER_PROFILES_NAME = '{$TEXT_SHIPPER_PROFILES_NAME}';
    var TEXT_SHIPPER_PROFILES_VERSENDER = '{$TEXT_SHIPPER_PROFILES_VERSENDER}'
    var TEXT_SHIPPER_PROFILES_UPDATE = '{$TEXT_SHIPPER_PROFILES_UPDATE}';
    var TEXT_SHIPPER_PROFILES_ADD = '{$TEXT_SHIPPER_PROFILES_ADD}';
    var IMAGE_SAVE = '{$IMAGE_SAVE}';
    var JS_CONFIRM_REALLY_DELETE_PROFILE = '{$JS_CONFIRM_REALLY_DELETE_PROFILE}';
    var JSON_PARAMS = [];
{foreach from=$PROFILES item=p}
    {if $p.versender == 'DHL'}
    JSON_PARAMS.push({
        name: '{$p.profile_name}',
        json: {if $p.versender_params!=''}{$p.versender_params}{else}''{/if},
    });
    {/if}
{/foreach}
    
    {literal}
    $(function(){
        init_shipper_params();
    });
    
    function init_shipper_params(){
        $('.hidden_additional_shipper_params').each(function(){
            if( $(this).data('shipper') != $('select[name="default_shipper"]').val()){
                $(this).hide();
            }
        });
    }

    function createContentLoadURLContainer(elm){
        $('#contentloadcontainer').remove();
        elm.after('<div id="contentloadcontainer"></div>');
        return $('#contentloadcontainer');
    }
    
    function getContentLoadURL( elm, edit_mode,dhl_produkt ){
        let _cl = elm.data('contentloadurl');
        let _cl_val = elm.val();
        
        if(typeof(dhl_product) != 'undefined' && dhl_produkt != ''){
            _cl += '&dhl_produkt='+dhl_produkt;
        }else{
            _cl += '&dhl_produkt='+_cl_val;
        }
        
        if(edit_mode){
            _cl += '&shipper_profile='+$('#profile_crud form[name="profile_crud_form"] input[name="profile_name"]').val();
        }
        return _cl;
    }
    
    function display_additional_shipper_params( elm,dhl_produkt ){
        $('.hidden_additional_shipper_params').each(function(){
            $(this).hide();
        });
        if($(elm).val() == ''){
            return false;
        }
        $('.hidden_additional_shipper_params').each(function(){
            if($(this).data('shipper') == $(elm).val()){
                $(this).show();
                if($(this).find('select[data-contentloadurl]').length){
                    let elm = $(this).find('select[data-contentloadurl]');
                    let cc = createContentLoadURLContainer( elm );
                    let edit_mode = ($('#profile_crud form[name="profile_crud_form"] input[name="profile_name"]').attr('type') == 'hidden');
                    let _cl = '';
                    if(edit_mode){
                        _cl += getContentLoadURL(elm, edit_mode, dhl_produkt );
                    }else{
                        _cl += getContentLoadURL(elm, edit_mode, elm.val() );
                    }
                    cc.load(_cl);
                    $(this).find('select[data-contentloadurl]').on('change',function(){
                        let edit_mode = ($('#profile_crud form[name="profile_crud_form"] input[name="profile_name"]').attr('type') == 'hidden');
                        let _cl = getContentLoadURL($(this),edit_mode, '');
                        let cc = createContentLoadURLContainer( $(this) );
                        cc.load(_cl);
                    });
                }
            }
        });
    }
    function check_profile_crud_form(){
        let profile_name = $('form[name="profile_crud_form"] input[name="profile_name"]').val();
        if(profile_name.trim().length < 3){
            alert(TEXT_SHIPPER_PROFILES_NAME+': Mind. 3 Zeichen');
            return false;
        }
        let versender = $('form[name="profile_crud_form"] select[name="default_shipper"]').val();
        if(versender.length < 1){
            alert(TEXT_SHIPPER_PROFILES_VERSENDER+': Bitte Auswahl treffen');
            return false;
        }
        return true;
    }
    
    function edit_profile( profile_name, default_shipper, params ){
        params_json = false;
        var dhl_produkt = '';
        if(params == 'json'){
            for(let i in JSON_PARAMS){
                if( JSON_PARAMS[i].name == profile_name ){
                    params_json = JSON_PARAMS[i].json;
                    dhl_produkt = params_json.product;
                    $('select[name="versender_params['+default_shipper+'][produkt]"]').val(dhl_produkt);
                }
            }
        }
        $('#profile_crud_name_rules').hide();
        $('#profile_crud form[name="profile_crud_form"] input[name="profile_name"]').attr('type','hidden').val(profile_name);
        $('#profile_crud form[name="profile_crud_form"] #placeholder_profile_name').text(profile_name);
        $('#profile_crud form[name="profile_crud_form"] select[name="default_shipper"]').val(default_shipper);
        
        $('#profile_crud form[name="profile_crud_form"] input[type="submit"]').val(IMAGE_SAVE);
        let update_action = $('#profile_crud form[name="profile_crud_form"]').attr('action')+'&shipper_profiles_action=update';
        $('#profile_crud form[name="profile_crud_form"]').attr('action', update_action);
        
        init_shipper_params();
        display_additional_shipper_params( '#profile_crud form[name="profile_crud_form"] select[name="default_shipper"]',dhl_produkt );
        if(params_json === false){
            let saved_params = params.split(',');
            for(let i in saved_params){
                let keyval = saved_params[i].split(':');
                $('select[name="versender_params['+default_shipper+']['+keyval[0]+']"]').val(keyval[1]);
            }
        }
        $('#profile_crud').dialog({
            width: 600,
            height: 400,
            modal: true,
            title: TEXT_SHIPPER_PROFILES_UPDATE,
        });
    }
    function add_profile( ){
        $('#profile_crud_name_rules').show();
        $('#profile_crud form[name="profile_crud_form"] input[name="profile_name"]').attr('type','text').val('');
        $('#profile_crud form[name="profile_crud_form"] select[name="default_shipper"]').val('');
        $('#profile_crud form[name="profile_crud_form"] #placeholder_profile_name').text('');
        $('#profile_crud form[name="profile_crud_form"] input[type="submit"]').val(IMAGE_SAVE);
        let add_action = $('#profile_crud form[name="profile_crud_form"]').attr('action')+'&shipper_profiles_action=add';
        $('#profile_crud form[name="profile_crud_form"]').attr('action', add_action);
        init_shipper_params();
        display_additional_shipper_params( '#profile_crud form[name="profile_crud_form"] select[name="default_shipper"]','' );
        $('#profile_crud').dialog({
            width: 600,
            height: 400,
            modal: true,
            title: TEXT_SHIPPER_PROFILES_ADD,
        });
    }
    
    function delete_profile( profile_name ){
        if(confirm(JS_CONFIRM_REALLY_DELETE_PROFILE)){
            window.location.href='?set=shipping&action=shipper_profiles&shipper_profiles_action=delete&profile_name='+encodeURIComponent(profile_name);
        }
    }
    {/literal}
</script>



<br clear="all" />
<p>{$INTRO}</p>

<table class="yesListTable_minimal">
    <thead>
        <tr>
            <th>{$TEXT_SHIPPER_PROFILES_NAME}</th>
            <th>{$TEXT_SHIPPER_PROFILES_VERSENDER}</th>
            <th>{$TEXT_SHIPPER_PROFILES_VERSENDER_PARAMS}</th>
            <th>&nbsp;</th>
        </tr>
    </thead>
    <tbody>
        {foreach from=$PROFILES item=p}
        <tr>
            <td class="name">{$p.profile_name}</td>
            <td class="versender">{$p.versender}</td>
            <td class="versender_params">{yes_draw_shipping_item_additional_params shipping_configuration=$p.display_array}</td>
            <td>
                {if $p.versender == 'DHL'}
                <a style="font-size:1.8em;text-decoration: none;" href="javascript:edit_profile('{$p.profile_name}','{$p.versender}','json');">&#9998;</a>
                {else}
                <a style="font-size:1.8em;text-decoration: none;" href="javascript:edit_profile('{$p.profile_name}','{$p.versender}','{$p.versender_params}');">&#9998;</a>
                {/if}
                &nbsp;
                <a style="color: red;font-size:1.2em;text-decoration: none;" href="javascript:delete_profile('{$p.profile_name}');">&#10060;</a>
            </td>
        </tr>
        {foreachelse}
        <tr>
            <td colspan="3"><i>{$TEXT_SHIPPER_PROFILES_NO_DATA}</i></td>
        </tr>
        {/foreach}
    </tbody>
</table>
<br />
<a href="javascript:add_profile()"><button style="padding: 4px;" class="ui-button ui-corner-all ui-state-highlight">{$TEXT_SHIPPER_PROFILES_ADD}</button></a>
<div id="profile_crud" class="main">
    <form name="profile_crud_form" action="?set=shipping&action=shipper_profiles" onsubmit="return check_profile_crud_form()" method="post">
            <label for="profile_name"><b>{$TEXT_SHIPPER_PROFILES_NAME}:&nbsp;</b></label>
            <input type="text" name="profile_name" value="" /><span id="placeholder_profile_name"></span>
            <span id="profile_crud_name_rules">{$TEXT_SHIPPER_PROFILES_NAME_RULES}</span>
            <br /><br />
            <label for="versender"><b>{$TEXT_SHIPPER_PROFILES_VERSENDER}:</b>&nbsp;</label>
            {$INPUT_DEFAULT_SHIPPER}<br />
            <input class="ui-button ui-corner-all ui-state-highlight" type="submit" value="" />
    </form>
</div>