{% extends 'layout.html' %}
{% load fr_display %}
{% block content %}
<div class="content-container">
    <h2><q>{{ book.title }}</q> by
        {% include 'snippets/authors.html' with book=book %}</h2>
    <div>
        {% if book.parent_work %}<p>Edition of <a href="/book/{{ book.parent_work.openlibrary_key }}">{{ book.parent_work.title }}</a></p>{% endif %}
        <div class="book-preview">

            {% include 'snippets/book_cover.html' with book=book size=large %}
            <p>{{ active_tab }} rating: {{ rating | stars }}</p>
            {% if book.description %}
            <blockquote>{{ book.description | description }}</blockquote>
            {% endif %}
            <div>
                <div id="tag-cloud">
                    {% for tag in tags %}
                    {% include 'snippets/tag.html' with tag=tag user=request.user user_tags=user_tag_names %}
                    {% endfor %}
                </div>
            </div>

        </div>
    </div>
</div>

<div class="content-container">
    <h2>Leave a review</h2>
    <form class="review-form" name="review" action="/review/" method="post">
        {% csrf_token %}
        <input type="hidden" name="book" value="{{ book.openlibrary_key }}"></input>
        {{ review_form.as_p }}
        <button type="submit">Post review</button>
    </form>
</div>

<div class="content-container tabs">
    {% include 'snippets/tabs.html' with tabs=feed_tabs active_tab=active_tab path=path %}
</div>

{% if not reviews %}
<div class="content-container">
    <p>No reviews yet!</p>
</div>
{% endif %}

{% for review in reviews %}
<div class="content-container">
    {% include 'snippets/status.html' with status=review hide_book=True depth=1 %}
</div>
{% endfor %}
{% endblock %}