{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
<style>
.rakuten_category_selection a{
    margin: 0;
    padding: 1px;
    font-size: 13px;
    text-decoration: none;
}
.rakuten_category_selection a::after {
  content: "\A";
  white-space: pre;
}
.rakuten_category_selection a.ct::before{
    margin-right: 4px;
    content: url(images/icon_arrow_right.gif);
}
</style>
<div class="rakuten_category_selection main">
{if $MAIN_LEVEL}

<script>
var TEXT_CATEGORY = '{#category#}';
{literal}
$(function(){
   $('a.mc').on('click',function(){
       var mc = $(this).text();
       $('#modal_window').dialog('destroy');
       $('#modal_window').dialog({
           title: 'Rakuten Shop '+TEXT_CATEGORY,
           modal: true,
           width: 'auto',
       }).load('rakuten.php?action=get_rakuten_category_id&main_category='+encodeURIComponent(mc));
   });
});
{/literal}
</script>
{foreach from=$MAIN_LEVEL item=ml}
<a href="javascript:;" class="mc">{$ml}</a>
{/foreach}

{elseif $SECOND_LEVEL}

<script>
var TEXT_CATEGORY = '{#category#}';
var MAIN_CATEGORY = '{$MAIN_LEVEL_NAME}';
{literal}
$(function(){
   $('a.sl').on('click',function(){
       var sl = $(this).text();
       $('#modal_window').dialog('destroy');
       $('#modal_window').dialog({
           title: 'Rakuten Shop '+TEXT_CATEGORY,
           modal: true,
           width: 'auto',
       }).load('rakuten.php?action=get_rakuten_category_id&main_category='+encodeURIComponent(MAIN_CATEGORY)+'&second_level='+encodeURIComponent(sl));
   });
});
{/literal}
</script>

<p><b>{$MAIN_LEVEL_NAME}</b></p>
{foreach from=$SECOND_LEVEL item=sl}
<a href="javascript:;" class="sl">{$sl}</a>
{/foreach}
    

{else}
<script>
{literal}
$(function(){
   $('a.ct').on('click',function(){
       var rcid = $(this).data('categories_id');
       $('input[name="rakuten_category_id"]').val(rcid);
       $('#rakuten_category_id_name').html($(this).text());
       $('#modal_window').dialog('destroy');
   });
});
{/literal}
</script>

<p><b>{$MAIN_LEVEL_NAME} / {$SECOND_LEVEL_NAME}</b></p>
{foreach from=$CATEGORIES item=cat}
<a href="javascript:;" class="ct" data-categories_id="{$cat.id}">{$cat.text}</a>
{foreachelse}
<a href="javascript:;" class="ct" data-categories_id="{$SECOND_LEVEL_ID}">{$SECOND_LEVEL_NAME}</a>
{/foreach}

{/if}
</div>