{% extends 'base.html' %}
{% load static %}
{% block content %}
{% include 'profile/header.html' %}
{% include 'profile/drawer.html' %}

<br />
<br />
<br />
<br />
<div class="container mt-5">
    <h1 class="mb-4 text-center text-primary">فرزندان خانواده</h1>
    <div class="table-responsive shadow-lg rounded-lg overflow-hidden animate__animated animate__delay-0.1s animate__fadeIn">
        <table class="table table-striped text-center table-bordered">
            <thead class="table-dark">
                <tr>
                    <th class="text-white">نام</th>
                    <th class="text-white">کدملی</th>
                    <th class="text-white">مشاهده کارنامه‌ها</th>
                </tr>
            </thead>
            <tbody>
                {% for person in persons %}
                    <tr>
                        <!-- نمایش نام و نام خانوادگی -->
                        <td>{{ person.user.first_name }} {{ person.user.last_name }}</td>
                        <!-- نمایش کد ملی -->
                        <td>{{ person.national_code }}</td>
                        <td>
                            <!-- لینک به صفحه واسط مشاهده کارنامه‌های کاربر -->
                            <a href="{% url 'user_report_cards' person.id %}" class="btn btn-info btn-sm shadow-sm">مشاهده کارنامه‌ها</a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% endblock %}