{% load i18n %}
<div class="table-header">
    <h3>{% trans "Offer summary" %}</h3>
</div>
<div>
    {% if session_offer.name %}
        <div class="card card-body">
            <div class="d-flex">
                <a href="{% if session_offer.pk %}{% url 'dashboard:offer-metadata' pk=session_offer.pk %}{% else %}{% url 'dashboard:offer-metadata' %}{% endif %}"
                   class="btn btn-secondary ml-auto">
                {% trans "Edit" %}
            </a>
        </div>
        <p>
            <strong>{% trans "Name" %}:</strong>
            <br />
            {{ session_offer.name }}
        </p>
        {% if session_offer.description %}
            <p>
                <strong>{% trans "Description" %}:</strong>
                <br />
                {{ session_offer.description|safe|striptags|truncatewords:8 }}
            </p>
        {% endif %}
        <p>
            <strong>{% trans "Type" %}:</strong>
            <br />
            {{ session_offer.offer_type }}
        </p>
    </div>
{% endif %}
{% if session_offer.benefit %}
    <div class="card card-body">
        <div class="d-flex">
            <a href="{% if session_offer.pk %}{% url 'dashboard:offer-benefit' pk=session_offer.pk %}{% else %}{% url 'dashboard:offer-benefit' %}{% endif %}"
               class="btn btn-secondary ml-auto">
            {% trans "Edit" %}
        </a>
    </div>
    <p>
        <strong>{% trans "Incentive" %}:</strong>
        <br />
        {{ session_offer.benefit.description|safe }}
    </p>
</div>
{% endif %}
{% if session_offer.condition %}
<div class="card card-body">
    <div class="d-flex">
        <a href="{% if session_offer.pk %}{% url 'dashboard:offer-condition' pk=session_offer.pk %}{% else %}{% url 'dashboard:offer-condition' %}{% endif %}"
           class="btn btn-secondary ml-auto">
        {% trans "Edit" %}
    </a>
</div>
<p>
    <strong>{% trans "Condition" %}:</strong>
    <br />
    {{ session_offer.condition.description|safe }}
</p>
</div>
{% endif %}
{% if session_offer.pk %}
<div class="card card-body">
<div class="d-flex">
    <a href="{% if session_offer.pk %}{% url 'dashboard:offer-restrictions' pk=session_offer.pk %}{% else %}{% url 'dashboard:offer-restrictions' %}{% endif %}"
       class="btn btn-secondary ml-auto">
    {% trans "Edit" %}
</a>
</div>
<p>
<strong>{% trans "Restrictions" %}:</strong>
</p>
{% if offer.availability_restrictions %}
<ul>
    {% for restriction in offer.availability_restrictions %}
        <li>
            {{ restriction.description }}
        </li>
    {% endfor %}
</ul>
{% else %}
-
{% endif %}
</div>
{% endif %}
</div>
