{% load i18n easy_thumbnails_tags aircox %}
{% comment %}
List item for a page

Context variables:
- object: the object to render
- render_card: render as card
- is-primary: render as primary
- has_headline (=False): if True, display headline
- has_cover (=True): hide page cover
- is_thin (=False): if True, smaller cover and display less info
{% endcomment %}

{% block outer %}
<article class="preview preview-item{% if is_primary %}is-primary{% endif %}{% block card_class %}{% endblock %}">
    {% block inner %}
    <header class="headings"
        style="background-image: url({{ object.cover.url }})">
    {% block headings %}
        <div>
            <span class="heading subtitle">{% block subtitle %}{% endblock %}</span>
        </div>
    {% endblock %}
    </header>

    <div class="">
        <div>
            <h2 class="heading title">{% block title %}{% endblock %}</h2>
        </div>

        <summary class="heading-container">
            {% block content %}
            {% if content and with_content %}
            {% autoescape off %}
                {{ content|striptags|truncatewords:64|linebreaks }}
            {% endautoescape %}
            {% endif %}
            {% endblock %}
        </summary>

        <div class="actions">
        {% block actions %}
            <a class="button float-right" href="{{ object.get_absolute_url|escape }}">
                <span class="icon">
                    <i class="fas fa-external-link"></i>
                </span>
                <label>{% translate "More infos" %}</label>
            </a>
        {% endblock %}
        </div>
    </div>
    {% endblock %}

    {% if with_container %}
    </div>
    {% endif %}
</article>
{% endblock %}
