{% macro render_topic(item, alternative) %}
{% set b_alt = 'topics' %}
{% set t = bag(b_alt, item._id) %}
<div class="item">
  <h3 class="text-primary">
    <a href="{{ t.path }}" role="button"></a>
  </h3>
  <div class="anchor-spacer">
    <div>
      <h5 class="text-muted mb-3 p-0 {{ bag('alternatives', alternative, 'direction') }}">
	<a href="{{ item|url }}">{{ item.title }}</a>
      </h5>

    </div>
     <div id="{{ item._id }}" class="anchor-spacer {{ bag('alternatives', alternative, 'direction') }}" role="tabpanel" data-parent="#{{ t_id }}">
      {{ item.body|safe }}
      {% if item._id == "secure-connections" %}
        {% include 'secure-connections.html' %}
      {% endif %}
         <div class="card mt-5">
            <ul class="list-group list-group-flush">
                <!--li class="list-group-item"><a><span class="card-text text-muted">Contributors to this page: <a href="#" title="#">cypherpunk</a></span></li-->
                <li class="list-group-item">
                        <a href="https://gitlab.torproject.org/tpo/web/manual/-/edit/main/content{{ item.path }}/contents.lr">{{ _("Edit this page") }}</a> -
                        {% if item.alt != "en" %}
                        <a href="https://hosted.weblate.org/zen/tor/tor-browser/tor-browser-user-manual/{{ item.alt|replace('-', '_') }}/?q=+location%3A%22content{{ item.path|safe }}%2Fcontents%22&sort_by=-priority%2Cposition&checksum=">{{ _("Improve this translation") }}</a> -
                        {% endif %}
                        <a href="https://support.torproject.org/misc/bug-or-feedback/">{{ _("Give Feedback") }}</a> -
                        <a href="{{ item|url }}">{{ _("Permalink") }}</a>
                </li>
            </ul>
        </div>
      </div>
  </div>
</div>
{% endmacro %}
