{{define "content"}}
<article class="post-detail">
    <header class="post-header">
        <h1 class="post-title">{{.Post.Title}}</h1>
        <div class="post-meta">
            <span class="post-date">{{.Post.PublishedAt.Format "2006-01-02 15:04"}}</span>
            <span class="post-author">{{.Post.Author.Nickname}}</span>
            <span class="post-category">
                <a href="/?category={{.Post.CategoryID}}">{{.Post.Category.Name}}</a>
            </span>
            {{if .Post.Tags}}
            <span class="post-tags">
                {{range .Post.Tags}}
                <a href="/?tag={{.ID}}" class="tag">{{.Name}}</a>
                {{end}}
            </span>
            {{end}}
            <span class="post-views">{{.Post.Views}} 阅读913</span>
        </div>
    </header>
    
    <div class="post-cover">
        <img src="{{if .Post.Cover}}{{.Post.Cover}}{{else}}/static/images/default_cover.webp{{end}}" alt="{{.Post.Title}}">
    </div>
    
    <div class="post-body">
        {{.Post.Content | markdown}}
    </div>
</article>

<nav class="post-navigation">
    <div class="nav-prev">
        {{if .PrevPost}}
        <a href="/post/{{.PrevPost.Slug}}" class="nav-link">
            <span class="nav-label">← 上一篇</span>
            <span class="nav-title">{{.PrevPost.Title}}</span>
        </a>
        {{else}}
        <span class="nav-link disabled">
            <span class="nav-label">← 上一篇</span>
            <span class="nav-title">没有了</span>
        </span>
        {{end}}
    </div>
    <div class="nav-next">
        {{if .NextPost}}
        <a href="/post/{{.NextPost.Slug}}" class="nav-link">
            <span class="nav-label">下一篇 →</span>
            <span class="nav-title">{{.NextPost.Title}}</span>
        </a>
        {{else}}
        <span class="nav-link disabled">
            <span class="nav-label">下一篇 →</span>
            <span class="nav-title">没有了</span>
        </span>
        {{end}}
    </div>
</nav>

{{if .ShowComments}}
<section class="comments-section" id="comments">
    <h3>评论 (<span id="comment-count">{{.CommentCount}}</span>)</h3>
    
    <form class="comment-form" action="/api/comments" method="POST">
        <input type="hidden" name="post_id" value="{{.Post.ID}}">
        <div class="form-group">
            <input type="text" name="author" placeholder="昵称" required>
        </div>
        <div class="form-group">
            <input type="email" name="email" placeholder="邮箱" required>
        </div>
        <div class="form-group">
            <input type="url" name="website" placeholder="网站（可选）">
        </div>
        <div class="form-group">
            <textarea name="content" placeholder="写下你的评论..." required></textarea>
        </div>
        <button type="submit">发表评论</button>
    </form>
    
    <div class="comments-list">
        <!-- 评论由 AJAX 动态加载 -->
    </div>

    <div class="pagination comment-pagination" style="display:none">
        <!-- 分页由 AJAX 动态渲染 -->
    </div>
</section>
{{end}}
{{end}}