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

{% block title %}Список меломанов{% endblock %}

{% block content %}
<h2>👥 Меломанцы</h2>
<p class="text-muted">Список зарегистрированных пользователей с расчетными атрибутами</p>

{% if melomans %}
    <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 meloman in melomans %}
                <tr>
                    <td>{{ meloman.meloman_id }}</td>
                    <td><strong>{{ meloman.full_name }}</strong></td>
                    <td>{{ meloman.get_gender_display|default:"—" }}</td>
                    <td>{{ meloman.city|default:"—" }}</td>
                    <td>
                        {% if meloman.age %}
                            {{ meloman.age }} лет
                        {% else %}
                            —
                        {% endif %}
                    </td>
                    <td>{{ meloman.ratings_count|default:0 }}</td>
                    <td>
                        {% if meloman.avg_score %}
                            <span class="
                                {% if meloman.avg_score >= 8 %}avg-rating-high
                                {% elif meloman.avg_score >= 5 %}avg-rating-medium
                                {% else %}avg-rating-low{% endif %}
                            ">
                                {{ meloman.avg_score|floatformat:1 }}
                            </span>
                        {% else %}
                            —
                        {% endif %}
                    </td>
                    <td>
                        {% with genres=meloman.preference_set.all %}
                            {% if genres %}
                                {{ genres|join:", " }}
                            {% else %}
                                —
                            {% endif %}
                        {% endwith %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% else %}
    <div class="alert alert-info text-center">
        👥 Меломанов пока нет.
    </div>
{% endif %}
{% endblock %}