{include:head.html}
{include:header.html}
<link rel="stylesheet" href="/static/member/member.css">

<div class="main">
    <div class="container member-container">
        <div class="member-layout">
            <aside class="member-sidebar">
                {raw:member_sidebar}
            </aside>
            <main class="member-content">
                <div class="contribution-form-wrap">
                    <h1>我要投稿</h1>
                    {raw:error}
                    {raw:success}
                    <form action="{raw:form_action}" method="post" class="contribution-form">
                        <div class="form-group">
                            <label>栏目 <span class="required">*</span></label>
                            <select name="category_id" required>
                                <option value="">请选择栏目</option>
                                {raw:category_options}
                            </select>
                        </div>
                        <div class="form-group">
                            <label>标题 <span class="required">*</span></label>
                            <input type="text" name="title" maxlength="200" placeholder="请输入文章标题" required>
                        </div>
                        <div class="form-group">
                            <label>摘要（选填，不填将自动截取）</label>
                            <textarea name="description" rows="3" placeholder="文章摘要..."></textarea>
                        </div>
                        <div class="form-group">
                            <label>正文内容 <span class="required">*</span></label>
                            <textarea name="content" rows="10" cols="80" style="width:100%;"></textarea>
                        </div>
                        <div class="form-row">
                            <div class="form-group form-half">
                                <label>关键词（选填，逗号分隔）</label>
                                <input type="text" name="keywords" placeholder="如：新闻,公告">
                            </div>
                            <div class="form-group form-half">
                                <label>来源（选填）</label>
                                <input type="text" name="source" placeholder="如：原创">
                            </div>
                        </div>
                        {raw:captcha_html}
                        <div class="form-actions">
                            <button type="submit" class="btn-submit">提交投稿</button>
                            <a href="{raw:list_url}" class="btn-outline">返回列表</a>
                        </div>
                    </form>
                    <p class="contribution-tip">提示：投稿提交后需等待管理员审核通过后才会公开展示。</p>
                </div>
            </main>
        </div>
    </div>
</div>

<!-- KindEditor -->
<script src="{raw:ke_path}kindeditor-all-min.js"></script>
<script src="{raw:ke_path}lang/zh-CN.js"></script>
<!-- 多图上传 HTML5 覆盖插件（替换内嵌 Flash/SWFUpload 实现） -->
<script src="{raw:ke_path}plugins/multiimage/multiimage.html5.js"></script>
<script>
KindEditor.ready(function(K) {
    var editor = K.create('textarea[name="content"]', {
        width: '100%',
        height: '500px',
        uploadJson: '{raw:ke_path}php/upload_json.php',
        fileManagerJson: '{raw:ke_path}php/file_manager_json.php',
        allowFileManager: true,
        filterMode: false,
        items: [
            'source', '|', 'undo', 'redo', '|', 'preview', 'template', 'code',
            'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyfull',
            'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent',
            'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|',
            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor',
            'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
            'image', 'multiimage', 'flash', 'media', 'insertfile', 'table', 'hr',
            'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'fullscreen'
        ],
        afterChange: function() { this.sync(); },
        afterBlur: function() { this.sync(); }
    });
});
</script>

{include:footer.html}