{% extends 'base.html' %}
{% load static %}

{% block content %}
    {% include 'profile/header.html' %}
    {% include 'profile/drawer.html' %}
    
    <br /><br />
    <form class="form">
        <style>
            .custom-align {
                margin-left: auto;
                margin-right: 5px;
            }
        </style>

            <!--end::Aside-->
            
            <!--begin::Content-->
            <div class="flex-row-fluid ml-lg-8 animate__animated animate__delay-0.1s animate__fadeIn">
                <div class="card card-custom card-stretch mr-6">
                    <div class="card-header py-3">
                        <div class="card-title align-items-start flex-column">
                            <h3 class="card-label font-weight-bolder text-dark font-size-h1">اطلاعات فردی</h3>
                        </div>
                    </div>
                    <div class="image-input-wrapper"
                                    style="background-image: white-space">
                                    {% if person_private_info.pic %}
                                        <img src="{{ person_private_info.pic.url }}" alt="تصویر " width="115" height="115" />
                                    {% else %}
                                        <img src="{% static 'media\users\default_profile.png' %}" alt="تصویر پیش‌فرض" width="115" height="115" />
                                    {% endif %}
                                </div>
                    <!--begin::Form-->
                    <form class="form">
                        {% load custom_tags %}
                        <div class="row">
                            {% if is_family_role %}
    <!-- فقط فیلدهای مخصوص "خانواده" را نمایش بده -->
    {% text_section "نام" person.user.first_name %}
    {% text_section "نام خانوادگی" person.user.last_name %}
    {% text_section "کد ملی" person.national_code %}
    {% text_section "نام پدر" person_private_info.father_name %}
    <div class="col-md-3 col-sm-6 col-12 mb-3">
        <div class="p-3">
            <label class="col-form-label text-right">تاریخ تولد</label>
            <input class="form-control form-control-lg form-control-solid bg-light" 
                   type="text" value="{{ person_private_info.birthday }}" readonly>
        </div>
    </div>
    {% text_section "نام فرزند"  child_name %}
    


{% else %}
    <!-- نمایش فیلدهای دیگر برای سایر نقش‌ها -->
    {% text_section "نام" person.user.first_name %}
    {% text_section "نام خانوادگی" person.user.last_name %}
    <div class="col-md-3 col-sm-6 col-12 mb-3">
        <div class="p-3">
            <label class="col-form-label text-right">تاریخ تولد</label>
            <input class="form-control form-control-lg form-control-solid bg-light" 
                   type="text" value="{{ person_private_info.birthday }}" readonly>
        </div>
    </div>
        {% text_section "وضعیت تحصیلی" person_edu.typee %}
    {% text_section "محل تولد" person_private_info.birth_place %}
    {% text_section "شماره تماس" person_private_info.phone %}
    {% text_section "آیا شاغل است؟" person_other_info.is_employed %}
    {% text_section "نام پدر" person_private_info.father_name %}
    {% text_section "جنسیت" person_private_info.gender %}
    {% text_section "وضعیت تاهل" person_other_info.wife_type %}
    {% text_section "میزان درآمد" person_other_info.salary_month %}
    {% text_section "مادر در قید حیات است" person_private_info.motherIsAlive %}
    {% text_section "پدر در قید حیات است" person_private_info.fatherIsAlive %}
    {% text_section "تحصیلات مادر" person_private_info.mother_grade %}
    {% text_section "تحصیلات پدر" person_private_info.father_grade %}
    {% text_section "شغل پدر" person_private_info.fatherJob %}
    {% text_section "شغل مادر" person_private_info.motherJob %}
    {% text_section "تعداد اعضای خانواده" person_other_info.family_count %}
    {% text_section "فرزند چندم" person_other_info.numberOfChild %}
{% endif %}

                        </div>
                    </form>
                </div>
            </div>
            <!--end::Content-->
        </div>
    </form>
{% endblock %}