{% extends 'stdgrid.html.twig' %}
{% import '/cards/macros/note.html.twig' as noteView %}

{% block title %}{% if page_title is defined %}{{ page_title | trans }}{% endif %}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
{% endblock stylesheets %}

{% block body %}
    {% for block in handle_event('BeforeFeed', app.request) %}
        {{ block | raw }}
    {% endfor %}

    {% if notes is defined %}
        <header class="feed-header">
            {% set current_path = app.request.get('_route') %}
            {% if notes_feed_title is defined %}
                {{ notes_feed_title.getHtml() }}
            {% endif %}
            <nav class="feed-actions" title="{{ 'Actions that change how the feed behaves' | trans }}">
                <details class="feed-actions-details" role="group">
                    <summary>
                        {{ icon('filter', 'icon icon-feed-actions') | raw }} {# button-container #}
                    </summary>
                    <menu class="feed-actions-details-dropdown" role="toolbar">
                        {% for block in handle_event('AddFeedActions', app.request, notes is defined and notes is not empty) %}
                            {{ block | raw }}
                        {% endfor %}
                    </menu>
                </details>
            </nav>
        </header>

        {% if notes is not empty %}
            {# Backwards compatibility with hAtom 0.1 #}
            <section class="feed h-feed hfeed notes" role="feed" aria-busy="false" title="{{ 'Feed content' | trans }}">
                {% for conversation in notes %}
                    {% block current_note %}
                        {% if conversation is instanceof('array') %}
                            {{ noteView.note_vanilla(conversation['note'], conversation['replies'], {'depth': 0}) }}
                        {% else %}
                            {{ noteView.note_vanilla(conversation) }}
                        {% endif %}
                        <hr class="hr-replies-end" role="separator" aria-label="{{ 'Marks the end of previous conversation\'s initial note' | trans }}">
                    {% endblock current_note %}
                {% endfor %}
            </section>
        {% else %}
            <section class="feed h-feed hfeed notes" tabindex="0" role="feed">
                <span>{% trans %}No notes here...{% endtrans %}</span>
            </section>
        {% endif %}
    {% endif %}
{% endblock body %}