{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
<style>
{literal}    
    table.key_table tbody tr td .perm{
        color: #777;
        font-style: italic;
    }
    #rakuten_errors{
        border: 1px solid #000;
        background: #FF0000;
        color: #FFFFFF;
    }
    #rakuten_errors ul{
        list-style-type: none;
    }
    .hist_name{
        display: inline-block;
        float: left;
        width: 140px;
    }
    .hist_val{
        display: inline-block;
    }
    a.products_id_allocation::before{
        content: '? ';
    }
    a.unallocated{
        background-color: #aaa;
        padding: 2px;
        text-decoration: none;
        border: 1px solid red;
    }
    a.allocated::before{
        content: '';
    }
    a.allocated{
        color: green;
        font-weight: bold;
    }
    .has_reduced_price{
        text-decoration: line-through;
        color: red;
    }
{/literal}
</style>
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
<br clear="all" />

{if $ERRORS}
<div id="rakuten_errors">
    <ul>
{foreach from=$ERRORS item=e}
        <li>{$e}</li>
{/foreach}
    {if $DEV}<li><font style="font-size: smaller;"><i>Auf Entwicklungssystemen im Sandbox Modus kann es bei diversen Calls zu Fehlern kommen, da die rakuten API viele Sandbox Funktionen nicht implementiert hat.</i></font></li>{/if}
    </ul>
</div>
{/if}

{if $action == 'delivery_allocation'}
<h3>{$PAGE_HEADING_DELIVERY_ALLOCATION}</h3>
<form action="rakuten.php?action=update_delivery_allocation" method="post">
    <table class="yesListTable_minimal">
        <thead>
            <tr>
                <th>YES</th>
                <th>Rakuten</th>
            </tr>
        </thead>
        <tbody>
    {foreach from=$RAKUTEN_LIEFERZEITEN item=LZ}
            <tr>
                <td>{$LZ.TITLE}</td><td>{$LZ.INPUT}</td>
            </tr>
    {/foreach}
        </tbody>
    </table>
    <input type="submit" value="Update" class="ui-button ui-corner-all ui-state-default"/>
    &nbsp;
    <input type="button" value="{#cancel#}" class="ui-button ui-corner-all ui-state-error" onclick="window.location.href='rakuten.php'"/>
</form>
{elseif $action == 'tax_allocation'}


<h3>{$PAGE_HEADING_TAX_ALLOCATION}</h3>
<form action="rakuten.php?action=update_tax_allocation" method="post">
    <table class="yesListTable_minimal">
        <thead>
            <tr>
                <th>YES</th>
                <th>Rakuten</th>
            </tr>
        </thead>
        <tbody>
    {foreach from=$RAKUTEN_TAXES item=RT}
            <tr>
                <td>{$RT.TITLE}</td><td>{$RT.INPUT}</td>
            </tr>
    {/foreach}
        </tbody>
    </table>
    <input type="submit" value="Update" class="ui-button ui-corner-all ui-state-default"/>
    &nbsp;
    <input type="button" value="{#cancel#}" class="ui-button ui-corner-all ui-state-error" onclick="window.location.href='rakuten.php'"/>
</form>

{elseif $action == 'addProductConfigure'}
<script src="js/tinymce-{$TINYMCE_VERSION}/js/tinymce/tinymce.min.js"></script>

{$WYSIWYG}
<script>
    var TEXT_CATEGORIES = '{#category#}';
{literal}
$(function(){
    $('table.add_product_table tbody tr.electro_product').hide();
    $('table.add_product_table tbody td.electronic_toggle').on('click',function(){
        $('table.add_product_table tbody tr.electro_product').toggle();
        var current_src = $('table.add_product_table tbody td.electronic_toggle img#electronic_toggle').attr('src');
        var current_src_path = current_src.split('/');
        var new_src = (current_src_path[1] == 'minus.gif') ? 'images/plus.gif' : 'images/minus.gif';
        $('table.add_product_table tbody td.electronic_toggle img#electronic_toggle').attr('src',new_src);
    }).css('cursor','pointer').css('font-size','larger');
    $('input.select_rakuten_category').on('click',function(){
       $('#modal_window').dialog({
          title: 'Rakuten Shop ' + TEXT_CATEGORIES,
          modal: true,
       }).load('rakuten.php?action=get_rakuten_category_id');
    });
});

function use_favorite(){
    $('input[name="rakuten_category_id"]').val($('select[name="favorites"]').val());
    $('select[name="favorites"]').val('');
}
{/literal}
</script>

<h3>{$PAGE_HEADING_ADD_PRODUCT}</h3>
{$FORM}
<table class="yes-ui-table add_product_table">
    <tbody>
    <tr>
        <td>{#products_name#}</td>
        <td>{$INPUT_NAME}</td>
    </tr>
    <tr>
        <td>{$TEXT_IMAGES}</td>
        <td>
            <table>
                <thead>
                    <tr>
            {foreach from=$IMAGES item=i key=k}
                        <th><input type="radio" name="default_image" value="{$k}" {if $i.default == 1} checked="checked" {/if} /></th>
            {/foreach}
                    </tr>
                </thead>
                <tbody>
                    <tr>
            {foreach from=$IMAGES item=i key=k}
                        <td><img src="{$i.url}" border="0" style="max-width: 100px;padding: 5px;" /></td>
            {/foreach}
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
    <tr>
        <td>{#category#}</td>
        <td>{$INPUT_SHOP_CATEGORY_ID}</td>
    </tr>
    <tr>
        <td>Rakuten Shop {#category#}</td>
        <td>{$INPUT_RAKUTEN_CATEGORY_ID}<input type="button" class="select_rakuten_category ui-button ui-corner-all ui-state-default" value="{#select#}"/>
            {$TEXT_RAKUTEN_CATEGORY_FAVORITES}: {$INPUT_RAKUTEN_FAVORITES}
            <div id="rakuten_category_id_name"></div>
        </td>
    </tr>
    <tr>
        <td>{#manufacturer#}</td>
        <td>{$INPUT_PRODUCER}</td>
    </tr>
    <tr>
        <td>{$TEXT_AVAILABLE}</td>
        <td>{$INPUT_AVAILABLE}</td>
    </tr>
    <tr>
        <td>{#quantity#}</td>
        <td>{$INPUT_STOCK}</td>
    </tr>
    <tr>
        <td>{$TEXT_MIN_ORDER_QTY}</td>
        <td>{$INPUT_MIN_ORDER_QTY}</td>
    </tr>
    <tr>
        <td>{$TEXT_HOMEPAGE}</td>
        <td>{$INPUT_HOMEPAGE}</td>
    </tr>
    <tr>
        <td>{$TEXT_CONNECT}</td>
        <td>{$INPUT_CONNECT}</td>
    </tr>
    <tr>
        <td>{#tax#}</td>
        <td>{$INPUT_TAX}</td>
    </tr>
    <tr>
        <td>{#price#}</td>
        <td>{$INPUT_PRICE}</td>
    </tr>
    <tr>
        <td>{$TEXT_PRICE_REDUCED}</td>
        <td>{$INPUT_PRICE_REDUCED} {$INPUT_PRICE_REDUCED_TYPE}</td>
    </tr>
    <tr>
        <td>{$TEXT_RAKUTEN_BASEPRICE_UNIT}</td>
        <td>{$INPUT_BASEPRICE_UNIT}</td>
    </tr>
    <tr>
        <td>{$TEXT_RAKUTEN_BASEPRICE_VOLUME}</td>
        <td>{$INPUT_BASEPRICE_UNIT_VOLUME}</td>
    </tr>
    <tr>
        <td>{#shipping#}</td>
        <td>{$INPUT_DELIVERY}</td>
    </tr>
    <tr>
        <td>{$TEXT_PRODUCT_ART_NO}</td>
        <td>{$INPUT_PRODUCT_ART_NO}</td>
    </tr>
    <tr>
        <td>ISBN</td>
        <td>{$INPUT_ISBN}</td>
    </tr>
    <tr>
        <td>EAN</td>
        <td>{$INPUT_EAN}</td>
    </tr>
    <tr>
        <td>MPN</td>
        <td>{$INPUT_MPN}</td>
    </tr>
    <tr>
        <td colspan="2" class="electronic_toggle ui-state-highlight"><img id="electronic_toggle" align="left" src="images/plus.gif" />&nbsp;{$TEXT_PRODUCT_IS_ELECTRONIC}</td>
    </tr>
    <tr class="electro_product">
        <td>{$TEXT_ENERGY_PRODUCT_GROUP}</td>
        <td>{$INPUT_ENERGY_PRODUCT_GROUP}</td>
    </tr>
    <tr class="electro_product">
        <td>{$TEXT_ENERGY_CLASS_FROM}</td>
        <td>{$INPUT_ENERGY_CLASS_FROM}</td>
    </tr>
    <tr class="electro_product">
        <td>{$TEXT_ENERGY_CLASS_TO}</td>
        <td>{$INPUT_ENERGY_CLASS_TO}</td>
    </tr>
    <tr class="electro_product">
        <td>{$TEXT_ENERGY_CLASS_LABEL}</td>
        <td>{$INPUT_ENERGY_CLASS_LABEL}</td>
    </tr><tr>
        <td colspan="2">&nbsp;</td>
    </tr><tr>
        <td colspan="2">{#products_description#} <a href="http://webservice.rakuten.de/documentation/howto/html_tags" style="padding: 3px;font-weight: bold;" class="ui-button ui-corner-all ui-state-highlight" target="_blank">Info</a></td>
    </tr><tr>
        <td colspan="2">{$INPUT_DESCRIPTION}</td>
    </tr>
    <tr>
        <td colspan="2">{$TEXT_INCI}</td>
    </tr><tr>
        <td colspan="2">{$INPUT_INCI}</td>
    </tr>
    <tr>
        <td>{$TEXT_COMMENT}</td>
        <td>{$INPUT_COMMENT}</td>
    </tr>
    <tr>
        <td>{$TEXT_VARIATIONS_DEFINITIONS}</td>
        <td>
            <input readonly="readonly" value="{$INPUT_VARIATIONS_DEFINITIONS.0}" name="variation_definition1" type="text" size="20" maxlength="20"/><br />
            <input readonly="readonly" value="{$INPUT_VARIATIONS_DEFINITIONS.1}" name="variation_definition2" type="text" size="20" maxlength="20"/><br />
            <input readonly="readonly" value="{$INPUT_VARIATIONS_DEFINITIONS.2}" name="variation_definition3" type="text" size="20" maxlength="20"/><br />
            <input readonly="readonly" value="{$INPUT_VARIATIONS_DEFINITIONS.3}" name="variation_definition4" type="text" size="20" maxlength="20"/><br />
            <input readonly="readonly" value="{$INPUT_VARIATIONS_DEFINITIONS.4}" name="variation_definition5" type="text" size="20" maxlength="20"/>
        </td>
    </tr><tr>
        <td colspan="2">{$TEXT_VARIATIONS}</td>
    </tr><tr>
        <td colspan="2">
            {foreach from=$INPUT_VARIATIONS item=v}
            <input type="checkbox" name="variant_art_no[]" value="{$v.variant_art_no}" checked="checked" />
            Anzahl <input type="stock[1]" value="{$v.stock}" size="5" maxlength="7" />
            {if $v.variation1_type != ''}{$v.variation1_type}: {$v.variation1_value} a {$v.price|number_format:2}&euro;{/if}
            {if $v.variation2_type != ''}/ {$v.variation2_type}: {$v.variation2_value}{/if}
            {if $v.variation3_type != ''}/ {$v.variation3_type}: {$v.variation3_value}{/if}
            {if $v.variation4_type != ''}/ {$v.variation4_type}: {$v.variation4_value}{/if}
            {if $v.variation5_type != ''}/ {$v.variation5_type}: {$v.variation5_value}{/if}
            <br />
            {/foreach}
        </td>
    </tr><tr>
        <td colspan="2">{$TEXT_ATTRIBUTES}</td>
    </tr><tr>
        <td colspan="2">{foreach from=$ATTRIBUTES item=att}
            <div style="color: #777; border: 1px dashed #777; padding: 5px; display: inline-block;">{$att.title}: {$att.value}</div>
        {/foreach}</td>
    </tr>
    </tbody>    
</table>

<div align="center">
    <input type="submit" value="Export" class="ui-button ui-corner-all ui-state-default" />
    <input type="button" onclick="window.location.href='rakuten.php'" value="{#cancel#}" class="ui-button ui-corner-all ui-state-error" />
</div>
</form>
{elseif $action=='getShopCategories'}
    
    {foreach from=$CATEGORIES item=c}
    {/foreach}
    
{elseif $action=='getProducts'}

<script>
var TEXT_ALLOCATE_PRODUCT = '{$TEXT_ALLOCATE_PRODUCT}';
var TEXT_AVAILABLE = '{$TEXT_AVAILABLE}';
var TEXT_SET_ACTIVE = '{$TEXT_SET_ACTIVE}';
var TEXT_SET_INACTIVE = '{$TEXT_SET_INACTIVE}';
var TEXT_PRODUCT = '{#product#}';
var TEXT_PRICE = '{#price#}';
var TEXT_ACTIVE = '{$TEXT_ACTIVE}';
var TEXT_INACTIVE = '{$TEXT_INACTIVE}';
var TEXT_QUANTITY = '{#quantity#}';
var TEXT_VARIATIONS = '{$TEXT_VARIATIONS}';
{literal}
$(function(){
    $('table.rakuten_products tbody tr td a.products_id_allocation').each(function(){
        rakuten_product_id_click_handler($(this));
    });
    $('table.rakuten_products tbody tr td .stock').each(function(){
        $(this).css('cursor','pointer').css('text-decoration','underline').on('click',function(){
            var product_art_no = $(this).data('product_art_no');
            var qty = $(this).text();
            $('#modal_window').dialog({
                title: TEXT_QUANTITY+' '+product_art_no,
                modal: true
            }).load('rakuten.php?action=edit_qty&product_art_no='+product_art_no+'&qty='+qty);
        });
    });
    $('table.rakuten_products tbody tr td.variation_stock').each(function(){
        $(this).css('cursor','pointer').css('text-decoration','underline').on('click',function(){
            var variant_art_no = $(this).parent().data('variant_art_no');
            var product_art_no = $(this).parent().data('product_art_no');
            var qty = $(this).text();
            $('#modal_window').dialog({
                title: TEXT_QUANTITY+' '+TEXT_VARIATIONS,
                modal: true
            }).load('rakuten.php?action=edit_qty&variant_art_no='+variant_art_no+'&qty='+qty+'&product_art_no='+product_art_no  );
        });
    });
    $('table.rakuten_products tbody tr td img.variation_available').each(function(){
        $(this).css('cursor','pointer').on('click',function(){
            var variant_art_no = $(this).parent().parent().data('variant_art_no');
            var product_art_no = $(this).parent().parent().data('product_art_no');
            var src = $(this).attr('src').split('/');
            var icon = $(this);
            if(src[2] == 'tick.gif'){
                var btn_text = TEXT_SET_INACTIVE;
                var available = 0;
            }else{
                var btn_text = TEXT_SET_ACTIVE;
                var available = 1;
            }
            $('#modal_window').dialog({
                title: 'Rakuten '+TEXT_PRODUCT+' Update',
                width: 'auto',
                height: 'auto',
                modal: true,
                buttons: [{
                        text: btn_text,
                        click: function(){
                            $.ajax({
                               url: 'rakuten.php?action=update_available&available=' +available+'&variant_art_no='+variant_art_no+'&product_art_no='+product_art_no,
                               dataType: 'json',
                               success: function(json){
                                   if(json.MSG != ''){
                                       $('#modal_window').dialog('destroy');
                                       $('#modal_window').dialog({
                                          title: 'Rakuten Error',
                                          modal: true
                                       }).html(json.MSG);
                                    return false;
                                   }
                                   if(available == 1){
                                       icon.attr('src','images/icons/tick.gif');
                                       icon.attr('title',TEXT_ACTIVE);
                                   }else{
                                       icon.attr('src','images/icons/cross.gif');
                                       icon.attr('title',TEXT_INACTIVE);
                                   }
                                   $('#modal_window').dialog('destroy');
                               },
                               error: function(xhr){
                                   alert('YES Error: Cant set variation availability');
                               }
                            });
                        }
                }]
            });
        });
    });
    $('table.rakuten_products tbody tr td img.toggle_status').each(function(){
        $(this).css('cursor','pointer').on('click',function(){
            var product_art_no = $(this).data('product_art_no');
            var src = $(this).attr('src').split('/');
            var icon = $(this);
            if(src[2] == 'tick.gif'){
                var btn_text = TEXT_SET_INACTIVE;
                var available = 0;
            }else{
                var btn_text = TEXT_SET_ACTIVE;
                var available = 1;
            }
            $('#modal_window').dialog({
                title: 'Rakuten '+TEXT_PRODUCT+' '+product_art_no,
                width: 'auto',
                height: 'auto',
                modal: true,
                buttons: [{
                        text: btn_text,
                        click: function(){
                            $.ajax({
                               url: 'rakuten.php?action=update_available&available=' +available+'&product_art_no='+product_art_no,
                               dataType: 'json',
                               success: function(json){
                                   if(json.MSG != ''){
                                       $('#modal_window').dialog('destroy');
                                       $('#modal_window').dialog({
                                          title: 'Rakuten Error',
                                          modal: true
                                       }).html(json.MSG);
                                    return false;
                                   }
                                   if(available == 1){
                                       icon.attr('src','images/icons/tick.gif');
                                       icon.attr('title',TEXT_ACTIVE);
                                   }else{
                                       icon.attr('src','images/icons/cross.gif');
                                       icon.attr('title',TEXT_INACTIVE);
                                   }
                                   $('#modal_window').dialog('destroy');
                               },
                               error: function(xhr){
                                   alert('YES Error: Cant set availability');
                               }
                            });
                        }
                }]
            })
        });
    });
});
function product_variant_price_handler(product_art_no, variant_art_no){
    var el = $('a.rakuten_product_variant_price[data-variant_art_no="'+variant_art_no+'"]');
    $('#modal_window').dialog({
        modal: true,
        title: TEXT_VARIATIONS+' '+TEXT_PRICE
    }).load('rakuten.php?action=edit_price&product_art_no='+product_art_no+
            '&variant_art_no='+encodeURIComponent(el.data('variant_art_no'))+
            '&price='+encodeURIComponent(el.text())+
            '&price_reduced='+encodeURIComponent(el.parent().find('.rakuten_product_variant_price_reduced').text())+
            '&price_reduced_type='+el.parent().find('.rakuten_product_variant_price_reduced').data('price_reduced_type')
    );
}
function product_price_handler(product_art_no){
    var el = $('a.rakuten_product_price[data-product_art_no="'+product_art_no+'"]');
        $('#modal_window').dialog({
            modal: true,
            title: TEXT_PRICE
        }).load('rakuten.php?action=edit_price&product_art_no='+product_art_no+
                '&price='+encodeURIComponent($(el).text())+
                '&price_reduced='+encodeURIComponent($(el).parent().find('.rakuten_product_price_reduced').text())+
                '&price_reduced_type='+$(el).parent().find('.rakuten_product_price_reduced').data('price_reduced_type')
        );
}
function update_rakuten_variant_product_qty(product_art_no, variant_art_no, qty){
    $.ajax({
       url: 'rakuten.php?action=update_qty&product_art_no='+product_art_no+'&qty='+$('input#rakuten_product_qty_update').val()+'&variant_art_no='+variant_art_no,
       dataType: 'json',
       success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            $('table#variations_'+product_art_no+' td.variation_stock').text( json.QTY );
            $('#modal_window').dialog('destroy');
       },
       error: function(xhr){
           alert('YES Error: Cant update variation quantity');
       }
    });
}
function update_rakuten_product_qty(product_art_no, qty){
    $.ajax({
       url: 'rakuten.php?action=update_qty&product_art_no='+product_art_no+'&qty='+$('input#rakuten_product_qty_update').val(),
       dataType: 'json',
       success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            $('table.rakuten_products tbody tr td .stock[data-product_art_no="'+product_art_no+'"]').text( json.QTY );
            $('#modal_window').dialog('destroy');
       },
       error: function(xhr){
           alert('YES Error: Cant update quantity');
       }
    });
}
function rakuten_products_allocation_success_handler(product_art_no,products_id){
    $('table.rakuten_products tbody tr td a.products_id_allocation').each(function(){
        if($(this).data('product_art_no') == product_art_no){
            $(this).data('products_id',''+products_id);
            $(this).removeClass('unallocated').addClass('allocated');
            $(this).text(products_id);
            rakuten_product_id_click_handler($(this));
        }
    });
}

function rakuten_product_id_click_handler(el){
    el.attr("onclick", "").unbind("click");
    if(el.data('products_id') == 0){
        el.on('click',function(){
                var proposal = el.parent().data('name');
                $('#modal_window').dialog({
                    title: TEXT_ALLOCATE_PRODUCT,
                    modal: true,
                    width: 'auto',
                    height: 'auto'
                }).load('rakuten.php?action=allocate_product&product_art_no='+encodeURIComponent(el.data('product_art_no'))+'&proposal='+encodeURIComponent(proposal));
        });
    }else{
        $(el).on('click',function(){
            $('#modal_window').dialog({
                    title: 'Info pID '+el.data('products_id'),
                    width: 'auto',
                    height: 'auto',
                    modal: true,
            }).load("products.php?action=ajax_view&pID="+el.data('products_id'));
        });
    }
}
function rakuten_update_price(product_art_no, variant_art_no){
    var price = $('#rakuten_edit_price_container input[name="price"]').val();
    var price_reduced = $('#rakuten_edit_price_container input[name="price_reduced"]').val();
    var price_reduced_type = $('#rakuten_edit_price_container select[name="price_reduced_type"]').val();
    $.ajax({
        url: 'rakuten.php?action=update_price&product_art_no='+product_art_no+'&variant_art_no='+encodeURIComponent(variant_art_no)+
                '&price='+encodeURIComponent(price)+'&price_reduced='+encodeURIComponent(price_reduced)+
                '&price_reduced_type='+price_reduced_type,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            if(json.variant_art_no != ''){
                $('table#variations_'+json.product_art_no+' tr[data-variant_art_no="'+json.variant_art_no+'"] td.price').html(json.html);
            }else{
                $('table.rakuten_products tbody #rakuten_price_container[data-product_art_no="'+json.product_art_no+'"]').html(json.html);
            }
            $('#modal_window').dialog('destroy');
        },
        error: function(xhr){
            alert('YES Error: Cant update price');
        }
    });
}
{/literal}
</script>
{$SEARCH_FORM}
<table border="0"  class="ui-widget-content" style="margin-bottom: 10px;">
    <tr>
        <td>
            {#search#} {$INPUT_SEARCH}
            {$INPUT_SEARCH_FIELD}
            <br />
            {$TEXT_VISIBLE} {$INPUT_VISIBLE}&nbsp;&nbsp;
            {#available#} {$INPUT_AVAILABLE}&nbsp;&nbsp;
            {$TEXT_SEARCH_VARIANTS} {$INPUT_VARIANTS}
        </td>
        <td valign="top">{#sort_order#}{$INPUT_ORDER}</td>
        <td valign="top"><input type="submit" value="{#search#}" class="ui-button ui-corner-all ui-state-default"/></td>
    </tr>
    
</table>
</form> 

<table class="yesListTable_minimal rakuten_products">
    <thead>
        <tr>
            <th>Rakuten ID</th>
            <th>pID</th>
            <th>{#image#}</th>
            <th>{#products_name#}</th>
            <th>{#price#}</th>
            <th>{#shipping#}</th>
            <th>{#manufacturer#}</th>
            <th>{#quantity#}</th>
            <th>Optionen</th>
        </tr>
    </thead>
    <tbody>
    {foreach from=$PRODUCTS->product item=p}
        <tr>
            <td>
                {if $p->has_variants != 1}
                <img class="toggle_status" data-product_art_no="{$p->product_art_no}" title="{if $p->available == 1}{$TEXT_ACTIVE}{else}{$TEXT_INACTIVE}{/if}" src="images/icons/{if $p->available == 1}tick.gif{else}cross.gif{/if}" width="15" height="15" align="left" style="padding: 3px;"/>
                {/if}
                <a href="{$p->url_shop}" target="_blank">{$p->product_art_no}</a>
            </td>
            <td data-name="{$p->name|replace:'"':""}">{show_rakuten_products_id_allocation art_no=$p->product_art_no hide_art_no=1}</td>
            <td>{if $p->images->image.0->src != ''}<img src="{$p->images->image.0->src}" style="max-width: 120px;max-height:120px;border: 0;">{/if}</td>
            <td>
                {$p->name}
                {if $p->ean != ''}<br /><i>EAN: {$p->ean}</i>{/if}
                {if $p->isbn != ''}<br /><i>ISBN: {$p->isbn}</i>{/if}
                {if $p->mpn != ''}<br /><i>MPN: {$p->mpn}</i>{/if}
                {if $p->shop_category_id != ''}
                <div style="color: #777;" class="shop_category">{$p->shop_category_id}</div>
                {/if}
                {if $p->rakuten_category_id != ''}
                <div style="color: #777;" class="rakuten_category">{$p->rakuten_category_id}</div>
                {/if}
                {if $p->inci != ''}
                <div style="color: #777;" title="{$TEXT_INCI}" class="inci">{$p->inci}</div>
                {/if}
                {if $p->has_variants == 1}
                <br /><a href="javascript:;" onclick="$('table#variations_{$p->product_art_no}').toggle()">{$TEXT_VARIATIONS}</a>
                        <table border="0" id="variations_{$p->product_art_no}" style="display: none;">
                            <tr>
                                <th>{#active#}</th>
                                <th>{#name#}</th>
                                <th>{#quantity#}</th>
                                <th>{#price#}</th>
                            </tr>
                    {foreach from=$p->variants->variant item=v}
                    <tr data-variant_art_no="{$v->variant_art_no}" data-variant_id="{$v->variant_id}" data-product_art_no="{$p->product_art_no}">
                                <td><img src="images/icons/{if $v->available == 1}tick.gif{else}cross.gif{/if}" class="variation_available" border="0" /></td>
                                <td>{$v->name}</td>
                                <td align="right" class="variation_stock">{$v->stock}</td>
                                <td align="right" class="price">
                                    {show_rakuten_product_price product_art_no=$p->product_art_no variant_art_no=$v->variant_art_no price=$v->price price_reduced=$v->price_reduced price_reduced_type=$v->price_reduced_type}
                                </td>
                            </tr>
                    {/foreach}
                        </table>
                {/if}
                    
            </td>
            <td align="right">
                <div id="rakuten_price_container" data-product_art_no="{$p->product_art_no}">
                {show_rakuten_product_price product_art_no=$p->product_art_no price=$p->price price_reduced=$p->price_reduced price_reduced_type=$p->price_reduced_type}
                </div>
                <div style="color: #777;" class="tax">{rakuten_get_tax_rate tax_id=$p->tax}%</div>
            </td>
            <td>
                {$TEXT_SHIPPING_GROUP}: {$p->shipping_group}<br />
                {#shippingtime#}: {rakuten_get_shipping shipping=$p->delivery}
            </td>
            <td>{$p->producer}</td>
            <td>{if $p->has_variants == 0}
                <div class="stock" data-product_art_no="{$p->product_art_no}">{$p->stock}</div>
                {/if}
                {if $p->stock_policy == 1}<img src="images/basicons/calculator70.png" width="20" height="20" title="{$TEXT_STOCK_POLICY} {#active#}" style="padding: 3px;" align="left"/>{/if}
                {if $p->min_order_qty > 0}<br />{$TEXT_MIN_ORDER_QTY}: {$p->min_order_qty}{/if}
                {if $p->staggering != ''}<br />{$TEXT_STAGGERING}: {$p->staggering}{/if}
                
            </td>
            <td>
                {if $p->baseprice_unit_volume != ''}{#vpe#}: {$p->baseprice_unit_volume} {$p->baseprice_unit}<br />{/if}
                {if $p->energy_product_group != ''}
                {$TEXT_ENERGY_PRODUCT_GROUP}: {rakuten_get_energy_product_group energy_product_group=$p->energy_product_group}<br />
                {/if}
                {if $p->energy_class_from != ''}
                {$TEXT_ENERGY_CLASS_FROM}: {rakuten_get_energy_class energy_class=$p->energy_class_from}<br />
                {/if}
                {if $p->energy_class_to != ''}
                {$TEXT_ENERGY_CLASS_TO}: {rakuten_get_energy_class energy_class=$p->energy_class_to}<br />
                {/if}
                {if $p->homepage != '0'}<br />Option Homepage: {#yes#}{/if}
                {if $p->connect != '0'}<br />Option CONNECT! {#yes#}{/if}
            </td>
        </tr>
    {/foreach}
    </tbody>
</table>
<div align="center">{$RAKUTEN_PAGING}</div>


{elseif $action=='getOrders'}

<script>
var TEXT_ALLOCATE_PRODUCT = '{$TEXT_ALLOCATE_PRODUCT}';
var TEXT_ORDER = '{#order#}';
{literal}
$(function(){
    $('table.rakuten_orders_table tbody tr td a.order_no').each(function(){
       $(this).on('click',function(){
           var order_no = $(this).data('order_no');
           $('#modal_window').dialog({
               title: 'Order #'+order_no,
               modal: true,
           }).load('rakuten.php?action=getOrderHistory&order_no='+order_no);
       });
    });
    $('table.rakuten_orders_table tbody tr td a.invoice_no').each(function(){
       $(this).on('click',function(){
           var order_no = $(this).data('order_no');
           $.ajax({
               url: 'rakuten.php?action=getOrderInvoiceDownload&order_no='+order_no,
               dataType: 'json',
               success: function(json){
                   window.location.href = 'http://'+json.url;
               },
               error: function(xhr){
                   alert('Invoice not available');
               }
           });
       });
    });
    $('table.rakuten_orders_table tbody tr td.order_items a.products_id_allocation').each(function(){
        rakuten_product_id_click_handler($(this));
    });
    
    // IMPORT BUTTON ZEIGEN
    $('table.rakuten_orders_table tbody tr').each(function(){
        rakuten_tr_show_import_order_buttons($(this));
    });
    $('input#rakuten_order_date_from,input#rakuten_order_date_to').datepicker({ dateFormat: 'yy-mm-dd',
        maxDate: 0
    });
    $('table.rakuten_orders_table input.order_action').each(function(){
        $(this).on('click',function(){
            window.location.href='rakuten.php?action=editOrder&order_no='+$(this).data('order_no');
        });
    });
});  

function rakuten_product_id_click_handler(el){
    el.attr("onclick", "").unbind("click");
    if(el.data('products_id') == 0){
        el.on('click',function(){
            var proposal = el.parent().data('name');
            $('#modal_window').dialog({
                title: TEXT_ALLOCATE_PRODUCT,
                modal: true,
                width: 'auto',
                height: 'auto'
            }).load('rakuten.php?action=allocate_product&product_art_no='+encodeURIComponent(el.data('product_art_no'))+'&proposal='+encodeURIComponent(proposal));
        });
    }else{
        $(el).on('click',function(){
            $('#modal_window').dialog({
                    title: 'Info pID '+el.data('products_id'),
                    width: 'auto',
                    height: 'auto',
                    modal: true,
            }).load("products.php?action=ajax_view&pID="+el.data('products_id'));
        });
    }
}

function rakuten_products_allocation_success_handler(product_art_no,products_id){
    $('table.rakuten_orders_table tbody tr td.order_items a.products_id_allocation').each(function(){
        if($(this).data('product_art_no') == product_art_no){
            $(this).data('products_id',''+products_id);
            $(this).removeClass('unallocated').addClass('allocated');
            rakuten_product_id_click_handler($(this));
            rakuten_tr_show_import_order_buttons($(this).parent().parent().parent());
        }
    });
}

function rakuten_tr_show_import_order_buttons(tr){
    if(tr.find('td#order_info input.orders_id_button').length !== 0){
        return false;
    }
    if(tr.data('status') != 'payout'){
        return false;
    }
    var products_num = tr.find('td.order_items a.products_id_allocation').length;
    var allocateds = 0;
    tr.find('td.order_items a.products_id_allocation').each(function(){
       if($(this).data('products_id') > 0){
           allocateds++;
       }
    });
    if(allocateds == products_num){
        var order_no = tr.data('order_no');
        tr.find('td#order_info').append(
            '<input type="button" onclick="rakuten_import_order(\''+order_no+'\')" value="Import" class="ui-button ui-corner-all ui-state-default import_order_button" />'
        );
    }
}

function rakuten_import_order(order_no){
    $.ajax({
        url: 'rakuten.php?action=import_order&order_no='+order_no,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
                return false;
            }
            var btn = '<br /><input type="button" onclick="window.location.href=orders.php?action=edit&oID='+json.ORDERS_ID+'" value="'+TEXT_ORDER+' '+json.ORDERS_ID+'" class="ui-button ui-corner-all ui-state-default" />';
            $('table.rakuten_orders_table tbody tr[data-order_no="'+order_no+'"] td#order_info').append(btn);
            $('table.rakuten_orders_table tbody tr[data-order_no="'+order_no+'"] td#order_info input.import_order_button').remove();
        },
        error: function(xhr){
            alert('Error: Cant import rakuten order '+order_no);
            return false;
        }
    });
}
{/literal}
</script>

{$SEARCH_FORM}
<table border="0"  class="ui-widget-content" style="margin-bottom: 10px;">
    <tr>
        <td>
            {#search#} {$INPUT_SEARCH}
            {$INPUT_SEARCH_FIELD}
            Status
            {$INPUT_STATUS}
            <br />
            {$TEXT_ORDERS_STATUS_DATE_FILTER}<br />
            {$INPUT_DATE_FILTER}
            vom {$INPUT_DATE_FROM}
            bis {$INPUT_DATE_TO}
        </td>
        <td valign="top">{#sort_order#}{$INPUT_ORDER}</td>
        <td valign="top"><input type="submit" value="{#search#}" class="ui-button ui-corner-all ui-state-default"/></td>
    </tr>
    
</table>
</form> 


<table class="yesListTable_minimal rakuten_orders_table">
    <thead>
        <tr>
            <th>ID</th>
            <th>{#total_value#}</th>
            <th>{#products#}</th>
            <th>{#date_shipping#}</th>
            <th>{#payment_method#}</th>
            <th>{#customer_address#}</th>
            <th>{#shipping_address#}</th>
            <th>{#date_added#}</th>
        </tr>
    </thead>
    <tbody>
    {foreach from=$ORDERS item=o}
    <tr data-order_no="{$o->order_no}" data-status="{$o->status}">
            <td id="order_info">
                <a href="javascript:;" class="order_no">{$o->order_no}</a><br />
                <span style="color: #777;">{$o->status}</span>
                {if $o->invoice_no != ''}
                <br />{#order#}:&nbsp;<a href="javascript:;" class="invoice_no" data-order_no="{$o->order_no}">{$o->invoice_no}</a>
                {/if}<br />
                {show_rakuten_orders_id order_no=$o->order_no}
                <input style="display: block;" type="button" class="order_action ui-corner-all ui-button ui-state-highlight" value="{#edit#}" data-order_no="{$o->order_no}" />
            </td>
            <td align="right">
                Total: {$o->total}
                <br />{#shipping#}:&nbsp;{$o->shipping}
                {if $o->coupon->total > 0}
                    <p align="left" style="font-size:smaller; color: green">
                    Coupon Code {$o->coupon->code}<br />
                    Wert: {$o->coupon->total}
                    {if $o->coupon->comment != ''}
                    <br /><span style="color: #777;">{$o->coupon->comment}</span>
                    {/if}
                    </p>
                {/if}
            </td>
            <td class="order_items">
                {foreach from=$o->items->item item=i}
                <span data-item_id="{$i->item_id}" data-product_id="{$i->product_id}" data-variant_id="{$i->variant_id}" data-name="{$i->name|replace:'"':''}">
                    {if $i->country == '' and $i->city == '' and $i->address == '' and $i->zip_code == ''}
                    <span title="{$MISSING_DELIVERY_SOURCE_ADDRESS}" class="no_delivery_source_address" style="font-size: 20px;">&#x26A0;</span>
                    {else}
                    <span title="{$DELIVERY_SOURCE_ADDRESS}: {$i->address}, {$i->country}-{$i->zip_code} {$i->city}" class="delivery_source_address" style="font-size: 20px;">&#128666;</span>
                    {/if}
                    {$i->qty}x pID {show_rakuten_products_id_allocation art_no=$i->product_art_no}
                    &aacute; {$i->price|string_format:"%.2f"} (={$i->price_sum|string_format:"%.2f"})
                    <div style="margin: 2px;">&raquo;{$i->name}&laquo;</div>
                    {if $i->name_add != ''}<span style="color: #777;">{$i->name_add}</span><br />{/if}
                {/foreach}
            </td>
            <td>{yes_date_short date=$o->max_shipping_date}</td>
            <td>{get_rakuten_payment_name payment=$o->payment} ({$o->payment})</td>
            <td><span style="color: #777;">Rakuten {#customers_id#} #{$o->client->client_id}</span><br />
                {if $o->client->company != ''}{$o->client->company}<br />{/if}
                {$o->client->gender} {$o->client->first_name} {$o->client->last_name}<br />
                {$o->client->street} {$o->client->street_no}<br />
                {$o->client->address_add}<br />
                {$o->client->country} {$o->client->zip_code} {$o->client->city}<br />
                <i>{$o->client->email}</i><br />
                {if $o->client->phone != ''}
                    {#phone#} {$o->client->phone}<br />
                {/if}
                {if $o->comment_client != '' or $o->comment_merchant != ''}
                    <p style="font-size: smaller;">{#comments#}<br />
                    {if $o->comment_client != ''}
                    {#feedback_role_buyer#}:<br />{$o->comment_client}<br />
                    {/if}
                    {if $o->comment_merchant != ''}
                    <span style="color: #777;">
                        {#feedback_role_seller#}:<br />
                        {$o->comment_merchant}
                    </span>
                    {/if}
                    </p>
                {/if}
            </td>
            <td>{if $o->delivery_address->company != ''}{$o->delivery_address->company}<br />{/if}
                {$o->delivery_address->gender} {$o->delivery_address->first_name} {$o->delivery_address->last_name}<br />
                {$o->delivery_address->street} {$o->delivery_address->street_no}<br />
                {$o->delivery_address->address_add}<br />
                {$o->delivery_address->country} {$o->delivery_address->zip_code} {$o->delivery_address->city}<br />
                {if $o->delivery_address->email != ''}
                <i>{$o->delivery_address->email}</i><br />
                {/if}
                {if $o->delivery_address->phone != ''}
                    {#phone#} {$o->delivery_address->phone}<br />
                {/if}
                
            </td>
            <td>{yes_date_short date=$o->created}</td>
        </tr>
    {foreachelse}
        <tr>
            <td colspan="8"><i>{#no_search_results#}</i></td>
        </tr>
    {/foreach}
    </tbody>
</table>
    {$RAKUTEN_PAGING}
{elseif $action == 'editOrder'}
<script>
var RAKUTEN_ORDERS_EDIT_STATUS = '{#order#} Status';
var RAKUTEN_ORDERS_EDIT_COMMENT = '{#order#} {#comment#}';
var order_no = '{$ORDER->order_no}';
var CURRENT_STATUS = '{$ORDER->status}';
var STREET = '{#street#}';
var POSTCODE = '{#postcode#}';
var CITY = '{#city#}';
var COUNTRY = '{#country#}';
var JS_CHECK_DELIVERY_SOURCE_ERROR_PREFIX = '{$JS_CHECK_DELIVERY_SOURCE_ERROR_PREFIX}';
var JS_CONFIRM_DELIVERY_SOURCE_ADDRESS_FOR_ALL_ITEMS = '{$JS_CONFIRM_DELIVERY_SOURCE_ADDRESS_FOR_ALL_ITEMS}';
var DELIVERY_SOURCE_ADDRESS = '{$DELIVERY_SOURCE_ADDRESS}';
var DELIVERY_SOURCE_ZIP_CODE = '{$DELIVERY_SOURCE_ZIP_CODE}';
var DELIVERY_SOURCE_CITY = '{$DELIVERY_SOURCE_CITY}';
var DELIVERY_SOURCE_COUNTRY = '{$DELIVERY_SOURCE_COUNTRY}';
{literal}
$(function(){
   $('a#edit_comment').on('click',function(){
      $('#modal_window').dialog({
          title: RAKUTEN_ORDERS_EDIT_COMMENT,
          modal: true,
          width: '500px',
          height: 'auto'
      }).load('rakuten.php?action=edit_order_comment&order_no='+order_no+'&comment='+encodeURIComponent(
              $('td#comments #merchant').text()
      ));
   });
   $('input#update_delivery_source_address').each(function(){
        $(this).on('click',function(){
            var params = [];
            if($(this).parent().find('input[name="address"]').val() == ''){
                alert(JS_CHECK_DELIVERY_SOURCE_ERROR_PREFIX+STREET);
                return false;
            }
            params.push('address='+encodeURIComponent($(this).parent().find('input[name="address"]').val()));
            if($(this).parent().find('input[name="zip_code"]').val() == ''){
                alert(JS_CHECK_DELIVERY_SOURCE_ERROR_PREFIX+POSTCODE);
                return false;
            }
            params.push('zip_code='+encodeURIComponent($(this).parent().find('input[name="zip_code"]').val()));
            if($(this).parent().find('input[name="city"]').val() == ''){
                alert(JS_CHECK_DELIVERY_SOURCE_ERROR_PREFIX+CITY);
                return false;
            }
            params.push('city='+encodeURIComponent($(this).parent().find('input[name="city"]').val()));
            if($(this).parent().find('input[name="country"]').val().length != 2){
                alert(JS_CHECK_DELIVERY_SOURCE_ERROR_PREFIX+COUNTRY);
                return false;
            }
            params.push('country='+encodeURIComponent($(this).parent().find('input[name="country"]').val()));
            
            if($('table.rakuten_edit_order_table tbody tr td input#update_delivery_source_address').length > 1){
                var for_all = confirm(JS_CONFIRM_DELIVERY_SOURCE_ADDRESS_FOR_ALL_ITEMS);
            }else{
                var for_all = true;
            }
            if(!for_all){
                var item_id = $(this).data('item_id');
                var url = 'rakuten.php?action=update_order_item_delivery_source_address&order_no='+order_no+'&item='+item_id+'&'+params.join('&');
            }else{
                var url = 'rakuten.php?action=update_order_item_delivery_source_address&order_no='+order_no+'&'+params.join('&');
            }
            $.ajax({
                url: url,
                dataType: 'json',
                success: function(json){
                    if(json.MSG != ''){
                        $('#modal_window').dialog({
                           title: 'Error',
                           modal: true,
                        }).html(json.MSG);
                    }else{
                        window.location.href='rakuten.php?action=editOrder&order_no='+order_no;
                    }
                },
                error: function(xhr){
                    alert('Error: Cant update order item delivery source address');
                }
            })
       });
   });
   $('a.copy_default_delivery_source').each(function(){
      $(this).on('click',function(){
          $(this).parent().find('input[name="address"]').val(DELIVERY_SOURCE_ADDRESS);
          $(this).parent().find('input[name="zip_code"]').val(DELIVERY_SOURCE_ZIP_CODE);
          $(this).parent().find('input[name="city"]').val(DELIVERY_SOURCE_CITY);
          $(this).parent().find('input[name="country"]').val(DELIVERY_SOURCE_COUNTRY);
      });
   });
});

function update_comment(){
    var comment = $('#rakuten_order_comment_update_container textarea[name="comment"]').val();
    window.location.href='rakuten.php?action=update_comment&order_no='+order_no+'&comment='+encodeURIComponent(comment);
}
function cancel_rakuten_order_status_change(){
    $('#modal_window').dialog('close');
    $('select[name="status"]').val(CURRENT_STATUS);
}
function process_rakuten_order_status_change(){
    window.location.href='rakuten.php?action=update_order_status&status='+$('select[name="status"]').val()+'&order_no='+order_no;
}

function update_rakuten_order_status(el){
    $('#modal_window').dialog({
       modal: true,
       title: RAKUTEN_ORDERS_EDIT_STATUS,
       width: '400px'
    }).load('rakuten.php?action=confirm_order_status_change&order_no='+order_no+'&status='+$(el).val()+'&current_status='+CURRENT_STATUS);
}
{/literal}
</script>

<div class="main" style="width: 800px;">
<table class="yes-ui-table rakuten_edit_order_table">
    <tbody>
        <tr>
            <td><b>{$TEXT_MAX_SHIPPING_DATE}</b></td><td width="250">{yes_date_short date=$ORDER->max_shipping_date}</td>
            <td style="padding-left: 40px;" rowspan="7" valign="top">
                <b>{#customer_address#}</b><br />
                {if $ORDER->client->company != ''}
                {$ORDER->client->company}<br />
                {/if}
                {$ORDER->client->first_name} {$ORDER->client->last_name}<br />
                {$ORDER->client->street} {$ORDER->client->street_no}<br />
                {if $ORDER->client->address_add != ''}
                <i>{$ORDER->client->address_add}</i><br />
                {/if}
                {$ORDER->client->country}-{$ORDER->client->zip_code} {$ORDER->client->city}<br />
                {$ORDER->client->email}<br />
                {if $ORDER->client->phone != ''}
                &phone; {$ORDER->client->phone}<br />
                {/if}
                <br />
                <b>{#shipping_address#}</b><br />
                {if $ORDER->delivery_address->company != ''}
                {$ORDER->delivery_address->company}<br />
                {/if}
                {$ORDER->delivery_address->first_name} {$ORDER->delivery_address->last_name}<br />
                {$ORDER->delivery_address->street} {$ORDER->delivery_address->street_no}<br />
                {if $ORDER->delivery_address->address_add != ''}
                <i>{$ORDER->delivery_address->address_add}</i><br />
                {/if}
                {$ORDER->delivery_address->country}-{$ORDER->delivery_address->zip_code} {$ORDER->delivery_address->city}<br />
                <br />
            </td>
        </tr>
        <tr>
            <td><b>{#order#}</b></td><td>{$ORDER->invoice_no}</td>
        </tr>
        <tr>
            <td><b>{#date_added#}</b></td><td>{yes_date_short date=$ORDER->created}</td>
        </tr>
        <tr>
            <td><b>{#payment_method#}</b></td><td>{get_rakuten_payment_name payment=$ORDER->payment}</td>
        </tr>
        <tr>
            <td><b>Status</b></td><td id="status">{$ORDER->status} {$INPUT_STATUS}</td>
        </tr>
        <tr>
                <td valign="top"><b>{#comments#}</b></td><td id="comments">
                    {if $ORDER->comment_client != ''}
                    {#feedback_role_buyer#}:
                    <div id="client">{$ORDER->comment_client}</div>
                    {/if}
                    <a href="javascript:;" title="{#edit#} {#comment#}" id="edit_comment">{#feedback_role_seller#}</a>:
                    <div id="merchant">{$ORDER->comment_merchant}</div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding-top: 10px;">
                <table border="0">
                    <thead>
                        <tr>
                            <th>{#quantity#}</th>
                            <th>{#products_name#}</th>
                            <th>{#products_model#}</th>
                            <th>{#price#}</th>
                            <th>{#price_total#}</th>
                            <th>{$DELIVERY_SOURCE_ADDRESS}</th>
                        </tr>
                    </thead>
                    <tbody>
                {foreach from=$ORDER->items->items item=i}
                    <tr>
                        <td valign="top">{$i->qty}x</td>
                        <td valign="top">{$i->name}{if $i->name_add != ''}<br /><span style="color: #777;">{$i->name_add}</span>{/if}</td>
                        <td valign="top"><i>{$i->product_art_no}</i></td>
                        <td valign="top">{$i->price|string_format:"%.2f"}</td>
                        <td valign="top"><b>{$i->price_sum|string_format:"%.2f"}</b></td>
                        <td valign="top">
                            {#street#}:<br />
                            <input type="text" name="address" value="{$i->address}" size="25" naxlength="50" /><br />
                            {#postcode#}:<br />
                            <input type="text" name="zip_code" value="{$i->zip_code}" size="5" naxlength="7" /><br />
                            {#city#}:<br />
                            <input type="text" name="city" value="{$i->city}" size="25" naxlength="50" /><br />
                            {#country#} (2-Stelliger ISO Code):<br />
                            <input type="text" name="country" value="{$i->country}" size="2" naxlength="2" />
                            <input class="ui-button ui-corner-all ui-state-default" type="button" id="update_delivery_source_address" data-item_id="{$i->item_id}" value="{#update#}" />
                            <a title="{$COPY_DELIVERY_SOURCE_ADDRESS_FROM_DEFAULT}" class="copy_default_delivery_source" href="javascript:;" data-item_id="{$i->item_id}"><img src="images/basicons/round61.png" width="16"/></a>
                        </td>
                    </tr>
                {/foreach}
                    </tbody>
                </table>
            </td>
        </tr>
        <tr>
            <td valign="top"><b>{#amount#}</b></td><td align="right">
                {assign var=subtotal value=0}
                {foreach from=$ORDER->items->items item=i}
                {assign var=subtotal value=$subtotal+$i->price_sum}
                {/foreach}
                {#products#}: {$subtotal|number_format:2:".":","}<br />
                {#shipping#}: {$ORDER->shipping}<br />
                {if $ORDER->coupon->total > 0}
                    Coupon {$ORDER->coupon->code}: -{$ORDER->coupon->total}<br />
                {/if}
                <hr noshade="noshade" />
                <b><u>{$ORDER->total}</u></b>
            </td>
        </tr>
    </tbody>
</table>
</div>
{else}
<script>
var TEXT_CATEGORIES = '{#category#}';
var TEXT_DELETE = '{#delete#}';
var TEXT_REALLY_DELETE = '{#delete#}?';
{literal}
$(function(){
   $('input.add_rakuten_category_favorite').on('click',function(){
      if($('input[name="rakuten_category_id"]').val() != ''){
          var rcid = $('input[name="rakuten_category_id"]').val();
          $.ajax({
             url: 'rakuten.php?action=check_rakuten_category_id&id='+rcid,
             dataType: 'json',
             success: function(json){
                 if(json.MSG){
                     alert(json.MSG);
                     return false;
                 }
                 add_rakuten_category_favorite(rcid);
             },
             error: function(xhr){
                 alert('Error: Cant check rakuten category');
                 return false;
             }
          });
      }
   });
    $('input.select_rakuten_category').on('click',function(){
       $('#modal_window').dialog({
          title: 'Rakuten Shop ' + TEXT_CATEGORIES,
          modal: true,
       }).load('rakuten.php?action=get_rakuten_category_id');
    });
    set_rakuten_category_favorite_table_data_actions();
});

function add_rakuten_category_favorite(rakuten_category_id){
    $.ajax({
       url: 'rakuten.php?action=add_rakuten_category_favorite&id='+rakuten_category_id,
       dataType: 'json',
       success: function(json){
           if(json.MSG != ''){
               alert(json.MSG);
            return false;
           }
           add_rakuten_category_favorite_row(rakuten_category_id,json.NAME,json.PATH);
       },
       error: function(xhr){
           alert('Error: Cant add rakuten category '+rakuten_category_id);
           return false;
       }
    });
}

function set_rakuten_category_favorite_table_data_actions(){
    $('table.rakuten_category_favorites tbody tr td[data-rakuten_category_id]').each(function(){
        $(this).css('color', 'red').attr('title',TEXT_DELETE)
                .css('text-decoration', 'underline').css('cursor','pointer');
        if($(this).attr("onClick") == undefined){
           $(this).on('click',function(){
               if(confirm(TEXT_REALLY_DELETE)){
                delete_rakuten_category_favorite($(this).data('rakuten_category_id'));
               }
           });
        }
    });
}

function delete_rakuten_category_favorite(rakuten_category_id){
    $.ajax({
       url: 'rakuten.php?action=delete_rakuten_category_favorite&id=' + rakuten_category_id,
       dataType: 'json',
       success: function(json){
        $('table.rakuten_category_favorites tbody tr td[data-rakuten_category_id="'+rakuten_category_id+'"]').parent().remove();
       },
       error: function(xhr){
           alert('Error: Cant delete rakuten favorite category');
       }
    });
}

function add_rakuten_category_favorite_row(rakuten_category_id,name,path){
    $('table.rakuten_category_favorites tbody tr.no_data').remove();
    $('table.rakuten_category_favorites tbody').append(
            '<tr><td data-rakuten_category_id="'+rakuten_category_id+'">'+rakuten_category_id+'</td><td>'+name+'</td><td>'+path+'</td></tr>'
    );
    set_rakuten_category_favorite_table_data_actions();
}
{/literal}
</script>
<table class="yesListTable_minimal key_table">
    <tbody>
        <tr>
            <td><b>Key Aktiv: {if $KEYINFO->active == 1}{#yes#}{else}{#no#}{/if}</b></td>
            <td>Calls Today: {$KEYINFO->calls_today}</td>
            <td>Last Call: {$KEYINFO->last_call_datetimestamp}</td>
            <td>Call-Limit: {$KEYINFO->daily_calls_limit}</td>
            <td>Permissions: Products <span class="perm">{$KEYINFO->permissions->products}</span> 
                Orders <span class="perm">{$KEYINFO->permissions->orders}</span> 
                Categories <span class="perm">{$KEYINFO->permissions->categories}</span>
            </td>
        </tr>
    </tbody>
</table>

<p><b>{$TEXT_RAKUTEN_CATEGORY_FAVORITES}</b></p>

<table class="yesListTable_minimal rakuten_category_favorites">
    <thead>
        <tr>
            <th>ID</th>
            <th>Rakuten {#category#}</th>
            <th>{$TEXT_RAKUTEN_CATEGORY_PATH}</th>
        </tr>
    </thead>
    <tbody>
    {foreach from=$FAVORITES item=FAV}
        <tr>
            <td data-rakuten_category_id="{$FAV.rakuten_category_id}">{$FAV.rakuten_category_id}</td>
            <td>{$FAV.category_name}</td>
            <td>{$FAV.path}</td>
        </tr>
    {foreachelse}
        <tr class="no_data">
            <td colspan="3"><i>{#no_search_results#}</i></td>
        </tr>
    {/foreach}
    </tbody>    
</table>
<div class="ui-widget-content" style="width: 600px; padding: 4px; margin-top: 10px;">
    <b>{$TEXT_ADD_NEW_RAKUTEN_CATEGORY_FAVORITE}</b><br />
    Rakuten {#category#} ID: <input name="rakuten_category_id" size="6" maxlength="12" />
    <input type="button" value="{#save#}" class="ui-button ui-corner-all ui-state-highlight add_rakuten_category_favorite" />
    <input type="button" value="{$TEXT_SEARCH_RAKUTEN_CATEGORY}" class="ui-button ui-corner-all ui-state-default select_rakuten_category" />
</div>

{/if}