<%include '../../common/__ui/header'%>
<%include '../../common/__partail/ListHeader'%>
<style type="text/css" media="all">
    td { word-break:break-all; max-width: 200px; }
</style>
<div class="contentpanel">
    <div class="panel panel-default" style="margin-bottom:10px;">
        <div class="panel-body" style="padding-bottom: 0">
            <a href="javascript:void(0);" id="btn_add" class="btn btn-success "><i class="fa fa-plus"></i> 添加匹配词</a>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="panel-col">
                    <input id="matchWordName" class="form-control panel-input" type="text" placeholder="匹配词">
                </div>
                <div class="panel-col">
                    <select name="status" id="status" tabindex="-1" title="" class="select2-offscreen brandBtn-group">
                        <option value="" selected="">选择开启状态</option>
                        <option value="1">关闭</option>
                        <option value="0">开启</option>
                    </select>
                </div>
                                <div class="panel-col">
                    <select name="time_status" id="time_status" tabindex="-1" title="" class="select2-offscreen brandBtn-group">
                        <option value="" selected="">选择时间状态</option>
                        <option value="1">未开始</option>
                        <option value="2">进行中</option>
                        <option value="3">已结束</option>
                    </select>
                </div>
                <div class="panel-col">
                    <input id="start_time" class="form-control panel-input" readonly="readonly" type="text" placeholder="开始时间">
                </div>
                <div class="panel-col">
                    <input id="end_time" class="form-control panel-input" readonly="readonly" type="text" placeholder="结束时间">
                </div>
                <div class="panel-col2">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">筛选</a>
                    <a id="all-btn" href="" class="btn btn-info">全部</a>
                </div>
            </div>
        </div>
    </div>
    <div id="table-box"></div>

</div>

<!--添加修改模板-->
<script type="text/template" id="template">
    <div class="rows" id="baseform">
        <div class="form-group">
            <label class="col-sm-2 control-label" for="matchWordName">匹配词</label>
            <input type="hidden" value="{{id}}" id="id"/>
            <input type="hidden" value="{{status }}" id="status"/>
            <div class="col-sm-10">
                <input type="text" value="{{matchWordName}}" class="form-control" id="matchWordName" required="required" placeholder="多个匹配词之间以 , 隔开" />
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">显示频道<i class="red">*</i></label>
            <div class="col-sm-8 " id="channelCheckBox">
                <div style="float:left;margin-right: 5px"><input type="checkbox" name="channelIds" class="observe" data-field="channelIds" value="0">默认</div>
            </div>
            <input type="hidden" id="channelIds" name="channelIds" value="{{channelIds}}" for="checkbox" class="observe" data-field="channelIds"
                   placeholder="显示频道" required/>
        </div>


        <div class="form-group">
            <label class="col-sm-2 control-label" for="matchPcUrl">PC 链接</label>
            <div class="col-sm-10">
                <input type="text" value="{{matchPcUrl}}" class="form-control" id="matchPcUrl" required="required"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">移动端链接</label>
            <div class="col-sm-3">
                <select id="matchAppAction" name="matchAppAction" class="form-control" required="required">
                    <option value="">选择跳转目的</option>
                    <%each actions as item index%>
                        <option value="<%item.enName%>" {{if matchAppAction == "<%item.enName%>"}}selected{{/if}}><%item.chName%></option>
                    <%/each%>
                </select>
            </div>
            <div class="col-sm-7">
                <input id="matchAppUrl" value="{{matchAppUrl}}" class="form-control" placeholder="URL地址" required="required"/>
                <p style="color:#999;margin-top: 5px;">注：链接中不能有英文单引号</p>
            </div>
        </div>
        <div class="form-group col-sm-100">
            <label class="col-sm-2 control-label">发布时间</label>
            <div class="panel-col1 col-sm-4">
                <input type="text" id="startTime" jsaction="time:end:endTime" readonly
                       class="form-control panel-input " name="startTime" placeholder="开始时间" required="required" value="{{startTime | dateFormat: 'yyyy-MM-dd hh:mm:ss'}}">
            </div>
            <div class="panel-col1 col-sm-4">
                <input type="text" id="endTime" jsaction="time:start:startTime" readonly
                       class="form-control panel-input" name="endTime" placeholder="结束时间" required="required" value="{{endTime | dateFormat: 'yyyy-MM-dd hh:mm:ss'}}">
            </div>
        </div>
    </div>
</script>