{layout name="layout"}
{block name="title"}写文章 - TP-Blog 会员中心{/block}

{block name="content"}
<div class="layui-card">
    <div class="layui-card-header">写文章</div>
    <div class="layui-card-body">
        <form class="layui-form" action="" id="articleForm">
            <div class="layui-form-item">
                <label class="layui-form-label">标题</label>
                <div class="layui-input-block">
                    <input type="text" name="title" required lay-verify="required" placeholder="请输入文章标题" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">分类</label>
                <div class="layui-input-block">
                    <select name="cid" lay-verify="required" style="max-width:320px;">
                        <option value="">请选择分类</option>
                        {volist name="categories" id="c"}
                        <option value="{$c.id}">{$c.name}</option>
                        {/volist}
                    </select>
                    <a href="{:url('blog/member.category/index')}" target="_blank" class="layui-btn layui-btn-primary layui-btn-sm" style="margin-left:10px;">管理分类</a>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">标签</label>
                <div class="layui-input-block">
                    <input type="text" name="tags" placeholder="多个标签用逗号分隔，如：PHP,ThinkPHP" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">摘要</label>
                <div class="layui-input-block">
                    <textarea name="summary" placeholder="选填，留空将自动截取正文" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">封面图</label>
                <div class="layui-input-block">
                    <input type="text" name="cover_image" placeholder="选填，封面图 URL" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">正文</label>
                <div class="layui-input-block">
                    <script id="editor" type="text/plain" style="height:400px;"></script>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="radio" name="status" value="1" title="立即发布" checked>
                    <input type="radio" name="status" value="0" title="存为草稿">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="articleSubmit">提交</button>
                    <a href="{:url('blog/member.article/index')}" class="layui-btn layui-btn-primary">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript" src="/assets/library/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/assets/library/ueditor/ueditor.all.js"></script>
<script>
    var ue = UE.getEditor('editor', {
        toolbars: [[
            'undo', 'redo', '|',
            'removeformat', 'formatmatch', '|',
            'fontsize', 'bold', 'italic', 'underline', 'strikethrough', 'forecolor', 'backcolor', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', 'indent', '|',
            'inserttable', 'blockquote', 'horizontal', 'insertcode', 'emotion', '|',
            'searchreplace'
        ]],
        autoHeightEnabled: true,
        initialFrameWidth: '100%',
        initialFrameHeight: 400
    });

    layui.use(['form', 'layer'], function(){
        var form = layui.form, layer = layui.layer, $ = layui.$;
        form.on('submit(articleSubmit)', function(data){
            var content = UE.getEditor('editor').getContent();
            if (! content.trim()) {
                layer.msg('请输入文章内容', {icon:2});
                return false;
            }
            data.field.content = content;
            $.post('{:url("blog/member.article/save")}', data.field, function(res){
                if(res.code === 1){
                    layer.msg(res.msg, {icon:1}, function(){ location.href = res.url; });
                } else {
                    layer.msg(res.msg, {icon:2});
                }
            });
            return false;
        });
    });
</script>
{/block}