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



<br /><br />


</div>
<form class="form">


    <style>
        .custom-align {
            margin-left: auto;
            margin-right: 5px;
        }
    </style>





    <div class="d-flex flex-row animate__animated animate__delay-0.1s animate__fadeIn">
        <!--begin::Aside-->
       
        <!--end::Aside-->
        <!--begin::Content-->
        <div class="flex-row-fluid ml-lg-8">
            <!--begin::Card-->
            <div class="card card-custom card-stretch mr-6">
                <!--begin::Header-->
                <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 class="card-toolbar">
                    <button type="reset" class="btn btn-success mr-2">ذخیره تغییرات</button>
                    <button type="reset" class="btn btn-secondary">لغو</button>
                </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>

                <div class="container-fluid">


                    {% load custom_tags %}
                    <div class="row shadow-sm rounded p-2 my-4 mx-0">


                        {% text_section "شماره تماس پدر" person_private_info.father_phone%}
                        {% text_section "شماره تماس مادر" person_private_info.mother_phone %}
                        {% text_section "شماره تماس" person_private_info.phone %}
                        {% text_section "ایمیل " person.user.email %}

                    </div>
                    {% for item in person_address %}
                    <div class="row shadow rounded p-2 my-4 mx-0">
                        {% text_section "عنوان آدرس" item.typee %}
                        <div class="col-md-6 col-sm-12 mb-3"> 
                            <div class="p-3">
                                <label class="col-form-label text-right font-weight-bold">نشانی</label>
                                <textarea class="form-control form-control-lg form-control-solid text-right bg-light" 
                                          rows="4" readonly>{{ item.address }}</textarea>
                            </div>
                        </div>
                                                {% text_section "کد پستی" item.postal_code%}
                        {% text_section "تلفن ثابت" item.tell%}
                        {% text_section "لوکیشن" item.location %}

                    </div>
                    {% endfor %}




                </div>



                <!--end::Content-->
            </div>
            <!--end::پروفایل راه ارتباطی-->
        </div>

        <!--end::Container-->
    </div>


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