{% extends "admin/core/base.html" %}
{% load foundation %}
{% load bool_fa %}

{% block title %}Invited Review Comments{% endblock %}
{% block title-section %}Invited Reviews Comments{% endblock %}
{% block title-sub %}Lists reviewers invited to comment on a preprint.{% endblock %}

{% block breadcrumbs %}
    <li><a href="{% url 'core_manager_index' %}">Press Manager</a></li>
    <li><a href="{% url 'preprints_manager' %}">{{ request.repository.object_name_plural }} Manager</a></li>
    <li><a href="{% url 'repository_manager_article' preprint.pk %}">{{ preprint.title|safe }}</a></li>
    <li>Invited Review Comments</li>
{% endblock %}

{% block body %}
    <div class="row expanded" data-equalizer data-equalize-on="medium">
        <div class="large-12 columns">
            <div class="box">
                <div class="title-area">
                    <h2>Invited Reviewers</h2>
                    <a href="{% url 'repository_new_review' preprint.pk %}" class="button"><i class="fa fa-plus"> </i> Add New Invite</a>
                </div>
                <div class="content">
                    <p>Invited reviews that are active or complete are listed below.</p>
                    {% for review in active_reviews %}
                        {% include "admin/elements/repository/review_box.html" with review=review %}
                        {% empty %}
                        <p>There are no active reviews. Invite someone to review.</p>
                    {% endfor %}
                </div>
                <div class="title-area">
                    <h2>Inactive Invited Reviewers</h2>
                </div>
                <div class="content">
                    <p>Invited reviews that were sent but declined or withdrawn are listed below.</p>
                    {% for review in inactive_reviews %}
                        {% include "admin/elements/repository/review_box.html" with review=review %}
                        {% empty %}
                        <p>There are no active reviews. Invite someone to review.</p>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}