{% load i18n %}

{% block compare %}
{% block title %}
<h5>Producten vergelijken</h5>
{% endblock %}

{% block products %}
<ul class="list-group">
    {% for product in products_for_comparison %}
    {% block product %}
    <li class="list-group-item">
        <a href="{% url 'compare:remove_product' pk=product.pk %}" class="button" style="float: right; font-size: 16px;">&times;</a>
        <small>{{ product.get_title }}</small>
    </li>
    {% endblock %}
    {% empty %}
    {% block empty %}
    <li class="list-group-item">
        <em class="text-muted">{% trans 'No products selected' %}</em>
    </li>
    {% endblock %}
    {% endfor %}
</ul>
{% endblock %}

{% if products_for_comparison.exists %}
{% block button %}
<a href="{{ products_for_comparison_url }}" class="btn btn-primary">{% trans 'Compare' %}</a>
{% endblock %}
{% endif %}
{% endblock %}