{% extends 'base.html' %}

{% block content %}
<div class="container-xl">

<h2>Resultados de la búsqueda para "{{ query }}"</h2>

{% if songs %}
    <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>
{% else %}
    <p>No se han encontrado canciones que coindidan con ese criterio.</p>
{% endif %}

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