{% extends 'base.html' %}



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

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

{% endblock %}