{% extends "oscar/offer/list.html" %}
{% load i18n product_tags %}

{% block breadcrumbs %}
<ol class="breadcrumb bg-light my-3">
    <li class="breadcrumb-item">
        <a href="{{ homepage_url }}">{% trans "Home" %}</a>
    </li>
    <li class="breadcrumb-item active">{% trans "Offers" %}</li>
</ol>
{% endblock %}

{% block content %}
    {% if not offers %}
        <p>{% trans "There are no site offers at the moment." %}</p>
    {% else %}
        {% for offer in offers %}
        <h2>{{ offer.name }}</h2>
        {% if offer.description %}
            <p>{{ offer.description|safe }}</p>
        {% endif %}
        {% if offer.has_products %}
            <div class="row">
                {% for product in offer.products|slice:":12" %}
                <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">{% render_product product %}</div>
                {% endfor %}
            </div>
            <p>
                <a class="btn btn-default" href="{% url 'offer:detail' slug=offer.slug %}">{% trans "Browse products in offer" %}</a>
            </p>
        {% endif %}
        <hr/>
        {% endfor %}
    {% endif %}
{% endblock content %}