{{template "layout/header.html" .}}
<body>

{{template "layout/nav.html" .}}

<div class="container post-detail">
    <article class="post-article">
        <header class="post-detail-header">
            <h1 class="post-detail-title">{{.Post.Title}}</h1>
            <div class="post-detail-meta">
                <span class="post-author">{{if .Post.AuthorName}}{{.Post.AuthorName}}{{else}}该用户已注销{{end}}</span>
                <span class="post-time">{{.Post.CreatedAt.Format "2006-01-02 15:04"}}</span>
                {{if ne .Post.Status "approved"}}
                <span class="post-status post-status-{{.Post.Status}}">{{index $.StatusNames .Post.Status}}</span>
                {{end}}
                {{if .Post.IsLocked}}
                <span class="post-status post-status-locked">已锁定</span>
                {{end}}
                {{if and .Post.PendingBody (eq $.Post.UserID $.UID)}}
                <span class="post-status post-status-revision">修订审核中</span>
                {{end}}
            </div>
        </header>

        <div class="post-detail-body" id="postContent"></div>

        {{if .Post.RejectReason}}
        <div class="post-reject-reason">
            <strong>退回理由：</strong>{{.Post.RejectReason}}
        </div>
        {{end}}
    </article>

    {{if .IsLoggedIn}}
    <div class="post-actions">
        {{if and $.Post (or (eq $.Post.UserID $.UID) $.CanAccessAdmin) (ne $.Post.Status "pending") (not $.Post.IsLocked)}}
        <a href="/posts/{{$.Post.ID}}/edit" class="btn btn-secondary">编辑</a>
        {{end}}
        {{if and $.Post (eq $.Post.UserID $.UID) (or (eq $.Post.Status "draft") (eq $.Post.Status "rejected"))}}
        <button class="btn btn-primary" id="submitAuditBtn" data-id="{{$.Post.ID}}">提交审核</button>
        {{end}}
    </div>
    {{end}}
</div>

{{template "layout/footer.html" .}}

{{/* MD 内容安全传递给 JS */}}
<textarea id="postMdContent" style="display:none">{{.Post.Body}}</textarea>

<link rel="stylesheet" href="/static/vditor/dist/index.css">
<script src="/static/vditor/dist/method.min.js"></script>
<script src="/static/js/common.js"></script>
<script src="/static/js/shortcode.js"></script>
<script>
(function() {
    var el = document.getElementById('postContent');
    var mdEl = document.getElementById('postMdContent');
    if (!el || !mdEl) return;

    var md = mdEl.value;
    Vditor.preview(el, md, {
        cdn: '/static/vditor',
        theme: { current: 'light', path: '/static/vditor/dist/css/content-theme' },
        hljs: { style: 'github-dark', enable: true },
        after: function() {
            // 外部链接自动加 nofollow + target="_blank"，避免权重流失
            var host = window.location.host;
            var links = el.querySelectorAll('a[href^="http"]');
            for (var i = 0; i < links.length; i++) {
                var a = links[i];
                if (a.host && a.host !== host) {
                    a.setAttribute('rel', 'nofollow noopener noreferrer');
                    a.setAttribute('target', '_blank');
                }
            }
        }
    });

    // Vditor.preview() 渲染 MD，shortcode 占位 div 原样保留
    // 渲染完成后，将占位 div 替换为对应卡片 UI
    renderShortcodes(el);
})();
</script>

<script>
// 提交审核按钮
(function() {
    var btn = document.getElementById('submitAuditBtn');
    if (!btn) return;
    btn.addEventListener('click', function() {
        if (!confirm('确认提交审核？审核通过后将公开发布。')) return;
        var csrf = document.querySelector('meta[name="csrf-token"]');
        fetch('/api/posts/' + btn.dataset.id + '/submit', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-Token': csrf ? csrf.getAttribute('content') : ''
            }
        })
        .then(function(r) { return r.json(); })
        .then(function(d) {
            if (d.success) { window.location.reload(); }
            else { alert(d.message || '提交失败'); }
        })
        .catch(function() { alert('请求失败'); });
    });
})();
</script>
</body>
</html>
