{% extends 'base.html' %}

{% block content %}
{% include "header.html" %}

<div class="wrap">

    <div class="container-fluid app-title">
        <img src="{{ url_for('static', filename='img/orchard-text.svg') }}" alt="" width="200">
        <span>Top {{tracks|length}}</span>
    </div>
    <div class="container-fluid">

        <div class="panel">

        {% include "tableheader.html"%}

            <div class="table">
                {% set trackcount = 1 %}
                {% for track in tracks %}
                    {% include "trackrow.html" %}
                    {% set trackcount = trackcount + 1 %}
                {% endfor %}

            </div>

        </div>

    </div>

</div>
{% endblock %}