{config_load file=$language_path section="general"}
{config_load file=$language_path section="shippings"}
{config_load file=$language_path section="dhl"}
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_TITLE}
<style type="text/css">
{literal}
table.open_dhl td.status{
    font-family: fixed, system, monospace;
    font-size: 11px;
    color: #000;
}
table.open_dhl td.status .dhl_err{
    color: #FF0000;
    font-weight: bold;
}
.DHL_item_response{
    border: 1px solid #000;
    background-color: #CCC;
    padding: 4px;
}
.DHL_item_response_validation_message{
    margin-left: 10px;
    font-style: italic;
}
.DHL_item_is_valid{
    background-color: #FFF;
    font-weight: bold;
    color: green;
}
#parseError{
    border: 1px solid #FF0000;
    background-color: #EEEEEE;
    padding: 4px;
    padding-left: 45px;
    background-image: url("images/icons/error.gif");
    background-repeat: no-repeat;
    background-position: 10px center; 
    background-size: 20px 20px;
}
{/literal}
</style>
<script type="text/javascript">
{literal}

// one function to handle both ascending and descending sorts
function cmp(a, b) {
  firstName = $(a).find('td:first-child').text();
  secondName = $(b).find('td:first-child').text();
  if (firstName < secondName) { return (sortAscending) ? -1 : 1; }
  else if (firstName > secondName) { return (sortAscending) ? 1 : -1; }
  else { return 0; }
}

function updateData() {
  $("table.open_dhl tbody tr").remove();
  $("table.open_dhl tbody").append(sortedRows);
}
var rows, sortedRows, firstName, secondName;
var sortAscending = false;
function sort_open_dhl(){
    rows = $("table.open_dhl tbody").find("tr");
    sortAscending = !sortAscending;
    sortedRows = rows.sort(cmp);
    updateData();
}
$(function(){
    sort_open_dhl();
    $('.DHL_item_container').each(function(){
        let produkt = $(this).data('produkt');
        let id = $(this).data('shippingid');
        let parent_div_id = $(this).attr('id');
        $(this).load('dhl_print_label.php?action=get_produkt_config&dhl_produkt='+produkt+'&shipping_id='+id+'&parent_div_id='+parent_div_id+'&full_options=1');
    });
    $('input#update_list').on('click',function(){
        validate_save();
    });
    $('input#start_dhl_batch').on('click',function(){
        send_to_dhl();
    });
    $('a.show_params').each(function(){
        $(this).on('click',function(){
            $(this).parent().parent().find('.DHL_item_container').toggle();
        });
    });
});

function send_to_dhl(){
    if($('.DHL_item_container').length < 1){
        window.location.href='dhl_print_label.php?action=list';
        return false;
    }
    showPreloader();
    var params = [];
    $('table.open_dhl tbody tr').each(function(){
        let shID = $(this).attr('id').replace('open_dhl_','');
        params.push('id[]='+shID);
    });
    let url = 'dhl_print_label.php?action=create_shipments&'+params.join('&');
    $.ajax({
        url: url,
        dataType: 'json',
        success: function( json ){
            hidePreloader();
            if(json.MSG != ''){
                alert(json.MSG);
            }else{
                $('table.open_dhl tbody tr').remove();
                window.location.href='dhl_print_label.php?action=select_pdf_download';
            }
        },
        error: function( xhr ){
            alert('cant update DHL shipping item');
        }
    });
}

function validate_save(){
    if($('.DHL_item_container').length < 1){
        window.location.href='dhl_print_label.php?action=list';
        return false;
    }
    var item = $('.DHL_item_container')[0];
    var params = [];
    var shID = $(item).data('shippingid');
    var produkt = $(item).data('produkt');
    $(item).find('input').each(function(){
        switch($(this).attr('type')){
            default:
            case 'text':
            case 'hidden':
                if($(this).val() != ''){
                    params.push($(this).attr('name')+'='+encodeURIComponent($(this).val()));
                }
                break;
            case 'number':
                params.push($(this).attr('name')+'='+$(this).val());
                break;
            case 'date':
                params.push($(this).attr('name')+'='+$(this).val());
                break;
            case 'checkbox':
                if($(this).prop('checked')){
                    params.push($(this).attr('name')+'=1');
                }
                break;
        }
    });
    $(item).find('select').each(function(){
        if($(this).val() != ''){
            params.push($(this).attr('name')+'='+$(this).val());
        }
    });
    let url = 'dhl_print_label.php?action=update&id='+shID+'&produkt='+produkt;
    if(params.length > 0){
        url += '&'+params.join('&');
    }
    $.ajax({
        url: url,
        dataType: 'json',
        success: function( json ){
            if(json.MSG != ''){
                alert(json.MSG);
            }
            $(item).remove();
            validate_save();
        },
        error: function( xhr ){
            alert('cant update DHL shipping item');
        }
    });
}
{/literal}
</script>
<br />
<h3>DHL Validierung</h3>

{if $VALIDATION_ERRORS != ''}
<div id="parseError">
<span class="errorText"><pre>{$VALIDATION_ERRORS}</pre></span>
</div>
{/if}


<h4>{$RESPONSE->status->title}: {$RESPONSE->status->detail}</h4>

<table border="0" class="yesListTable_minimal open_dhl">
    <thead>
        <tr>
            <th><a onclick="javascript:sort_open_dhl()" href="javascript:;" title="Sortierung umkehren">{#date_shipping#}</a></th>
            <th>{#order#} / {#reclamation#}</th>
            <th>{#quantity_short#}</th>
            <th>Parameter</th>
        </tr>
    </thead>
    <tbody>
    {foreach from=$ITEMS item=it key=k}
        <tr id="open_dhl_{$it.id}">
            <td>{$it.date_finished_formatted}</td>
            <td>{if $it.reclamations_id > 0}{#reclamation#} #{$it.reclamations_id}{else}{#order#} #{$it.orders_id}{/if}</td>
            <td>{$it.packages}</td>
            <td>
                {assign var=counter value=$k+1}
                {assign var=is_valid value=1}
                {foreach $RESPONSE->items as $ri}
                    {if $ri->sequenceNumber == $counter}
                        {if $ri->sstatus->statusCode != 200}
                            {foreach $ri->validationMessages as $vm}
                                {if $vm->validationState == 'Error'}
                                    {assign var=is_valid value=0}
                                {/if}
                            {/foreach}
                        {/if}
                    <div class="DHL_item_response {if $ri->sstatus->statusCode == 200} DHL_item_is_valid{/if}">
                        {if $is_valid == 1}
                        OK <a class="show_params" href="javascript:;"><button style="padding: 4px;" type="button" class="ui-button ui-corner-all ui-state-default">DHL Parameter anzeigen/verbergen</button></a>
                            {if $ri->sstatus->statusCode != 200}
                                <br />
                                {$ri->sstatus->title} (Code {$ri->sstatus->statusCode}) {$ri->sstatus->detail}
                                {foreach from=$ri->validationMessages item=vm}
                                <div class="DHL_item_response_validation_message" title="{$vm->property}">{$vm->validationState}: {$vm->validationMessage}</div>
                                {/foreach}
                            {/if}
                        {else}
                            {$ri->sstatus->title} (Code {$ri->sstatus->statusCode}) {$ri->sstatus->detail}
                            {foreach from=$ri->validationMessages item=vm}
                            <div class="DHL_item_response_validation_message" title="{$vm->property}">{$vm->validationState}: {$vm->validationMessage}</div>
                            {/foreach}
                            
                        {/if}
                    </div>
                    {/if}
                {/foreach}
                
                <div {if $is_valid == 1} style="display:none;" {/if} id="DHL_item_container_{$it.id}" class="DHL_item_container" data-shippingid="{$it.id}" data-produkt="{$it.shipping_configuration.produkt}"></div>
            </td>
        </tr>
    {/foreach}
    </tbody>
</table>

{if !$ERRORS}
<input type="button" class="ui-button ui-corner-all ui-state-default" id="start_dhl_batch" value="Datensätze an DHL melden" />
{/if}
<input type="button" class="ui-button ui-corner-all ui-state-default" id="update_list" value="Korrigierte Datensätze erneut Validieren" />