{include file="public/seller_top" /}

<div class="seller_main w1200">
    {include file="public/seller_left" /}
    <div class="seller_right">
        <div class="seller_items">
            {include file="public/seller_items" /}
        </div>

        <div class="dssc-store-templet">
            <dl class="current-style">
                <dt class="templet-thumb"><img src="{$curr_theme.curr_image}" id="current_theme_img" /></dt>
                <dd>{$Think.lang.store_theme_tpl_name}{$Think.lang.ds_colon}<strong id="current_template">{$curr_theme.curr_name}</strong></dd>
                <dd>{$Think.lang.store_theme_style_name}{$Think.lang.ds_colon}<strong id="current_style">{$curr_theme.curr_truename}</strong></dd>
                <dd>{$Think.lang.store_create_store_name}{$Think.lang.ds_colon}<strong>{$store_info.store_name}</strong></dd>
                <dd><a href="{:url('store/index',['store_id'=>$store_info.store_id])}" class="dssc-btn">{$Think.lang.store_theme_homepage}</a></dd>
            </dl>
            <h3>{$Think.lang.store_theme_valid}</h3>
            <div class="templet-list">
                <ul>
                    {volist name="theme_list" id="theme"}
                    <li>
                        <dl>
                            <dt><a href="javascript:void(0)" onclick="preview_theme('{$theme.name}');"><img id="themeimg_{$theme.name}" src="{$theme.image}"></a></dt>
                            <dd>{$Think.lang.store_theme_tpl_name1}{$Think.lang.ds_colon}{$theme.name}</dd>
                            <dd>{$Think.lang.store_theme_style_name1}{$Think.lang.ds_colon}{$theme.truename}</dd>
                            <dd class="btn"> <a href="javascript:void(0)" onclick=" use_theme('{$theme.name}','{$theme.truename}');" class="dssc-btn"><i class="icon-cogs"></i>{$Think.lang.store_theme_use}</a> <a href="javascript:preview_theme('{$theme.name}');" class="dssc-btn"><i class="icon-zoom-in"></i>{$Think.lang.store_theme_preview}</a> </dd>
                        </dl>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    function use_theme(style,truename){
        ajaxget("{:url('sellersetting/set_theme')}"+'?style_name=' + style);
    }
</script>
<script>
    var curr_template_name = '{$curr_theme.curr_name}';
    var curr_style_name    = '{$curr_theme.curr_name}';
    var preview_img = new Image();
    preview_img.onload = function(){
        var d = DialogManager.get('preview_image');
        if (!d)
        {
            return;
        }

        if (d.getStatus() != 'loading')
        {

            return;
        }

        d.setWidth(this.width + 50);
        d.setPosition('center');
        d.setContents($('<img src="' + this.src + '" alt="" />'));
        ScreenLocker.lock();
    };
    preview_img.onerror= function(){
        alert('{$Think.lang.store_theme_load_preview_fail}');
        DialogManager.close('preview_image');
    };
    function preview_theme(style_name){
        var  screenshot = '{$Think.config.url_domain_root}static/store/styles/theme/'+style_name + '/screenshot.jpg';
        var d = DialogManager.create('preview_image');
        d.setTitle('{$Think.lang.store_theme_effect_preview}');
        d.setContents('loading', {'text':'{$Think.lang.store_theme_loading1}...'});
        d.setWidth(270);
        d.show('center');

        preview_img.src = screenshot;
    }
</script>