{% extends "base.html" %}

{% block title %}{{ post.author.username }} 的作品 - 泸州高中摄影社论坛{% endblock %}

{% block content %}
<div class="container post-detail-container">
    <div class="post-detail-card">
        <!-- Post Header -->
        <div class="post-detail-header">
            <a href="{{ url_for('users.profile', username=post.author.username) }}" class="user-info-large">
                <div class="user-avatar-large">
                    {{ post.author.username[0].upper() }}
                </div>
                <div>
                    <div class="username-large">{{ post.author.username }}</div>
                    <div class="post-time">{{ post.created_at.strftime('%Y年%m月%d日 %H:%M') }}</div>
                </div>
            </a>

            {% if not post.is_approved %}
            <div class="badge badge-warning">等待审核</div>
            {% endif %}
        </div>

        <!-- Post Image -->
        <div class="post-detail-image">
            <img src="{{ url_for('uploaded_file', filename=post.image_path) }}" alt="Post image" class="detail-image">
        </div>

        <!-- Post Description -->
        {% if post.description %}
        <div class="post-detail-description">
            {{ post.description }}
        </div>
        {% endif %}

        <!-- Comments Section -->
        <div class="comments-section">
            <h2 class="comments-title">💬 评论 ({{ comments|length }})</h2>

            {% if current_user.is_authenticated and current_user.is_approved and post.is_approved %}
            <form method="POST" action="{{ url_for('posts.add_comment', post_id=post.id) }}" class="comment-form">
                <textarea name="content" placeholder="发表你的想法..." required class="comment-input"></textarea>
                <button type="submit" class="btn btn-primary">发表评论</button>
            </form>
            {% elif not current_user.is_authenticated %}
            <div class="info-box">
                <p><a href="{{ url_for('auth.login') }}">登录</a> 后可以发表评论</p>
            </div>
            {% endif %}

            <!-- Comments List -->
            <div class="comments-list">
                {% for comment in comments %}
                <div class="comment-item">
                    <a href="{{ url_for('users.profile', username=comment.author.username) }}" class="comment-avatar">
                        {{ comment.author.username[0].upper() }}
                    </a>
                    <div class="comment-content">
                        <div class="comment-header">
                            <a href="{{ url_for('users.profile', username=comment.author.username) }}"
                                class="comment-username">
                                {{ comment.author.username }}
                            </a>
                            <span class="comment-time">{{ comment.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
                        </div>
                        <div class="comment-text">{{ comment.content }}</div>
                    </div>
                </div>
                {% endfor %}

                {% if not comments %}
                <div class="empty-comments">
                    <p>还没有评论，快来抢沙发吧！</p>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}