{% extends 'default.html.twig' %}

{% block content %}
<div class="feed">
    {% set entries = page.children %}
    {% if entries|length > 0 %}
        {% for entry in entries %}
        <article class="entry-card">
            <time class="entry-date" datetime="{{ entry.date|date('Y-m-d') }}">
                {{ entry.date|date('d M Y') }}
            </time>
            <h2 class="entry-title">
                <a href="{{ entry.url }}">{{ entry.title }}</a>
            </h2>
            {% if entry.header.hero_image %}
            <div class="entry-thumb">
                <img src="{{ entry.media[entry.header.hero_image].url }}" alt="{{ entry.title }}">
            </div>
            {% endif %}
            <div class="entry-excerpt">
                {{ entry.summary }}
            </div>
            <a class="entry-read-more" href="{{ entry.url }}">Read more →</a>
        </article>
        {% endfor %}
    {% else %}
        <p class="feed-empty">No entries yet. The journey is about to begin.</p>
    {% endif %}
</div>
{% endblock %}