<div class="tabheader">
    <ul class="nav nav-tabs">
        <li data-toggle="shopWeb-pc" class="active"><a href="javascript:">店铺装修(PC端)</a></li>
        <li data-toggle="shopWeb-app"><a href="javascript:">店铺装修(移动端)</a></li>
    </ul>
</div>

<div class="pageheader">
    <div class="media">
        <div class="media-body" style="display: block;">
            <div class="panel-body">
                <div class="col-sm-3">
                    <h4>选择模板</h4>
                </div>
                <div class="col-sm-3">
                    <div class="moduleTypeView">
                        <label class="radio-inline"><input type="radio" name="brandLevel" value="1">基础模板</label>
                        <label class="radio-inline"><input type="radio" name="brandLevel" value="2">经典模板</label>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="moduleTypeSelect" style="display: none; margin-top: -10px">
                        <label>PC端使用模板：</label>
                        <select id="templateSelect" style="width: 120px; display: inline-block" class="form-control">
                            <option value="0" selected="selected">--选择模板--</option>
                            <option value="1">基础模板</option>
                            <option value="2">经典模板</option>
                        </select>
                    </div>
                </div>
                <div id="operations" class="col-sm-3">
                    <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" value="暂存">
                        <input id="submitModule" type="button" class="btn btn-primary" 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" value="审核通过">
                        <input id="checkNo" type="button" class="btn btn-danger" 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="shopWeb-pc-1">

    <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>
        <!--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 model-main-right-default"></div>
            <div class="clear"></div>
        </div>
    </div>
</script>

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

    <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">品牌集合</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">
                <!--slide-->
                <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://cdn.yoho.cn/yohobuy-portal/assets/images/shop.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://cdn.yoho.cn/yohobuy-portal/assets/images/shop.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="shopWeb-app">
    <div class="model-wrap contentpanel-app">
        <!--banner-->
        <div class="model-banner model-editor" data-toggle="editor-banner" data-title="顶部图片编辑">
            <%if resources.shopTopBanner_APP.isUsed == "Y"%>
            <img src="<%resources.shopTopBanner_APP.data[0].shopSrc%>">
            <%if resources.shopTopBanner_APP.data[0].isShowShopName == "Y"%>
            <h1><%shopName%></h1>
            <%/if%>
            <%else%>
            <img src="<%resources.shopTopBanner.data[0].shopSrc%>">
            <%if resources.shopTopBanner.data[0].isShowShopName == "Y"%>
            <h1><%shopName%></h1>
            <%/if%>
            <%/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:void(0)"><img src="<%item.brandIco%>"></a></li>
                    <%/each%>
                    <div class="clear"></div>
                </ul>
            </div>
            <!--大图-->
            <div class="largePic model-editor" data-toggle="editor-largePic-app" data-title="资源位大图编辑"><a href="javascript:"><img src="<%resources.largeSlideImg.data[0].data[0].src%>"></a></div>
            <!--小图-->
            <div class="model-smallPic model-editor" data-toggle="editor-smallPic" data-title="资源位小图编辑">
                <ul>
                    <%if resources.oneRowTwoColImages_APP.isUsed == "Y"%>
                    <%each resources.oneRowTwoColImages_APP.data as item _index%>
                    <li><img src="<%item.data[0].src%>"></li>
                    <%/each%>
                    <%else%>
                    <%each resources.oneRowTwoColImages.data as item _index%>
                    <li><img src="<%item.data[0].src%>"></li>
                    <%/each%>
                    <%/if%>
                </ul>
            </div>
            <div class="clear"></div>
            <!--热门品类-->
            <div class="sortList">
                <span>热门品类</span>
                <div class="sortListDetail model-editor" data-toggle="editor-recommend-app" data-title="热门品类编辑">
                    <ul>
                        <%each resources.recommend.data as item _index%>
                        <%if item.isShowInApp == "Y"%>
                        <li><img src="<%item.src%>"><a href="<%item.url%>"><%item.name%></a></li>
                        <%/if%>
                        <%/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.isUsed == "Y"%>
                    <%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%>
                    <%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://cdn.yoho.cn/yohobuy-portal/assets/images/shop.png"><div class="shadow"><a href="javascript:">商品展示样例</a><b>￥商品价格</b></div></li>
                    <%/if%>
                    <%/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%>">
                    <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>