{% load static %}
{% load i18n %}
{% load admin_url %}
{% load mastodon %}
{% load oauth_token %}
{% load truncate %}
{% load thumb %}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta property="og:title" content="{{ site_name }} - {{ review.title }} ({{ review.item.title }} {% trans '评论' %})">
  <meta property="og:type" content="article">
  <meta property="og:article:author" content="{{ review.owner.username }}">
  <meta property="og:url" content="{{ request.build_absolute_uri }}">
  <meta property="og:image" content="{{ review.item.cover|thumb:'normal' }}">
  <title>{{ site_name }}{% trans '评论' %} - {{ review.title }}</title>
  {% include "common_libs.html" with jquery=0 %}
</head>

<body>
  <div id="page-wrapper">
    <div id="content-wrapper">
      {% include "partial/_navbar.html" %}

      <section id="content">
        <div class="grid">
          <div class="grid__main" id="main">
            <div class="main-section-wrapper">
              <div class="review-head">
                <h5 class="review-head__title">
                  {{ review.title }}
                </h5>
                {% if review.visibility > 0 %}
                <span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                  <path
                  d="M17,8.48h-.73V6.27a6.27,6.27,0,1,0-12.53,0V8.48H3a.67.67,0,0,0-.67.67V19.33A.67.67,0,0,0,3,20H17a.67.67,0,0,0,.67-.67V9.15A.67.67,0,0,0,17,8.48ZM6.42,6.27h0a3.57,3.57,0,0,1,7.14,0h0V8.48H6.42Z" />
                </svg></span>
                {% endif %}
                <div class="review-head__body">
                  <div class="review-head__info">

                    <a href="{% url 'journal:user_profile' review.owner.mastodon_username %}" class="review-head__owner-link">{{ review.owner.username }}</a>

                    {% if mark %}

                    {% if mark.rating %}
                    <span class="review-head__rating-star rating-star" data-rating-score="{{ mark.rating | floatformat:0 }}"></span>
                    {% endif %}

                    {% endif %}

                    <span class="review-head__time">{{ review.created_time|date }}</span>

                  </div>
                  <div class="review-head__actions">
                    {% if request.user == review.owner %}
                    <a class="review-head__action-link" href="{% url 'journal:review_edit' review.item.uuid review.uuid %}">{% trans '编辑' %}</a>
                    <a class="review-head__action-link" href="{% url 'journal:review_delete' review.uuid %}">{% trans '删除' %}</a>
                    {% endif %}
                  </div>
                </div>
                <!-- <div class="dividing-line"></div> -->
                <div class="markdown-content">
                  {{ review.html_content | safe }}
                </div>
              </div>
            </div>

          </div>
          <div class="grid__aside" id="aside">
            {% include "sidebar_item.html" with item=review.item %}

          </div>
        </div>
      </section>
    </div>
    {% include "partial/_footer.html" %}
  </div>



  <script>
    $(".markdownx textarea").hide();
  </script>
</body>


</html>
