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

{% block title %}Детальный список песен{% endblock %}

{% block content %}
<h2>📊 Детальный список песен</h2>
<p class="text-muted">Данные из представления song_details_view со средним рейтингом</p>

{% if songs %}
    <div class="table-responsive">
        <table class="table table-striped table-hover">
            <thead class="table-dark">
                <tr>
                    <th>ID</th>
                    <th>Название песни</th>
                    <th>Исполнитель</th>
                    <th>Альбом</th>
                    <th>Жанр</th>
                    <th>Длительность</th>
                    <th>Средний рейтинг</th>
                    <th>Количество оценок</th>
                </tr>
            </thead>
            <tbody>
                {% for song in songs %}
                <tr>
                    <td>{{ song.song_id }}</td>
                    <td><strong>{{ song.title }}</strong></td>
                    <td>{{ song.musician_name }}</td>
                    <td>{{ song.album_name }}</td>
                    <td>{{ song.genre_name|default:"—" }}</td>
                    <td>
                        {% if song.duration_sec %}
                            {% with minutes=song.duration_sec|divisibleby:60 %}
                                {{ song.duration_sec|divisibleby:60 }}:{{ song.duration_sec|stringformat:"02d" }}
                            {% endwith %}
                        {% else %}
                            —
                        {% endif %}
                    </td>
                    <td>
                        {% if song.avg_rating %}
                            <span class="
                                {% if song.avg_rating >= 8 %}avg-rating-high
                                {% elif song.avg_rating >= 5 %}avg-rating-medium
                                {% else %}avg-rating-low{% endif %}
                            ">
                                {{ song.avg_rating|floatformat:1 }} / 10
                            </span>
                        {% else %}
                            <span class="text-muted">Нет оценок</span>
                        {% endif %}
                    </td>
                    <td>{{ song.ratings_count|default:0 }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% else %}
    <div class="alert alert-info text-center">
        Нет данных о песнях
    </div>
{% endif %}
{% endblock %}