{{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>评论 ({{.CommentCount}})</h3>
    
    <form class="comment-form" action="/comment" 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">
        {{range .Comments}}
        <div class="comment-item" id="comment-{{.ID}}">
            <div class="comment-header">
                <span class="comment-author">
                    {{if .Website}}
                    <a href="{{.Website}}" target="_blank">{{.Author}}</a>
                    {{else}}
                    {{.Author}}
                    {{end}}
                </span>
                <span class="comment-date">{{.CreatedAt.Format "2006-01-02 15:04"}}</span>
            </div>
            <div class="comment-content">{{.Content}}</div>
            
            {{if .Children}}
            <div class="comment-children">
                {{range .Children}}
                <div class="comment-item child" id="comment-{{.ID}}">
                    <div class="comment-header">
                        <span class="comment-author">{{.Author}}</span>
                        <span class="comment-date">{{.CreatedAt.Format "2006-01-02 15:04"}}</span>
                    </div>
                    <div class="comment-content">{{.Content}}</div>
                </div>
                {{end}}
            </div>
            {{end}}
        </div>
        {{else}}
        <p class="no-comments">暂无评论，来发表第一条评论吧！</p>
        {{end}}
    </div>

    {{if gt .CommentTotalPages 1}}
    <div class="pagination comment-pagination">
        {{if gt .CommentPage 1}}
        <a href="/post/{{.Post.Slug}}?cpage={{sub .CommentPage 1}}#comments" class="prev">← 上一页</a>
        {{end}}
        <span class="page-info">{{.CommentPage}} / {{.CommentTotalPages}}</span>
        {{if lt .CommentPage .CommentTotalPages}}
        <a href="/post/{{.Post.Slug}}?cpage={{add .CommentPage 1}}#comments" class="next">下一页 →</a>
        {{end}}
    </div>
    {{end}}
</section>
{{end}}
{{end}}