{extend name="public:base" /}
{block name="sidebar"}{include file="article/sidebar" /}{/block}
{block name="content"}
<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">{:isset($info['id'])?'编辑':'新增'}音乐资讯</h3>
    </div>
    <div class="panel-body">

        <ul class="nav nav-tabs tabs">
            <li class="tab active">
                <a href="#basic" data-toggle="tab" aria-expanded="false" class="active"> 
                    <span class="hidden-xs">基础</span> 
                </a> 
            </li>
            <li class="tab"> 
                <a href="#other" data-toggle="tab" aria-expanded="false"> 
                    <span class="hidden-xs">扩展</span> 
                </a> 
            </li> 
            <div class="indicator"></div>
        </ul>

        <form class="form-horizontal form-fixed form-submit" action="{:isset($info['id'])? url('update') : url('save')}">     
            <div class="tab-content m-t-10">
                <div class="tab-pane active" id="basic">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">所属分类</label>
                        <div class="col-sm-3">
                            <select class="form-control" name="category_id">
                                {volist name=":get_article_cate_tree('', '', true)" id="ac"}
                                <option {if condition="isset($info['category_id'])"} {eq name="info['category_id']" value="$ac['id']"} selected='selected'{/eq}{/if} value="{$ac['id']}">{$ac.title_show}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 col-xs-12 text-right control-label">资讯标题</label>
                        <div class="col-md-6 col-xs-12">
                            <input type="text" name="title" class="form-control" value="{$info.title|default=''}">
                            <span class="help-block">名称不能为空</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">封面地址</label>
                        <div class="col-md-8">
                            <div class="bootstrap-filestyle input-group">
                                <input type="hidden" id="cover-file-id" name="cover_id" value="{$info.cover_id|default=''}">
                                <input type="text" id="cover-file-path" name="cover_url" class="form-control" value="{$info.cover_url|default=''}" placeholder="可以填写外链地址"> 
                                <span class="input-group-btn">
                                    <label class="btn btn-default fileinput-button">
                                        <span class="icon-span-filestyle glyphicon glyphicon-folder-open"></span> 
                                        <span class="buttonText">选择文件</span>
                                        <input id="upload-cover" type="file" name="files[]" multiple
                                        data-file-type="image"
                                        data-upload-type="cover"
                                        data-target-id="#cover-file-id" 
                                        data-target-path="#cover-file-path">
                                    </label>
                                </span>
                            </div>
                            <span class="help-block">留空将自动拉取内容图片</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">描述</label>
                        <div class="col-md-8">
                            <textarea rows="5" class="form-control" name="description">{$info.description|default=''}</textarea>
                            <span class="help-block">留空将自动截取内容</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 control-label">内容</label>
                        <div class="col-md-8">
                            <textarea id="article-content" rows="16" class="form-control" name="content[content]">{$info.content.content|default=''}</textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label text-right col-lg-2">文章推荐位</label>
                        <div class="col-lg-10">
                            {if condition="isset($info['position'])"}
                            {foreach name=":config('article_position')" item="vo" key="k"}
                            <label class="checkbox-inline i-checkboxs">
                                <input type="checkbox" name="position[]" {if condition="$k & $info['position']" }checked="checked"{/if} value="{$k}">{$vo}
                            </label>
                            {/foreach}
                            {else /}
                            {foreach name=":config('article_position')" item="vo" key="k"}
                            <label class="checkbox-inline i-checkboxs">
                                <input type="checkbox" name="position[]" value="{$k}">{$vo}
                            </label>
                            {/foreach}
                            {/if} 
                            <span class="help-block">可选择多个推荐位</span>
                        </div>
                    </div>
                </div>

                <div class="tab-pane p-b-10" id="other">         
                    <div class="form-group">
                        <label class="col-md-2 col-xs-12 control-label">浏览量</label>
                        <div class="col-md-2 col-xs-12">
                            <input type="text" name="hits" class="form-control" value="{$info.view|default=''}">
                        </div>

                        <div class="form-group">
                            <label class="col-md-1 col-xs-12 control-label">截止时间</label>
                            <div class="col-md-2 col-xs-12">
                                <input type="text" name="deadline" class="form-control" value="{$info.deadline|default=''}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-2 col-xs-12 text-right control-label">模板</label>
                        <div class="col-md-3 col-xs-12">
                            <input type="text" name="content[template]" class="form-control" value="{$info.content.template|default='artrcle_detail.html'}">
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" name="id" value="{$info.id|default=''}">
            <input type="hidden" name="status" value="{$info.status|default='1'}">
            <div class="form-group m-t-10">
                <div class="col-md-offset-2 col-lg-6 text-left">
                    <button onclick="" type="button"
                            class="btn btn-default btn-return">
                        <i class="icon-arrow-left16 position-right"></i>返回上页
                    </button>
                    <button type="submit" class="btn btn-primary" type="submit">
                        确认提交<i class="icon-arrow-right16 position-right"></i>
                    </button>

                    {if condition="config('open_draftbox') and ((isset($info['status']) and $info['status'] eq 3) or ($Request.action eq 'create' ))"}
                    <button class="btn btn-info save-btn" url="{:url('autoSave')}" target-form="form-horizontal" id="autoSave">
                        存草稿
                    </button>
                    {/if}
                </div>
            </div>

        </form>

    </div>
</div>
{/block}
{block name="script"}
{:hook('file', ['wiget'=>'Uplaod', 'is_admin' => true, 'element' => ['#upload-cover']])}
{:hook('articleEdit', ['wiget'=>'wangEditor','is_admin' => true,'element' => 'article-content'])}
<script type="text/javascript">

    {if condition="config('open_draftbox') and ((isset($info['status']) and $info['status'] eq 3) or ($Request.action eq 'create' ))"}
    //保存草稿
    var interval;
    $('#autoSave').click(function(){
        var target_form = $(this).attr('target-form');
        var target = $(this).attr('url')
        var form = $('.'+target_form);
        var query = form.serialize();
        var that = this;

        $(that).addClass('disabled').attr('autocomplete','off').prop('disabled',true);
        $.post(target,query).success(function(res){
            if (res.code) {
                $.Notify.topMsg(res.msg ,'success');
                $('input[name=id]').val(res.data.id);
            }else{
                $.Notify.topMsg(res.msg);
            }
            setTimeout(function(){
                $(that).removeClass('disabled').prop('disabled',false);
            },1500);
        })

        //重新开始定时器
        clearInterval(interval);
        autoSaveDraft();
        return false;
    });

    //Ctrl+S保存草稿
    $('body').keydown(function(e){
        if(e.ctrlKey && e.which == 83){
            $('#autoSave').click();
            return false;
        }
    });

    //每隔一段时间保存草稿
    function autoSaveDraft(){
        interval = setInterval(function(){
            //只有基础信息填写了，才会触发
            var title = $('input[name=title]').val();
            var name = $('input[name=name]').val();
            var des = $('textarea[name=description]').val();
            if(title != '' || name != '' || des != ''){
                $('#autoSave').click();
            }
        }, 1000*parseInt({:config('draft_aotosave_interval')}));
    }
    autoSaveDraft();

    {/if}
</script>
{/block}