{layout name="layout"}
<style>
    .autocomplete-searchtitle {
        padding: 0px 8px;
        display: none;
    }

    .autocomplete-suggestions {
        display: none;
    }

    .autocomplete-searchtitle .media {
        border-bottom: 1px solid #eee;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .autocomplete-searchtitle .media:last-child {
        border-bottom: 0;
    }

    .autocomplete-searchtitle .media h4.media-heading {
        font-size: 14px;
    }

    .autocomplete-searchtitle .media .text-muted {
        font-size: 12px;
    }

    .autocomplete-searchtitle .media:hover {
        background: #fefefe;
    }

    @media (min-width: 992px) {
        .form-archives>.row>.col-md-3 {
            padding-left: 0;
        }

        .form-archives>.row>.col-md-3 .form-group .control-label {}
    }

    .panel-intro {
        box-shadow: none;
    }
</style>

<link href="__JS__/libs/jquery-tags-input/jquery.tagsinput.min.css?v={$Think.config.site.version}" rel="stylesheet">
<!-- <script src="/static/libs/froala/js/languages/zh_cn.js"></script> -->
<script type="text/html" id="headertpl">
    <div class="px-2">
        <div class="row">
            <div class="col-12">
                <div class="alert" style="border-radius: 0;color: #0084ff; background: rgba(0, 132, 255, 0.1);margin-bottom:0;">
                    共找到以下几篇相关文章:
                </div>
            </div>
        </div>
    </div>
</script>

<script type="text/html" id="itemtpl">
    <div class="media">
        <a class="" href="<%=item.url%>" target="_blank">
            <div class="media-left">
                <img src="<%=item.image%>" style="width: 50px; height: 50px;">
            </div>

            <div class="media-body">
                <h4 class="media-heading"><%=#replace(item.title)%></h4>
                <div class="text-muted"><%=#formatter.status.call(context, item.status, item)%></div>
            </div>
        </a>
    </div>
</script>

<div class="card">
    <div class="card-body">
        <form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

            <input name="id" type="hidden" value="{$row.id}">
            <input name="type" type="hidden" value="{$row.type}">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">分类:</label>
                <div class="col-xs-12 col-sm-8">
                    <select name="category_id" class="form-control selectpicker">
                        {volist name="$categoryList" id="cvo"}
                            <option value="{$cvo.id}" {if $row['category_id']== $cvo.id}selected{/if}>{$cvo.title}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">标题:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-title" data-rule="required;length(2~100)" class="form-control" name="title"
                        type="text" value="{$row.title|htmlentities}" data-suggestion-url="{:url('archives/suggestion')}">
                </div>
            </div>
            <div class="form-group">
                <label for="type" class="control-label col-xs-12 col-sm-2">封面:</label>
                <div class="col-xs-12 col-sm-8 col-md-6">
                    <input id="c-image" class="form-control" size="50" name="image" type="hidden" value="{$row.image|default=''}" data-tip="image">
                    <ul class="list-inline clearfix lyear-uploads-pic" data-template="preview" id="p-image">
                        <li nodelete class="col-xs-4 col-sm-3 col-md-2">
                            <a class="pic-add faupload" style="height: auto;border: 0;" permission="app.admin.upload.image" id="add-pic-btn" href="javascript:;" title="点击上传" data-input-id="c-image" data-mimetype="image/*" data-multiple="false" data-preview-id="p-image"></a>
                            <a class="pic-add fachoose" style="height: auto;border: 0;" permission="app.admin.files.list" id="choose-pic-btn" href="javascript:;" title="选择文件" data-input-id="c-image" data-mimetype="image/*" data-multiple="false" data-preview-id="p-image"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="form-group">
                <label for="type" class="control-label col-xs-12 col-sm-2">图集:</label>
                <div class="col-xs-12 col-sm-8 col-md-6">
                    <input id="c-images" class="form-control" size="50" name="images" type="hidden" value="{$row.images|default=''}" data-tip="images">
                    <ul class="list-inline clearfix lyear-uploads-pic" data-template="preview" id="p-images">
                        <li nodelete class="col-xs-4 col-sm-3 col-md-2">
                            <a class="pic-add faupload" style="height: auto;border: 0;" permission="app.admin.upload.images" id="add-pic-btn" href="javascript:;" title="点击上传" data-input-id="c-images" data-mimetype="image/*" data-multiple="false" data-preview-id="p-images"></a>
                            <a class="pic-add fachoose" style="height: auto;border: 0;" permission="app.admin.files.list" id="choose-pic-btn" href="javascript:;" title="选择文件" data-input-id="c-images" data-mimetype="image/*" data-multiple="false" data-preview-id="p-images"></a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="form-group" data-field="intro">
                <label for="c-intro" class="control-label col-xs-12 col-sm-2">简介:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="c-intro" data-rule="required;length(0~560)" class="form-control" name="intro"
                        rows="5">{$row.intro}</textarea>
                </div>
            </div>


            <!--@formatter:off-->
            <div class="form-group" data-field="content">
                <label for="c-content" class="control-label col-xs-12 col-sm-2">正文:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="c-content" data-rule="required;length(100~20000)" class="form-control editor" name="content" data-role="editor"
                        rows="15">{$row.content}</textarea>
                    <div style="margin-top:5px;">
                        <a href="javascript:" class="btn btn-xs btn-info btn-getimage" data-toggle="tooltip"
                            data-title="将提取内容第一张图作为缩略图"><i class="fa fa-camera"></i> {:__('提取缩略图')}</a>
                        <a href="javascript:" class="btn btn-xs btn-info btn-getimages" data-toggle="tooltip"
                            data-title="将提取内容前4张图作为组图"><i class="fa fa-camera"></i> {:__('提取组图')}</a>
                    </div>
                </div>
            </div>

            <!--@formatter:on-->
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">标签:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-tags" class="form-control" data-role="tagsinput" name="tags" type="text" value="{$row.tags|htmlentities}">
                </div>
            </div>
            <!--@formatter:off-->

            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">标识:</label>
                <div class="col-xs-12 col-sm-8">
                    <!--@formatter:off-->
                    <select id="c-flag" class="form-control selectpicker" multiple name="flag[]">
                        {foreach name="flagList" item="vo"}
                        <option value="{$key}" data-subtext="{$key}" {in name="key" value="$row.flag" }selected{/in}>{$vo}
                        </option>
                        {/foreach}
                    </select>
                    <!--@formatter:on-->
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">权重:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-weigh" data-rule="required;integer(+)" class="form-control" name="weigh" type="number"
                        value="{$row.weigh|default=0}">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">浏览:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-views" data-rule="required;integer(+)" min="0" class="form-control" name="views" type="number"
                        value="{$row.views|default=0}">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">备注:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-memo" class="form-control" name="memo" type="text" value="{$row.memo|htmlentities}">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">状态:</label>
                <div class="col-xs-12 col-sm-8">
                    {foreach name="statusList" item="vo"}
                    <label for="status-{$key}" class="lyear-radio radio-inline radio-primary">
                        <input id="status-{$key}" name="status" type="radio" value="{$key}" {in name="key" value="$row.status" }checked{/in} /> 
                            <span>{$vo}</span>
                        </label>
                    {/foreach}
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8 col-md-6 layer-footer">
                    <button type="submit" class="btn btn-primary m-r-5">提交</button>
                    <button type="reset" class="btn btn-warning m-r-5">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>
{include file="common/file_preview" id="preview"/}