{% extends 'base.html' %}

{% block content %}
<h2>{{ album.name }}</h2>
<p><strong>Artista:</strong> {{ album.artist }}</p>
<p><strong>Año:</strong> {{ album.year }}</p>

<h3>Canciones en este álbum</h3>
<!--
<ul>
    {% for song in songs %}
    <li>
        <a href="{{ url_for('paginas.song', song_id=song.id) }}">{{ song.title }} by {{ song.author }}</a>
    </li>
    {% endfor %}
</ul>
-->
{% if songs %}
    <table id="songTable" class="display">
        <thead>
            <tr>
                <th>Pista</th>
                <th>Título</th>
                <th>Autor</th>
                <th>Álbum</th>
            </tr>
        </thead>
        <tbody>
            {% for song in songs %}
            <tr>
	        <td>{{ song.pista }}</td>
                <td><a href="{{ url_for('paginas.song', song_id=song.id) }}">{{ song.title }}</a></td>
                <td>{{ song.author }}</td>
                <td><a href="{{ url_for('paginas.album', album_id=song.album.id) }}">{{ song.album.name }}</a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
{% else %}
    <p>No songs found matching your query.</p>
{% endif %}


<a href="{{ url_for('paginas.index') }}">Volver al inicio</a>
{% endblock %}
