{% extends 'base.html' %}

{% block content %}
<h2>{{ album.name }}</h2>
<p><strong>Artista:</strong> {{ album.artist }}</p>
<p><strong>Año:</strong> {{ album.year }}</p>
{% if album.cover_image %}
<p><img src="{{ url_for('paginas.uploaded_file', filename=album.cover_image) }}" alt="{{ album.name }}" style="width:200px;height:200px;"></p>
{% else %}
<p>No hay imágen disponible</p>
{% endif %}
<h3>Canciones en este álbum</h3>
{% if songs %}
    <table id="songTable" class="display">
        <thead>
            <tr>
                <th>Pista</th>
                <th>Título</th>
                <th>Autor</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>
            </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 %}