{% extends "layout.html" %}

{% block content %}
    
    
    {% if error is defined and error == true %}
    <div id="box-wrapper">
        <div class="error">{{ errorMessage }}</div>
    </div>
    {% endif %}
    
    <div id="new-tracks"  class="iphone">
        {% if albums is defined %}
        {% for album in albums %}
        <a href="{{ url('archive-detail', {albumID: album.albumID}) }}">
            <div class="album-thumb">
                <img alt="" src="{{ album.coversmall }}" />
                <div class="descr">
                    <h3 class="album-title">{{ album.albumTitle }}</h3>
                    <h4 class="artist">{{ album.artist }}</h4>
                </div>
            </div>  
        </a>
        {% endfor %}
        {% endif %}
    </div>
{% endblock %}