{# Recent Releases Widget Template #}
{% if posts is not empty %}
    <ul class="fedistream-widget__list fedistream-widget__list--releases">
        {% for post in posts %}
            <li class="fedistream-widget__item">
                <a href="{{ post.permalink }}" class="fedistream-widget__link">
                    {% if post.thumbnail %}
                        <img src="{{ post.thumbnail }}" alt="{{ post.title|e('html_attr') }}" class="fedistream-widget__image">
                    {% else %}
                        <span class="fedistream-widget__placeholder">
                            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 14.5c-2.49 0-4.5-2.01-4.5-4.5S9.51 7.5 12 7.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5zm0-5.5c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z"/></svg>
                        </span>
                    {% endif %}
                    <span class="fedistream-widget__info">
                        <span class="fedistream-widget__title">{{ post.title }}</span>
                        {% if post.artist %}
                            <span class="fedistream-widget__artist">{{ post.artist }}</span>
                        {% endif %}
                        {% if post.release_date %}
                            <span class="fedistream-widget__date">{{ post.release_date }}</span>
                        {% endif %}
                    </span>
                </a>
            </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="fedistream-widget__empty">{{ __('No releases yet.', 'wp-fedistream') }}</p>
{% endif %}