{% extends 'mysite/base.html' %}

{% block title %}Рекомендации{% endblock %}

{% block content %}
<h2>🎵 Рекомендации для вас</h2>
<p class="text-muted">Песни, подобранные на основе ваших музыкальных предпочтений</p>

{% if error %}
    <div class="alert alert-warning">{{ error }}</div>
{% endif %}

{% if recommendations %}
    <div class="row">
        {% for song in recommendations %}
        <div class="col-md-6 mb-3">
            <div class="card h-100 shadow-sm">
                <div class="card-body">
                    <h5 class="card-title">{{ song.song_title }}</h5>
                    <p class="card-text">
                        <strong>🎤 Исполнитель:</strong> {{ song.musician_name }}<br>
                        <strong>🎸 Жанр:</strong> {{ song.genre_name }}<br>
                        <strong>⭐ Средний рейтинг:</strong> 
                        {% if song.avg_rating %}
                            {{ song.avg_rating|floatformat:1 }} / 10
                        {% else %}
                            Нет оценок
                        {% endif %}
                    </p>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
{% else %}
    <div class="alert alert-info text-center">
        ⚡ Нет рекомендаций. Поставьте оценки песням или укажите любимые жанры!
    </div>
{% endif %}
{% endblock %}