{% extends 'base.html' %}



{% block title %}Song Index{% endblock %}

{% block content %}
<section class="album-list">
    {% for album_id, name, date in album_info %}
    <div class="album-box">
        <h2>{{ name }}</h2>
        <ul>
            {% for song_id, album, track, name, name_jp, count in song_info if album_id == album %}
                <a href="{{ url_for('songpage', id=song_id) }}"><li class="song-box">
                    <span class="track-number">#{{ track }}: </span>
                    <span class="track-name">{{ name }}</span>
                    {% if name_jp %}
                    <span class="track-name-jp">{{ name_jp }}</span>
                    {% endif %}
                    <span class="clip-count">{% if count > 0 %} x{{ count }} {% endif %}</span>
                </li></a>
            {% endfor %}
        </ul>
    </div>
    {% endfor %}
</section>

{% endblock %}