{% extends 'base.html' %}
{% block title %}作品详情{% endblock %}
{% block content %}
<div class="card mb-3">
  <div class="p-3">
    <div class="d-flex justify-content-between align-items-center mb-2">
      <div class="d-flex align-items-center gap-3">
        <span class="avatar">{{ post.user.username[:1]|upper }}</span>
        <div>
          <h3 class="mb-1">{{ post.title }}</h3>
          <a class="text-decoration-none" href="{{ url_for('users.profile', user_id=post.user.id) }}">{{ post.user.username }}</a>
        </div>
      </div>
      {% if current_user.is_authenticated and current_user.id != post.user.id %}
        <a class="btn btn-brand" href="{{ url_for('follows.follow', user_id=post.user.id) }}">关注作者</a>
      {% endif %}
    </div>
    <p class="text-secondary">{{ post.description }}</p>
    <span class="badge bg-light text-dark">{{ post.visibility.value }}</span>
  </div>
  <div class="p-3">
    <div class="row">
      {% for img in post.images %}
      <div class="col-md-4 mb-2">
        <img src="{{ url_for('main.uploads', filename=img.web_path) }}" class="photo-thumb" />
      </div>
      {% endfor %}
    </div>
  </div>
</div>
<hr>
<form class="card p-3" method="post" action="{{ url_for('comments.create', post_id=post.id) }}">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <div class="mb-3"><textarea class="form-control" name="body" placeholder="发表评论"></textarea></div>
  <button class="btn btn-brand" type="submit">评论</button>
</form>
{% endblock %}