{% extends "./preview.html" %}
{% load i18n aircox %}

{% block tag-class %}{{ block.super }} list-item is-fullwidth{% endblock %}

{% block headings %}
{% endblock %}

{% block inner %}
{% block headings-container %}{{ block.super }}{% endblock %}
{% block content-container %}
<div class="media">
    {% if object.cover and not no_cover %}
    <a href="{{ object.get_absolute_url }}"
        class="media-left preview-cover small"
        style="background-image: url({{ object.cover.url }})">
    </a>
    {% endif %}
    <div class="media-content flex-column">

        {% if object|model_name == "Episode" %}
        <div class="episode-date">
        {{ object.pub_date|date:"d/m/Y" }}<Br/>
        </div>
        {% endif %}
    <a href="{{ url|escape }}" class="heading title {% block title-class %}{% endblock %}">
        {% block title %}{{ title|default:"" }}{% endblock %}
    </a>
    <span class="category">{{ object.program.category }}</span>
    <span class="heading subtitle {% block subtitle-class %}{% endblock %}">
        {% block subtitle %}{{ subtitle|default:"" }}{% endblock %}
    </span>
    </br>

        <section class="content flex-grow-1 item-section">
            {% block content %}{{ block.super }}{% endblock %}
        </section>
        {% block actions-container %}{{ block.super }}{% endblock %}
    </div>
</div>
{% endblock %}

{% endblock %}