{% extends "base.html" %}

{% block title %}کارنامه اعضای حلقه{% endblock %}

{% block content %}
<div class="container mt-5 ">
    <h1 class="text-center mb-4">کارنامه اعضای حلقه: {{ ring.name }}</h1>
    {% if report_cards %}
        <div class="list-group animate__animated animate__delay-0.1s animate__fadeIn">
            {% for card in report_cards %}
                <div class="list-group-item">
                    <h3 class="text-primary">{{ card.title }}</h3>
                    <p><strong>نام عضو:</strong> {{ card.person.user.first_name }} {{ card.person.user.last_name }}</p>
                    <p><strong>تاریخ:</strong> {{ card.date.title }}</p>
                    <p><strong>نقش ارزیابی‌کننده:</strong> {{ card.role.title }}</p>
                    <h4>جزئیات:</h4>
                    <ul class="list-unstyled">
                        {% for detail in card.details.all %}
                            <li>
                                <span class="badge bg-info">{{ detail.index.title }}</span>: {{ detail.score }}
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <div class="alert alert-warning">هیچ کارنامه‌ای برای اعضای این حلقه ثبت نشده است.</div>
    {% endif %}
</div>
{% endblock %}
