<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>添加文章</li>
            </ul>

            <div>
                    <h4>添加文章</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">
                            <button type="submit" id="submit" class="btn btn-primary mr5">保存</button>
                        </div>
                      </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/tempalte" 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" 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">
                <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">
                <label>通用</label>
                <input type="hidden" value="[[articleGender]]" id="articleGender" 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" id="authorId">
                    <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="文章摘要" >
                    [[articleSummary]]
                </textarea>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">封面图:</label>
            <div class="col-sm-8">
                <input type="file" name="coverImage" id="coverImage" value="[[coverImage]]" />
            </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" checked="">
                <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="" class="form-control" placeholder="请输入内容链接" readonly="true" required=""> 
                <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-8">
                <select class="form-control"></select>
            </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">
            <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/tempalte" 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">     
                    <option value="">选择跳转目的</option>          
                    <option value="brand">品牌列表页</option>          
                    <option value="productDetail">商品详情页</option>          
                    <option value="coupon">优惠券页</option>          
                    <option value="fav">收藏列表页</option>          
                    <option value="mine">我的页面</option>          
                    <option value="list">列表或搜索页</option>          
                    <option value="attention">关注页</option>          
                    <option value="plus">plus页</option>          
                    <option value="star">star页</option>          
                    <option value="new">新品到着页</option>          
                    <option value="sale">折扣页</option>          
                    <option value="h5">h5网页</option>          
                    <option value="guangchannel">逛频道</option>          
                    <option value="gender">男女首页</option>          
                    <option value="activity">app活动页</option>          
                    <option value="home" selected="selected">频道首页</option>          
                    <option value="yohood">YOHOOD</option>          
                    <option value="top100">热销排行</option>          
                    <option value="activitytemplate">活动模板</option>          
                    <option value="globalpurchase">全球购</option>          
                    <option value="subchannel">二级频道</option>          
                    <option value="guangchannel">逛频道或SHOW晒单页</option>          
                    <option value="showgoods">去晒单</option>          
                    <option value="limitpurchase">尖货频道</option>          
                    <option value="vippro">会员商品</option>          
                    <option value="shortsize">断码页</option>          
                    <option value="discountmarket">折扣专区</option>          
                    <option value="discountmarketpro">折扣专区详情页</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="goToUrl" class="form-control" placeholder="跳转地址" ></textarea>
            </div>
           
        </div>
    </div>
</script>

<script type="text/template" id="template3">

[[each aa as 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="http://img11.static.yhbimg.com\goodsimg/2016/04/05/08/018a152691c03886bb23fc3eabb8ebafbf.jpg?imageView/2/w/100/h/100">
            </a>
            <i class="remove-item-btn remove1 glyphicon glyphicon-remove-circle" data-index="2"></i>
        </div>
    </li>
[[/each]]

</script>

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

<script type="text/template" id="template5">
<div class="row">
        
        <div class="form-group">
            [[each Brands as brand index]]
            <a>[[brand.name]]</a>
            [[/each]]
        </div>

        <div class="form-group">
            [[each Brands as brand index]]
            <div class="form-group" name="[[brand.name]]">
                [[each brand.items as item __index ]]
                <input type="checkbox" value="[[item.id]]" name="brandCheckBox">
                <label>[[item.brandName]]</label>
                [[/each]]
            </div>
            [[/each]]
        </div>

</div>
</script>