{% autoescape %}

<h3>Tópicos</h3>

<ul class="nav nav-pills nav-stacked">
    {% for t in state %}

        {% if t[0] == current_topic %}
        <li class="active">    <!-- class="active" class="disabled" -->

            <a href="#"> {{ gettopicname(t[0]) }}<br>
            {{ round(t[1]*5)*'<i class="fa fa-star text-success" aria-hidden="true"></i>' + round(5-t[1]*5)*'<i class="fa fa-star-o" aria-hidden="true"></i>' }}
            </a>

        {% else %}
        <li>    <!-- class="active" class="disabled" -->

            <a href="/?topic={{ t[0] }}"> {{ gettopicname(t[0]) }}<br>
            {{ round(t[1]*5)*'<i class="fa fa-star text-success" aria-hidden="true"></i>' + round(5-t[1]*5)*'<i class="fa fa-star-o" aria-hidden="true"></i>' }}
            </a>

        {% end %}
        </li>
    {% end %}
</ul>