{% load i18n thumbnail staticfiles %}
<div class="well text-center volume-item {% if volume.pk in user_have_volumes %}user-have-it{% endif %} {% if volume.pk in user_wishlisted_volumes %}user-wishlisted-it{% endif %}" style="background: white url({% thumbnail volume.cover 120x150 %}) center left no-repeat;">
    <div class="badges">
        {% if volume.pk in user_have_volumes %}
        <a href="{% url "volume.have_it" volume.pk %}" data-pjax="v{{ volume.pk }}" pjax-nopush pjax-messages>
            <span class="badge badge-success badge-have-it">
                <i class="glyphicon glyphicon-ok"></i>
            </span>
        </a>
        {% else %}
        <a href="{% url "volume.have_it" volume.pk %}" data-pjax="v{{ volume.pk }}" pjax-nopush pjax-messages>
            <span class="badge badge-have-it">
                <i class="glyphicon glyphicon-ok"></i>
            </span>
        </a>
        <a href="{% url "volume.wishlist" volume.pk %}" data-pjax="v{{ volume.pk }}" pjax-messages pjax-nopush>
            <span class="badge badge-wishlist-it {% if volume.pk in user_wishlisted_volumes %}badge-warning{% endif %}">
                <i class="glyphicon glyphicon-star"></i>
            </span>
        </a>
        {% endif %}
    </div>
    <div class="text-center volume-content">
        <div class="volume-number">
            {% if volume.language %}
            <img src="{% static "images/flags/"|add:volume.language.code|add:'.gif' code %}" />
            {% endif %}
            {% if volume.number %}#{{ volume.number }}{% endif %}
            {% if volume.name %}{{ volume.name }}{% endif %}
        </div>
        {% if show_publisher %}
        <div><a href="{{ volume.publisher.get_absolute_url }}" data-pjax>{{ volume.publisher }}</a></div>
        {% endif %}
        {% if volume.release_date %}
        <div>{{ volume.release_date|date:"F Y" }}</div>
        {% endif %}
        {% if volume.pages %}
        <div>{% blocktrans with pages=volume.pages %}{{ pages }} pages{% endblocktrans %}</div>
        {% endif %}
        {% if volume.for_review and user.is_staff %}
        <span class="label label-warning">{% trans "Requires review" %}</span>
        {% endif %}
    </div>
    {% if USER_IS_STAFF and USER_CONFIG.show_admin_links %}
        <div class="admin">
            <a class="btn btn-info btn-xs"
               href="{% url 'admin:manga_volume_change' volume.pk %}">
               {% trans "Edit in admin" %}</a>
        </div>
    {% endif %}
</div>