{# The shared filter sidebar. `panel_prefix` opts the page into the narrow-screen
   peer-panel contract (components/nav_panel.html): Actions and Filters each
   become their own registered panel, so each gets its own navbar button instead
   of one button hiding two unrelated sections behind it. The page must render
   the matching toggles with `sidebar_toggles(panel_prefix, ...)`. #}
{% macro render_sidebar(url, filters, render_filters_block=none, render_actions_block=none, filter_layout=none, render_hidden_block=none, panel_prefix=none) %}
<div class="sidebar-container">
     {% if render_actions_block %}
        <div class="sidebar sidebar-actions"
             {% if panel_prefix %}id="{{ panel_prefix }}-actions" data-nav-panel{% endif %}>
            <h2>{{ _("Actions") }}</h2>
            {{ render_actions_block() }}
        </div>
    {% endif %}
    <div class="sidebar" {% if panel_prefix %}id="{{ panel_prefix }}-filters" data-nav-panel{% endif %}>
        <div class="sidebar-header">
            <h2>{{ _("Filters") }}</h2>
            {% if filter_layout %}
            <button type="button" class="filter-config-trigger" id="configure-filters-btn"
                    data-icon="filter-config" aria-label="{{ _('Configure filters') }}" title="{{ _('Configure filters') }}"></button>
            {% endif %}
        </div>
        <form method="GET" action="{{ url }}" id="filter-form">
            {# Coordinates that must ride along with a GET submit (e.g. the remote
               gallery's scope), regardless of which filters the layout shows. #}
            {% if render_hidden_block %}
                {{ render_hidden_block() }}
            {% endif %}
            {% if filter_layout %}
                {# Order + visibility come from the saved layout (filter_config). #}
                {% for entry in filter_layout if entry.visible %}
                    {% include entry.template %}
                {% endfor %}
            {% else %}
                {% if render_filters_block %}
                    {{ render_filters_block() }}
                {% endif %}
            {% endif %}
            <button type="submit" class="btn btn-primary filter-btn">{{ _("Apply Filters") }}</button>
            <button type="button" class="clear-filters"
                    onclick="window.location.href='{{ url }}'">
                {{ _("Clear Filters") }}
            </button>
        </form>
    </div>
</div>
{% endmacro %}