{% load i18n %}
{% load eventurl %}
{% if avail <= 10 %}
    <div class="col-md-2 col-sm-3 col-xs-6 availability-box gone">
        {% if price != None and not price %}
            <strong>{% trans "FULLY BOOKED" %}</strong>
        {% else %}
            <strong>{% trans "SOLD OUT" %}</strong>
        {% endif %}
        {% if allow_waitinglist and item.allow_waitinglist %}
            <br/>
            <a href="{% eventurl event "presale:event.waitinglist" cart_namespace=cart_namespace|default_if_none:"" %}?item={{ item.pk }}{% if var %}&var={{ var.pk }}{% endif %}{% if subevent %}&subevent={{ subevent.pk }}{% endif %}">
                <span class="fa fa-plus-circle" aria-hidden="true"></span>
                {% trans "Waiting list" %}
            </a>
        {% endif %}
    </div>
{% elif avail < 100 %}
    <div class="col-md-2 col-sm-3 col-xs-6 availability-box unavailable">
        <strong>{% trans "Reserved" %}</strong>
        <br/>
        {% trans "All remaining products are reserved but might become available again." %}
        {% if allow_waitinglist and item.allow_waitinglist %}
            <br/>
            <a href="{% eventurl event "presale:event.waitinglist" cart_namespace=cart_namespace|default_if_none:"" %}?item={{ item.pk }}{% if var %}&var={{ var.pk }}{% endif %}{% if subevent %}&subevent={{ subevent.pk }}{% endif %}">
                <span class="fa fa-plus-circle" aria-hidden="true"></span>
                {% trans "Waiting list" %}
            </a>
        {% endif %}
    </div>
{% endif %}
