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

{% block title %}Управление песнями{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>📝 Управление песнями</h2>
    <a href="{% url 'mysite:song_create' %}" class="btn btn-success">➕ Добавить песню</a>
</div>

{% if songs %}
    <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>{{ song.title }}</td>
                <td>{{ song.album.musician.name }}</td>
                <td>{{ song.album.album_name }}</td>
                <td>{{ song.genre.genre_name|default:"—" }}</td>
                <td>{{ song.duration_formatted }}</td>
                <td>
                    {% if song.avg_rating %}
                        {{ song.avg_rating|floatformat:1 }}
                    {% else %}
                        —
                    {% endif %}
                </td>
                <td class="table-actions">
                    <a href="{% url 'mysite:song_update' song.song_id %}" class="btn btn-sm btn-warning">✏️</a>
                    <a href="{% url 'mysite:song_delete' song.song_id %}" class="btn btn-sm btn-danger">🗑️</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
{% else %}
    <div class="alert alert-info text-center">
        📝 Песен пока нет. Добавьте первую песню!
    </div>
{% endif %}
{% endblock %}