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

{% block title %}Favorites!{% endblock %}

{% block body %}
<main id="favorites">
    <div class="results">
    {% for album_liked in favorites %}
        {% set main_artist = album_liked["artists_sort"] %}
        {% set artists = album_liked["artists"] %}
        {% set album = album_liked["title"] %}
        <section class="album">
            <span>
                <h2>{{album}}</h2>
                by
                {% for artist in artists %}
                    <h3>{{artist["name"]}}</h3>
                {% endfor %}
            </span>
            <img
                loading="lazy"
                src="{{album_liked['images'][0]["uri"]}}"
                alt="{{album ~ ' by ' ~ main_artist}}"
            />
            <h4>TrackList</h4>
            {% for track in album_liked["tracklist"] %}
                <p>{{track["title"]}} - {{track["duration"]}}</p>
            {% endfor %}
            <br />
        </section>
    {% endfor %}
    </div>
</main>
{% endblock %}