{% extends "base.html" %}

{% block page_title %}
    {{ post and "编辑文章" or "新建文章" }}
{% endblock %}

{% block content %}
{% if read_only %}
    <div class="card">
        <div class="card-header">
            <h2>{{ post.title }}</h2>
            {% if post.tags %}
                <p>
                    {% for tag in post.tags %}
                        <span class="tag">{{ tag }}</span>
                    {% endfor %}
                </p>
            {% endif %}
        </div>
        <div class="card-body">
            <pre class="content-preview">{{ post.body }}</pre>
        </div>
    </div>
{% else %}
    <div class="card">
        <div class="card-header">
            <h2>{{ post and "编辑文章" or "新建文章" }}</h2>
            <p class="card-subtitle">文章以 TXT 文件存储在 <code>blog/</code> 目录下</p>
        </div>
        <div class="card-body">
            <form method="post" action="{{ post and ('/admin/blogs/' ~ post.slug ~ '/save') or '/admin/blogs' }}" class="form form-vertical">
                <div class="form-group">
                    <label>标题</label>
                    <input type="text" name="title" value="{{ post and post.title or '' }}" required>
                </div>

                <div class="form-group">
                    <label>标签（逗号分隔）</label>
                    <input type="text" name="tags" value="{{ post and post.tags|join(', ') or '' }}" placeholder="如：security, ctf, note">
                </div>

                <div class="form-group">
                    <label>内容</label>
                    <textarea name="body" rows="18" class="textarea-code">{{ post and post.body or '' }}</textarea>
                </div>

                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">保存</button>
                    {% if post %}
                        <form method="post" action="/admin/blogs/{{ post.slug }}/delete" style="display:inline;">
                            <button type="submit" class="btn btn-danger" onclick="return confirm('确认删除？')">删除</button>
                        </form>
                    {% endif %}
                </div>
            </form>
        </div>
    </div>
{% endif %}
{% endblock %}