{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-form-default">
            <div class="alert">
                <ul>
                    <li>1. {$Think.lang.store_slide_description_one}</li>
                    <li>
                        2. <?php printf(lang('store_slide_description_two'),intval(config('image_max_filesize'))/1024);?></li>
                    <li>3. {$Think.lang.store_slide_description_three}</li>
                    <li>4. {$Think.lang.store_slide_description_fore}</li>
                </ul>
            </div>
            <div class="flexslider">
                <ul class="slides">
                    {notempty name="store_slide"}
                    {for start='0' end='5'}
                    {if $store_slide[$i] != ''}
                    <li>
                        <a {if  $store_slide_url[$i] !=''}
                           href="{$store_slide_url[$i]}" {/if}><img
                            src="{$Think.UPLOAD_SITE_URL}/{$Think.ATTACH_SLIDE}/{$store_slide[$i]}"></a></li>
                    {/if}
                    {/for}
                    {else}
                    <li><img src="{$Think.UPLOAD_SITE_URL}/{$Think.ATTACH_SLIDE}/f01.jpg"></li>
                    <li><img src="{$Think.UPLOAD_SITE_URL}/{$Think.ATTACH_SLIDE}/f02.jpg"></li>
                    <li><img src="{$Think.UPLOAD_SITE_URL}/{$Think.ATTACH_SLIDE}/f03.jpg"></li>
                    <li><img src="{$Think.UPLOAD_SITE_URL}/{$Think.ATTACH_SLIDE}/f04.jpg"></li>
                    {/notempty}
                </ul>
            </div>
            <form action="{:url('sellersetting/store_slide')}" id="store_slide_form" method="post"
                  onsubmit="ajaxpost('store_slide_form', '', '', 'onerror');return false;">
                <input type="hidden" name="form_submit" value="ok"/>
                <!-- 图片上传部分 -->
                <ul class="dssc-store-slider" id="goods_images">
                    {for start='0' end='5'}
                    <li nc_type="handle_pic" id="thumbnail_{$i}">
                        <div class="picture" nctype="file_{$i}">
                            {empty name="store_slide[$i]"}
                            <i class="icon-picture"></i>
                            {else /}
                            <img nctype="file_{$i}"
                                 src="{$Think.UPLOAD_SITE_URL}/{$Think.ATTACH_SLIDE}/{$store_slide[$i]}"/>
                            {/empty}
                            <input type="hidden" name="image_path[]" nctype="file_{$i}"
                                   value="{present name='store_slide'}{$store_slide[$i]}{/present}"/>
                            <a href="javascript:void(0)" nctype="del" class="del" title="移除">X</a></div>

                        <div class="url">
                            <label>{$Think.lang.store_slide_image_url}</label>
                            <input type="text" class="text w150" name="image_url[]"
                                   value="{present name='store_slide_url'}{if $store_slide_url[$i]}== ''}http://{else /}{$store_slide_url[$i]}{/if}{/present}"/>
                        </div>
                        <div class="dssc-upload-btn"><a href="javascript:void(0);"><span>
          <input type="file" hidefocus="true" size="1" class="input-file" name="file_{$i}"
                 id="file_{$i}"/>
          </span>
                            <p><i class="icon-upload-alt"></i>{$Think.lang.store_slide_image_upload}</p>
                        </a></div>
                    </li>
                    {/for}
                </ul>
                <div class="bottom"><label class="submit-border">
                    <input type="submit" class="submit"
                           value="{$Think.lang.store_slide_submit}"></label>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="{$Think.config.url_domain_root}static/plugins/ajaxfileupload.js"></script>
<script src="{$Think.config.url_domain_root}static/plugins/jquery.flexslider-min.js"></script>
<script>
    var SHOP_TEMPLATES_URL = '{$Think.config.url_domain_root}static/home';
    var UPLOAD_SITE_URL = '{$Think.UPLOAD_SITE_URL}';
    var ATTACH_COMMON = '{$Think.ATTACH_COMMON}';
    var ATTACH_STORE = '{$Think.ATTACH_STORE}';
    // 幻灯片事件
    $(window).load(function() {
        $('.flexslider').flexslider();
    });
    $(function(){
        /* 商品图片ajax上传 */
        var url = "{:url('Sellersetting/silde_image_upload')}";
        $('.dssc-upload-btn').find('input[type="file"]').unbind().change(
            function() {
                var id = $(this).attr('id');
                var file_id = $(this).attr('file_id');
                ajaxFileUpload(url, id, file_id);
            });

        /* 删除图片 */
        $('a[nctype="del"]').unbind().click(
            function() {
                var obj = $(this).parents('li');
                var file_id = obj.find('input[type="file"]').attr('file_id');
                var img_src = obj.find('input[type="hidden"]:first').val();
                obj.find('img:first').attr('src', SHOP_TEMPLATES_URL + "static/home/images/loading.gif");
                $.getJSON(SITE_URL+'index.php/home/Sellersetting/dorp_img.html', {file_id : file_id, img_src : img_src}, function(data) {
                    obj.find('img:first').replaceWith('<i class="icon-picture"></i>');
                    obj.find('input[type="file"]').attr('file_id', '').end()
                        .find('input[type="hidden"]:first').val('');
                });

            });
    });

    /* 图片上传ajax */
    function ajaxFileUpload(url, id, file_id)
    {
        $('div[nctype="'+id+'"]').find('i').remove().end().find('img').remove()
            .end().prepend('<img nctype="'+id+'" scr="'+SHOP_TEMPLATES_URL+'/images/loading.gif">');
        $('img[nctype="'+id+'"]').attr('src',SHOP_TEMPLATES_URL+"/images/loading.gif");

        $.ajaxFileUpload
        (
            {
                url:url,
                secureuri:false,
                fileElementId:id,
                dataType: 'json',
                data:{name:'logan', id:id, file_id:file_id},
                success: function (data, status)
                {
                    if(typeof(data.error) != 'undefined')
                    {
                        alert(data.error);
                        $('img[nctype="'+id+'"]').attr('src',UPLOAD_SITE_URL+'/'+ATTACH_COMMON+'/default_goods_image.gif');
                    }else
                    {
                        $('input[nctype="'+id+'"]').val(data.file_name).attr('file_id',data.file_id);
                        $('img[nctype="'+id+'"]').attr('src',UPLOAD_SITE_URL+'/'+ATTACH_STORE+'/slide/'+data.file_name);
                        $('#'+id).attr('file_id',data.file_id);
                    }

                },
                error: function (data, status, e)
                {
                    alert(e);
                }
            }
        )
        return false;

    }
</script>