{% extends 'index/base.html.twig' %}

{% block indexContent %}
        <div class="song-row song-row-new">
            <div class="song-list">
                {% for song in newSongs %}
                    {{ include('components/song-item.html.twig', {song: song}) }}
                {% endfor %}
            </div>
            <div class="pagination">
                {% if newOffset > 0 %}
                    <a href="{{ path('index.new', {newOffset: newOffset - 1}) }}" class="button"><i class="mdi mdi-chevron-left"></i> PREVIOUS</a>
                {% else %}
                    <a class="button button-disabled"><i class="mdi mdi-chevron-left"></i> PREVIOUS</a>
                {% endif %}
                {% if newSongs|length < 10 %}
                    <a class="button button-disabled">NEXT <i class="mdi mdi-chevron-right"></i></a>
                {% else %}
                    <a href="{{ path('index.new', {newOffset: newOffset + 1}) }}" class="button">NEXT <i class="mdi mdi-chevron-right"></i></a>
                {% endif %}
            </div>
        </div>
{% endblock %}