<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">
                <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="/guang/article/index">文章管理</a></li>
                <li>{{pageTitle}}</li>
            </ul>

            <div>
                <h4>{{pageTitle}}</h4>
            </div>
        </div>
    </div>
    <!-- media -->
</div>

<div class="contentpanel">
    <div class="rows">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">添加文章</h4>
                </div>
                <div class="panel-body form-horizontal" id="panel-body" action="{{action}}">

                </div>
                <div class="panel-footer">
                    <div class="row">
                        <div class="col-sm-9 col-sm-offset-3">
                            <input type="button" id="submit" class="btn btn-primary mr5" value="保存"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/template" id="tempalte1">
    <div class="row" id="baseform">
        <div class="form-group">
            <label class="col-sm-2 control-label">文章标题:</label>

            <div class="col-sm-8">
                <input type="text" id="articleTitle" maxlength="80" class="form-control" placeholder="文章标题" required
                       value="[[articleTitle]]">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文章分类:</label>
            <!--文章分类-->
            <div class="col-sm-2">
                <select class="form-control" id="maxSortId" required>
                    <option value="[[maxSortId||'-1']]">[[maxSortName||'请选择一级分类']]</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select class="form-control" id="minSortId">
                    <option value="[[minSortId||'-1']]">[[minSortName||'请选择二级分类']]</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">性别:</label>

            <div class="col-sm-8">
                <input type="radio" value="1" name="articleGender">
                <label>男</label>
                <input type="radio" value="2" name="articleGender">
                <label>女</label>
                <input type="radio" value="3" name="articleGender" checked>
                <label>通用</label>
                <input type="hidden" value="[[articleGender||3]]" id="articleGender" for="radio" required/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">选择作者:</label>

            <div class="col-sm-8">
                <select class="form-control" id="authorId" required>
                    <option value="[[authorId||'']]">[[authorName||'请选择']]</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">文章摘要:</label>

            <div class="col-sm-8">
                <textarea rows="2" id="articleSummary" class="form-control" placeholder="文章摘要" required maxlength="85">[[articleSummary]]</textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">封面图:<span class="red">*</span> </label>

            <div class="col-sm-8">
                <input type="file" name="coverImage" id="coverImage" value="[[coverImage]]" required placeholder="封面图"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">图片类型:</label>

            <div class="col-sm-8">
                <input type="radio" value="1" name="coverImageType">
                <label>方形</label>
                <input type="radio" value="2" name="coverImageType">
                <label>长形</label>
                <input type="hidden" id="coverImageType" value="[[coverImageType]]" for="radio"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">文章类型:</label>

            <div class="col-sm-8">
                <select class="form-control" value="[[articleType]]" id="articleType">
                    <option value="1">普通文章</option>
                    <option value="2">广告</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">广告尺寸:</label>

            <div class="col-sm-8">
                <select class="form-control" value="[[adsImgSize]]" id="adsImgSize">
                    <option value="">请选择广告图片尺寸</option>
                    <option value="10881088">1088X1088</option>
                    <option value="1088680">1088X680</option>
                    <option value="1088340">1088X340</option>
                </select>
            </div>
        </div>

    </div>
    <div class="row">

        <div class="form-group">
            <label class="col-sm-2 control-label">链接:</label>

            <div class="col-sm-7">

                <input type="text" name="url" id="url" value='[[url]]' class="form-control" placeholder="请输入内容链接"
                       readonly="true">

                <p style="color:#999">注：链接中不能有英文单引号</p>
            </div>
            <div class="col-sm-1">
                <button type="button" class="btn btn-info" id="addUrl">添加链接</button>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">文章内容:</label>

            <div class="col-sm-6">
                <div id="base-form">
                    <div class="source-content" id="source-m">
                        <!-- left -->
                        <div class="content-left" id="contentLeft">
                            <h4 class="title" data-type="title" style="text-align: center">文章内容</h4>
                            <ul class="add-box showContain ui-sortable" id="add-content">
                            </ul>
                            <nav>
                                <em><i></i></em>
                                <ul class="contents" id="content_btns">

                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">添加品牌:</label>

            <div class="col-sm-8">
                <ul class="cover-image-list col-sm-10" id="addPic" style="padding: 0;margin: 0;">
                    <li class="cover-image-item fileinput-button">
                        <div class="goods-img">
                            <a class="fileinput-button-icon" href="javascript:void(0);" id="addBrands">+</a>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="form-group">
            <div class="col-sm-2">

            </div>
            <div class="col-sm-8">
                <button class="btn btn-info" type="button" id="brandAutoBtn">自动获取品牌</button>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">选择标签:</label>

            <div class="col-sm-6">
                <div id="taglist" class="tagwrap">

                </div>
            </div>
            <div class="col-sm-1">
                <button class="btn btn-info" type="button" id="TagsSelectBtn">选择标签</button>
            </div>
        </div>
    </div>
</script>

<script type="text/template" id="template2">
    <div class="rows">
        <div class="form-group">
            <label class="col-sm-2 control-label">选择跳转目的地:</label>

            <div class="col-sm-8">
                <select name="goTo" id="goTo" class="form-control">
                    [[layout template_default_1]]
                </select>

            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">跳转地址:</label>

            <div class="col-sm-8">
                <textarea rows="2" id="goToUrl" class="form-control" placeholder="跳转地址"></textarea>
            </div>

        </div>
    </div>
</script>

<script type="text/template" id="template3">
    [[each Brands as brand index]]
    <li class="cover-image-item image-list" data-index="2">
        <div class="goods-img">
            <a class="fileinput-button-icon" href="javascript:void(0);">
                <img src="[[brand.brandIco]]">
            </a>
            <i class="remove-item-btn remove1 glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
        </div>
    </li>
    [[/each]]
</script>

<script type="text/template" id="template4">
    [[each tags as tag __index]]
    <span class="tag"><span>[[tag]]</span><a href="#" title="Removing tag" data-index='[[__index]]'>x</a></span>
    [[/each]]
</script>

<script type="text/template" id="template5">
    <div class="row" id="brandForm">

        <div class="form-group">
            [[each Brands as brand index]]
            <a class="btn brand-index" href="#[[brand.name]]">[[brand.name]]</a>
            [[/each]]
            <input type="text" class="form-control" placeholder="搜索" id="brandsearch"/>
        </div>

        <div class="form-group brand-wrap" style="height: 400px;overflow: auto;">
            [[each Brands as brand index]]
            <div class="form-group" name="[[brand.name]]">
                [[each brand.items as item __index ]]
                <a class="btn">
                    <input type="checkbox" value="[[item.id]]" name="brandCheckBox">
                    <label>[[item.brand_name]]</label>
                </a>
                [[/each]]
            </div>
            [[/each]]
            <div class="form-group" id="brandsearchwrap" name="brandsearch">
            </div>
        </div>
        <input type="hidden" id="brandCheckBox" for="checkbox" value="[[Brdata]]"/>
    </div>
</script>
<!--文章内容--按钮-->
<script type="text/template" id="template_content_btns">
    [[each btns as btn index]]
    <li><a href="javascript:void(0)" name="text" class="add_btn" data-index="[[index]]">[[btn.template_intro]]</a></li>
    [[/each]]
    <div class="clearfix"></div>
</script>

<!--文章内容--内容-->
<script type="text/template" id="template_content">
    [[each modules as module index]]
    <li class="form-group custom-group dragItem" data-index="[[index]]" style="width: 100%">
        [[if module.contentData.template_name=='text']]
        <div class="col-sm-12"><h3>[[module.contentData.data.text]]</h3></div>
        [[else if module.contentData.template_name=='singleImage']]
        <div class="col-sm-12">
            <img src="[[module.contentData.data[0].src]]" title="[[module.contentData.data[0].title]]">
        </div>
        [[else if module.contentData.template_name=='smallPic']]
        [[each module.contentData.data as item i]]
        <div class="col-sm-6">
            <img src="[[item.src]]" title="[[item.title]]">
        </div>
        [[/each]]
        [[else if module.contentData.template_name=='goods']]
        [[each module.contentData.data as item i]]
        <div class="col-sm-6">
            <img src="[[item.src]]" title="[[item.title]]">
        </div>
        [[/each]]
        [[else if module.contentData.template_name=='link']]
        <div class="col-sm-12">
            <h3>添加链接</h3>
        </div>
        [[else if module.contentData.template_name=='goodsGroup']]
        <div class="form-group">
            [[each module.contentData.data as items i]]
            <div class="col-sm-3">
                <img src="[[items.cover.cover]]">
            </div>
            [[/each]]
        </div>

        [[each module.contentData.data[0].list as item index]]
        <div class="col-sm-6">
            <img src="[[item.src]]" title="[[item.id]]">
        </div>
        [[/each]]

        [[/if]]
        <div class="actions-box">
            <div class="actions-wrap">
                <span class="edit" data-index="[[index]]">编辑</span>
                <span class="del" data-index="[[index]]">删除</span>
            </div>
        </div>
    </li>
    [[/each]]
</script>

<!-- 文本弹层 -->
<script type="text/template" id="template_dialog_text" >
    <div class="rows">
         <script id="baidueditor" style="width: 100%;" name="content" type="text/plain"></script>
    </div>
</script>

<!-- 一张图片 -->
<script type="text/template" id="template_dialog_grid">
    <div class="rows">
        <div id="grid-baseFrom">
            <table class="table table-hover table-bordered responsive dataTable no-footer">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>资源位</th>
                    <th>地址</th>
                </tr>
                </thead>
                <tbody>
                [[each contentData.data as item index]]
                <tr>
                    <td>[[index+1]]</td>
                    <!-- multiple="true" -->
                    <td><input type="file" name="file" id="src-[[index]]" value="[[item.src]]"
                               data-field="[[index]].src" data-index="[[index]]"/></td>
                    <td>
                        <div class="form-group">
                            <div class="col-sm-10">
                                <select class="form-control observe" data-field="[[index]].url.action"
                                        value='[[item.url.action]]'>
                                    [[layout template_default_1]]
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-10">
                                <textarea rows="2" class="form-control observe" placeholder="跳转地址"
                                          data-field="[[index]].url.url">[[item.url.url]]</textarea>
                            </div>
                        </div>


                        <div class="form-group">
                            <div class="col-sm-10">
                                <input class="form-control observe" value="[[item.alt]]" placeholder="图片描述"
                                       data-field='[[index]].alt'/>
                            </div>
                        </div>


                    </td>
                </tr>
                [[/each]]
                </tbody>
            </table>
        </div>
        <div class="form-group">
            <div class="col-sm-2">
                <button class="btn btn-info" type="button" id="imgsSelectBtn">上传多张图片</button>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="template_dialog_imgmodule">
    <div class="rows" id="moduleimgs">
        <div class="form-group">
            [[each datas as item index]]
            <div class="col-sm-2">
                <img src="[[ item ]]" width="100%" height="100%">
            </div>
            [[/each]]
            <div class="col-sm-2">
                <input type="file" multiple="true" name="file" id="filemodelimgs"/>
            </div>
        </div>
    </div>
</script>

<!-- 选择商品 -->
<script type="text/template" id="template_dialog_goods">
    <div class="rows">
        <div class="form-group">
            <div class="col-sm-12">
                <ul class="cover-image-list col-sm-10 imagegroup" id="goodspic">
                    [[each contentData.data as item index]]
                    <li class="cover-image-item image-list" data-index="2">
                        <div class="goods-img">
                            <a class="fileinput-button-icon" href="javascript:void(0);">
                                <img src="[[item.src]]">
                            </a>
                            <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle"
                               data-index="[[index]]"></i>
                        </div>
                    </li>
                    [[/each]]
                </ul>
            </div>

        </div>
        <div class="form-group">
            <div class="col-sm-1">
                <button class="btn btn-info" type="button" id="goodsSelectBtn">选择标签</button>
            </div>
        </div>
    </div>
</script>

<script type="text/template" id="template_dialog_goodsimgs">
    [[each datas as data index]]
    <li class="cover-image-item image-list" data-index="2">
        <div class="goods-img">
            <a class="fileinput-button-icon" href="javascript:void(0);">
                <img src="[[data.src]]">
            </a>
            <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle" data-index="[[index]]"></i>
        </div>
    </li>
    [[/each]]
</script>

<!--添加商品/商品组--选择标签界面模板-->
<script type="text/template" id="template_dialog_goodsgird">
    <div class="rows">
        <div class="form-group">
            <div class="panel-col2">
                <input class="form-control" id="skns" placeholder="输入SKN(多个skn以逗号分隔)或产品名称"/>
            </div>
            <div class="panel-col">
                <input type="number" id="beginPrice" name="begin_price" class="form-control"
                       placeholder="起始价" value="">
            </div>

            <div class="panel-col">
                <input type="number" id="endPrice" name="end_price" class="form-control"
                       placeholder="结束价" value="">
            </div>
            <div class="col-sm-1">
                <input type="button" id="search" class="btn btn-primary mr5" value="搜索"/>
            </div>
        </div>
        <div class="form-group">
            <div class="gird" id="goodsgird">
                <div class="row">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <i class="col-sm-1 fa fa-star" style="text-align: right"></i>
                            <p class="col-sm-10">请在搜索框内输入SKN(多个skn以逗号分隔)或产品名称，然后点击搜索按钮</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>

<!-- 推荐商品 -->
<script type="text/tempalte" id="template_dialog_remgoods">
    <div class="rows" id="groupsgoods">
        [[layout template_dialog_remgoodsgroup]]
    </div>
    <div class="rows">
     <div class="form-group">
            <div class="col-sm-1">
                <button class="btn btn-info" type="button" id="goodsaddBtn">添加组</button>
            </div>
        </div>
    </div>



</script>

<script type="text/template" id="template_dialog_remgoodsgroup">
    [[each contentData.data as items i]]
    <div class="form-group">
        <div class="col-sm-10">
            <ul class="cover-image-list col-sm-10 imagegroup" data-i="[[i]]">
                [[each items.list as item index]]
                <li class="cover-image-item image-list" data-index="2">
                    <div class="goods-img">
                        <a class="fileinput-button-icon" href="javascript:void(0);">
                            <img src="[[item.src]]">
                        </a>
                        <i class="remove-item-btn removepic glyphicon glyphicon-remove-circle"
                           data-index="[[index]]"></i>
                    </div>
                </li>
                [[/each]]
            </ul>
        </div>
        <div class="col-sm-2">
            <button class="btn btn-info goodsSelectBtn" type="button" data-index="[[i]]">选择标签</button>
        </div>
    </div>
    [[/each]]
</script>
<!-- 一个连接 -->
<script type="text/template" id="template_dialog_link">
    <div class="rows">
        <div class="form-group">
            <label class="col-sm-2 control-label">选择跳转目的地:</label>

            <div class="col-sm-8">
                <select class="form-control observe" data-field="0.url.action"
                        value='[[contentData.data[0].url.action]]'>
                    [[layout template_default_1]]
                </select>

            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">跳转地址:</label>

            <div class="col-sm-8">
                <textarea rows="2" class="form-control observe" placeholder="跳转地址" data-field="0.url.url">[[contentData.data[0].url.url]]</textarea>
            </div>

        </div>
    </div>
</script>

<script type="text/template" id="template_default_1">
    <option value="" selected="selected">选择跳转目的</option>
    <option value="go.brand">品牌列表页</option>
    <option value="go.productDetail">商品详情页</option>
    <option value="go.coupon">优惠券页</option>
    <option value="go.fav">收藏列表页</option>
    <option value="go.mine">我的页面</option>
    <option value="go.list">列表或搜索页</option>
    <option value="go.attention">关注页</option>
    <option value="go.plus">plus页</option>
    <option value="go.star">star页</option>
    <option value="go.new">新品到着页</option>
    <option value="go.sale">折扣页</option>
    <option value="go.h5">h5网页</option>
    <option value="go.guangchannel">逛频道</option>
    <option value="go.gender">男女首页</option>
    <option value="go.activity">app活动页</option>
    <option value="go.home">频道首页</option>
    <option value="go.yohood">YOHOOD</option>
    <option value="go.top100">热销排行</option>
    <option value="go.activitytemplate">活动模板</option>
    <option value="go.globalpurchase">全球购</option>
    <option value="go.subchannel">二级频道</option>
    <option value="go.guangchannel">逛频道或SHOW晒单页</option>
    <option value="go.showgoods">去晒单</option>
    <option value="go.limitpurchase">尖货频道</option>
    <option value="go.vippro">会员商品</option>
    <option value="go.shortsize">断码页</option>
    <option value="go.discountmarket">折扣专区</option>
    <option value="go.discountmarketpro">折扣专区详情页</option>
</script>