<%include '../common/__ui/header'%>

<div class="tabheader">
    <ul class="nav nav-tabs">
        <li data-toggle="1"><a href="javascript:">基础模板</a></li>
        <li data-toggle="2"><a href="javascript:">经典模板</a></li>
    </ul>
</div>

<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb" style="font-family: 'Microsoft YaHei'">
                <li><a href="javascript:"><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="javascript:">店铺管理</a></li>
                <li>店铺装修管理</li>
            </ul>

            <div style="padding-right: 60px">
                <div class="col-sm-4" style="padding-left: 0; font-family: 'Microsoft YaHei'">
                    <h4 style="line-height: 30px;font-size: 24px;margin-top: 2px">装修模板</h4>
                </div>
                <div class="col-sm-4">
                    <div class="moduleTypeView" style="text-align: center">
                        <label class="radio-inline"><input type="radio" name="brandLevel" value="pc">PC端</label>
                        <label class="radio-inline" style="margin-left: 30px;"><input type="radio" name="brandLevel" value="app">APP端</label>
                    </div>
                </div>
                <div id="operations" class="col-sm-4">
                    <div class="moduleView" style="display: none; text-align: right; margin-top: -10px">
                        <input type="button" class="btn btn-default " value="返回" onclick="history.go(-1)">
                    </div>
                    <div class="moduleSubmite" style="display: none; text-align: right; margin-top: -10px">
                        <input id="saveModule" type="button" class="btn btn-success delay-btn" value="暂存">
                        <input id="submitModule" type="button" class="btn btn-primary delay-btn" value="发布">
                        <input type="button" class="btn btn-default " value="返回" onclick="history.go(-1)">
                    </div>
                    <div class="moduleCheck" style="display: none; text-align: right; margin-top: -10px">
                        <input id="checkOk" type="button" class="btn btn-primary delay-btn" value="审核通过">
                        <input id="checkNo" type="button" class="btn btn-danger delay-btn" value="驳回">
                        <input type="button" class="btn btn-default " value="返回" onclick="history.go(-1)">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="main" class="contentpanel"></div>

<!--pc端店铺基础模板-->
<script type="text/template" id="1-pc">

    <div class="model-wrap contentpanel-pc">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner-base" data-title="顶部图片编辑">
            <img src="[[resources.shopTopBanner_base.data[0].shopSrc]]">
            [[if resources.shopTopBanner_base.data[0].isShowShopName == "Y"]]
            <h1>[[shopName]]</h1>
            [[/if]]
        </div>
        <!--main-->
        <div class="model-main">
            <!--左侧main-->
            <div class="model-main-left">
                <!--商品列表-->
                <div class="sortList"></div>
                <!--水牌-->
                <div class="model-recommend model-signboard model-editor" data-toggle="editor-signboard" data-title="水牌位编辑">
                    <div class="recommendDetail signboardDetail">
                        <ul>
                            [[each resources.signboard.data as item _index]]
                            <li><a href="[[item.data[0].url]]"><img src="[[item.data[0].src]]"></a></li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
            </div>
            <!--右侧main-->
            <div class="model-main-right">
                <div class="form-group">
                    <label class="col-sm-2">推荐商品(以英文逗号分隔，最多8个): </label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control model-default-hotproduct" placeholder="请输入推荐商品，以英文逗号分隔，最多8个SKN" 
                            value="[[resources.defaultHotProducts &&  resources.defaultHotProducts.data ? resources.defaultHotProducts.data.toString() : '']]" maxlength="90">
                    </div>
                </div>
                <div class="model-main-right-default"></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</script>

<!--pc端店铺经典模板-->
<script type="text/template" id="2-pc">

    <div class="model-wrap contentpanel-pc">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner" data-title="顶部图片编辑">
            <img src="[[resources.shopTopBanner.data[0].shopSrc]]">
            [[if resources.shopTopBanner.data[0].isShowShopName == "Y"]]
            <h1>[[shopName]]</h1>
            [[/if]]
        </div>
        <!--nav-->
        <div class="model-nav model-editor" data-toggle="editor-nav" data-title="导航栏编辑">
            <ul>
                <li><a href="javascript:">店铺首页</a></li><li><a href="javascript:">全部商品</a></li><li><a href="javascript:">人气单品</a></li><li><a href="javascript:">新品上架</a></li>
                [[each resources.navigationBar.data as item _index]]
                [[if item.name]]
                <li><a href="[[item.url]]">[[item.name]]</a></li>
                [[/if]]
                [[/each]]
            </ul>
        </div>

        <!--main-->
        <div class="model-main">

            <!--左侧main-->
            <div class="model-main-left">
                <!--商品列表-->
                <div class="sortList"></div>
                <!--品牌集合-->
                <div class="model-recommend model-brand model-editor" style="display: none" data-toggle="editor-brand" data-title="品牌集合编辑">
                    <div class="recommendTitle">[[resources.brandBrowse.title]]</div>
                    <div class="recommendDetail brandDetail">
                        <ul>
                            [[each resources.brandBrowse.data as item _index]]
                            <li><a href="javascript:void(0)">[[item.brandName]]</a></li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
                <!--经典推荐-->
                <div class="model-recommend model-typicRecommend model-editor" data-toggle="editor-recommend" data-title="[[resources.recommend.title]]编辑">
                    <div class="recommendTitle">[[resources.recommend.title]]</div>
                    <div class="recommendDetail typicRecommendDetail">
                        <ul>
                            [[each resources.recommend.data as item _index]]
                            <li>
                                <div class="recommendNames">
                                    <a href="[[item.url]]">[[item.name]]</a>
                                    <span>[[item.enName]]</span>
                                </div>
                                <img src="[[item.src]]">
                                <div class="clear"></div>
                            </li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
                <!--热销推荐-->
                <div class="model-recommend model-hotRecommend model-editor" data-toggle="editor-hotRecommend" data-title="[[resources.hotRecommend.title]]编辑">
                    [[if resources.hotRecommend.title]]
                    <div class="recommendTitle">[[resources.hotRecommend.title]]</div>
                    [[/if]]
                    <div class="recommendDetail hotRecommendDetail">
                        <ul>
                            [[each resources.hotRecommend.data as item _index]]
                            <li><a href="[[item.url]]"><img src="[[item.src]]"></a></li>
                            [[/each]]
                        </ul>
                    </div>
                </div>
            </div>

            <!--右侧main-->
            <div class="model-main-right">
                <!--资源位大图-->
                <div class="model-slide model-editor" data-toggle="editor-largePic" data-title="资源位大图编辑">
                    <img src="[[resources.largeSlideImg.data[0].data[0].src]]">
                </div>
                <!--资源位小图-->
                <div class="model-sourcePic">
                    <ul class="model-editor" data-toggle="editor-smallPic" data-title="资源位小图编辑">
                        [[each resources.oneRowTwoColImages.data as item _index]]
                        <li><img src="[[item.data[0].src]]"></li>
                        [[/each]]
                    </ul>
                </div>
                <div class="clear"></div>

                <!--新品上架-->
                <div class="model-show">
                    <div class="model-showTitle">
                        <div class="showName"><span>新品上架&nbsp;&nbsp;NEW</span></div>
                        <div class="showTab model-editor" data-toggle="editor-newGoodTab" data-title="新品上架标签编辑">
                            <ul>
                                [[each resources.goodsTabBar.data.new as item _index]]
                                [[if item.name]]
                                [[if _index == 0]]
                                <li style="border-right: 0"><a href="[[item.url]]">[[item.name]]</a></li>
                                [[else]]
                                <li><a href="[[item.url]]">[[item.name]]</a></li>
                                [[/if]]
                                [[/if]]
                                [[/each]]
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="model-showDetail model-editor" data-toggle="editor-newProduct" data-title="新品上架商品编辑">
                        <ul>
                            [[if resources.newProducts.data.length > 0]]
                            [[each resources.newProducts.data as item _index]]
                            <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>￥[[item.salesPrice]]</b></div></li>
                            [[/each]]
                            [[else]]
                            <li>
                                <img src="http://img01.yohoboys.com/staticimg/2016/05/19/15/01091c21f2317a64f123f1649fbbccf7ba.png">
                                <div class="shadow"><a href="javascript:">商品展示样例</a><b>￥商品价格</b></div>
                            </li>
                            [[/if]]
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>

                <!--人气单品-->
                <div class="model-show">
                    <div class="model-showTitle">
                        <div class="showName"><span>人气单品&nbsp;&nbsp;NEW</span></div>
                        <div class="showTab model-editor" data-toggle="editor-hotGoodTab" data-title="人气单品标签编辑">
                            <ul>
                                [[each resources.goodsTabBar.data.hot as item _index]]
                                [[if item.name]]
                                [[if _index == 0]]
                                <li style="border-right: 0"><a href="[[item.url]]">[[item.name]]</a></li>
                                [[else]]
                                <li><a href="[[item.url]]">[[item.name]]</a></li>
                                [[/if]]
                                [[/if]]
                                [[/each]]
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="model-showDetail model-editor" data-toggle="editor-hotProduct" data-title="人气单品商品编辑">
                        <ul>
                            [[if resources.hotProducts.data.length > 0]]
                            [[each resources.hotProducts.data as item _index]]
                            <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>￥[[item.salesPrice]]</b></div></li>
                            [[/each]]
                            [[else]]
                            <li>
                                <img src="http://img01.yohoboys.com/staticimg/2016/05/19/15/01091c21f2317a64f123f1649fbbccf7ba.png">
                                <div class="shadow"><a href="javascript:">商品展示样例</a><b>￥商品价格</b></div>
                            </li>
                            [[/if]]
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</script>

<!--app端店铺模板-->
<script type="text/template" id="2-app">
    <div class="model-wrap contentpanel-app">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner" data-title="顶部图片编辑">
            <img src="[[resources.shopTopBanner_APP.data[0].shopSrc]]">
            [[if resources.shopTopBanner_APP.data[0].isShowShopName == "Y"]]
            <h1>[[shopName]]</h1>
            [[/if]]
        </div>
        <!--nav-->
        <div class="model-nav">
            <ul>
                <li class="active"><a href="javascript:">首页</a></li>
                <li><a href="javascript:">上新</a></li>
                <li><a href="javascript:">人气</a></li>
                <li style="border:0"><a href="javascript:">全部商品</a>
                </li><div class="clear"></div>
            </ul>
        </div>

        <!--main-->
        <div class="model-main">
            <!--品牌一览-->
            <div class="model-brand brand-list model-editor" style="display: none;" data-toggle="editor-brand-app" data-title="品牌一览编辑">
                <span>品牌一览</span>
                <ul>
                    [[each resources.brandBrowse.data as item _index]]
                    <li><a href="javascript:"><img src="[[item.brandIco]]"></a></li>
                    [[/each]]
                    <div class="clear"></div>
                </ul>
            </div>
            <!--资源位大图-->
            <div class="largePic model-editor" data-toggle="editor-largePic" data-title="资源位大图编辑">
                <img src="[[resources.largeSlideImg_APP.data[0].data[0].src]]">
            </div>
            <!--资源位小图-->
            <div class="model-smallPic model-editor" data-toggle="editor-smallPic" data-title="资源位小图编辑">
                <ul>
                    [[each resources.oneRowTwoColImages_APP.data as item _index]]
                    <li><img src="[[item.data[0].src]]"></li>
                    [[/each]]
                </ul>
            </div>
            <div class="clear"></div>
            <!--热门品类-->
            <div class="sortList">
                <span>热门品类</span>
                <div class="sortListDetail model-editor" data-toggle="editor-recommend" data-title="热门品类编辑">
                    <ul>
                        [[each resources.recommend_APP.data as item _index]]
                        <li><img src="[[item.src]]"><a href="[[item.url]]">[[item.name]]</a></li>
                        [[/each]]
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <!--人气单品-->
        <div class="model-show">
            <div class="showTitle">
                <span>人气单品</span>
                <a href="javascript:">MORE</a>
            </div>
            <div class="model-showDetail model-editor" data-toggle="editor-hotProduct" data-title="人气单品商品编辑">
                <ul>
                    [[if resources.hotProducts_APP.data.length > 0]]
                    [[each resources.hotProducts_APP.data as item _index]]
                    <li><img src="[[item.src]]"><div class="shadow"><a href="javascript:">[[item.productName]]</a><b>￥[[item.salesPrice]]</b></div></li>
                    [[/each]]
                    [[else]]
                    <li>
                        <img src="http://img01.yohoboys.com/staticimg/2016/05/19/15/01091c21f2317a64f123f1649fbbccf7ba.png">
                        <div class="shadow"><a href="javascript:">商品展示样例</a><b>￥商品价格</b></div>
                    </li>
                    [[/if]]
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</script>

<!--排行前20畅销模板-->
<script type="text/template" id="top20Products">
    <div class="topList">
        <div class="topListName">畅销排行Top20</div>
        <div class="topListDetail">
            <ul>
                [[each data as item _index]]
                <li class="topAdd" data-productId="[[item.productId]]" data-productName="[[item.productName]]"
                    data-productPrice="[[item.salesPrice]]" data-productSkn="[[item.productSkn]]" data-cnAlphabet="[[item.cnAlphabet]]" data-goodsId ="[[item.goodsId]]">
                    <a href="javascript:"><img src="[[item.src]]"><b></b><span>top[[_index+1]]</span><i></i></a>
                </li>
                [[/each]]
            </ul>
            <div style="clear: both"></div>
        </div>
        <div class="topTip">
            <i>*&nbsp;&nbsp;</i><span></span>
        </div>
    </div>
</script>

<script type="text/template" id="link">
    <select class="form-control inputChange linkSelect" name="linkType" style="margin-bottom: 10px" data-index='[[index]]'>
        <option value="0" [[data.linkType==0?'selected':'']]>自定义</option>
        <option value="1" [[data.linkType==1?'selected':'']]>商品分类</option>
    </select>

    [[if data.linkType == 0]]
    <div class="link_url">
        <input class='form-control inputChange urlInput' type=text name='url' value='[[data.url]]' data-index='[[index]]' />
    </div>
    <div class="link_category" style="display: none">
        <select class="form-control categoryChange" name='categoryId' data-index='[[index]]'>
            <option value="-1">-- 请选择商品分类 --</option>
            [[each categoryList as item _index]]
            <option value="[[item.categoryId]]" [[data.categoryId==item.categoryId?'selected':'']]>[[item.categoryName]]</option>
            [[/each]]
        </select>
    </div>
    [[else]]
    <div class="link_url" style="display: none">
        <input class='form-control inputChange urlInput' type=text name='url' value='[[data.url]]' data-index='[[index]]' />
    </div>
    <div class="link_category">
        <select class="form-control categoryChange" name='categoryId' data-index='[[index]]'>
            <option value="-1">-- 请选择商品分类 --</option>
            [[each categoryList as item _index]]
            <option value="[[item.categoryId]]" [[data.categoryId==item.categoryId?'selected':'']]>[[item.categoryName]]</option>
            [[/each]]
        </select>
    </div>
    [[/if]]
</script>

<%include '../common/__ui/footer'%>