@extends('layouts.app')

@section('content')
    <div class="col col-lg-9 pd-30">
        <!-- Page Title -->
        @component('components.print')
        @endcomponent

        <div class="page-title not_print divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <h1 class="reset-block primary-color lineheight-130 fs-20">بيانات النزيل</h1>
        </div>
        <!-- // Page Title -->

        <!-- Grid -->
        <div class="row gpx-20">

            <div class="col adaptive-widgets">
                <!-- Details Widget -->

                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        المعلومات الاساسية
                    </h3>

                    <div class="widget-content pdx-20">
                        <h4 class="primary-color fs-14 mb-10">{{ $prisoner->full_name }}</h4>
                        <img src="{{ !empty(optional($prisoner)->prisoner_image) ? asset(optional($prisoner)->prisoner_image) : asset('assets/img/avatar.jpg') }}"
                            class="avatar radius-g prisonerData" data-default="" id="prisoner_info_prisoner_image"
                            alt="" />
                        <!-- Full Name -->
                        <!-- Informations List -->
                        <ul class="info-list reset-list fs-13 lineheight-160">
                            <li class="mb-5"><span class="gray-color inline-block">نوع الهوية</span> :
                                {{ $prisoner->identity_type }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم الهوية</span> :
                                {{ $prisoner->identity_number }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">تاريخ الميلاد</span> :
                                {{ $prisoner->date_of_birth_hijri }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">مكان الميلاد</span> :
                                {{ optional($prisoner->prisoner_detail)->place_of_birth }}
                            </li>
                        </ul>

                        <span class="display-block divider-b mt-15 mb-15"></span>
                        <!-- Informations List -->
                        <ul class="info-list reset-list fs-13 lineheight-160 flexbox">
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">الجنسية</span> :
                                {{ optional($prisoner->nationality)->name }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">جنسية اخري</span> :
                                {{ optional($prisoner->other_nationality)->name }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">الحالة الاجتماعية</span> :
                                {{ config('static.marital_status.' . $prisoner->prisoner_detail->marital_status) }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">الجنس</span> :
                                {{ config("static.gender.$prisoner->gender") }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">عدد الابناء</span> :
                                {{ $prisoner->prisoner_detail->children_count }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">الديانة</span> :
                                {{ config("static.religion.$prisoner->religion") }}
                            </li>
                        </ul>
                        <!-- // Informations List -->
                    </div>
                    <!-- // Content -->
                </div>

                <!-- Details Widget -->

                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        معلومات الإقامة والاتصال
                    </h3>

                    <div class="widget-content pdx-20">
                        <!-- Informations List -->
                        <ul class="info-list reset-list fs-13 lineheight-160">
                            <li class="mb-5"><span class="gray-color inline-block">عنوان السكن</span> :
                                {{ optional($prisoner->address)->full_address }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">رقم الاتصال</span> :
                                {{ optional($prisoner->address)->mobile_number }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم الاتصال 2</span> :
                                {{ optional($prisoner->address)->mobile_number2 }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">اسم السجن</span> :
                                {{ optional($prisoner->prison)->name }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">اسم العنبر</span> :
                                {{ optional($prisoner->prison_section)->name }}
                            </li>
                        </ul>

                        <span class="display-block divider-b mt-15 mb-15"></span>
                        <!-- Informations List -->
                        <ul class="info-list reset-list fs-13 lineheight-160 flexbox">
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">رقم الغرفة</span> :
                                {{ optional($prisoner->prison_room)->name }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">رقم الملف</span> :
                                {{ $prisoner->file_number }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">رقم النزيل</span> :
                                {{ optional($prisoner->prisoner_detail)->prisoner_number }}
                            </li>
                        </ul>

                    </div>
                    <!-- // Content -->
                </div>

                <!-- // Details Widget -->
            </div>
            <!-- Column -->
            <div class="col col-12 col-md-6">
                <!-- Details Widget -->

                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">معلومات اخري
                    </h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Informations List -->
                        <ul class="info-list reset-list fs-13 lineheight-160 flexbox">
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">الحالة الاقتصادية</span> :
                                {{ optional($prisoner->prisoner_detail)->economic_status }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">حالة السكن</span> :
                                {{ $prisoner->address?->living_status ? config('static.living_status.' . $prisoner->address->living_status) : '' }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">نوع السكن</span> :
                                {{ $prisoner->address?->living_type ? config('static.living_type.' . $prisoner->address->living_type) : '' }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">المؤهل العلمي</span> :
                                {{ optional($prisoner->prisoner_detail)->qualification }}
                            </li>

                            <li class="pdb-5 col-6"><span class="gray-color inline-block">فصيلة الدم</span> :
                                {{ optional($prisoner->prisoner_detail)->blood_type }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">جهة العمل</span> :
                                {{ optional($prisoner->prisoner_detail)->workplace }}
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">يعملً معلم اللقرآن
                                    الكريم</span> :
                                @if ($prisoner->is_quran_teacher)
                                    نعم
                                @else
                                    لا
                                @endif
                            </li>
                            <li class="pdb-5 col-6"><span class="gray-color inline-block">المهنة</span> :
                                {{ config("static.profession.$prisoner->profession") }}
                            </li>
                        </ul>
                        <!-- // Informations List -->
                    </div>
                    <!-- // Content -->
                </div>

                <!-- Details Widget -->

                <div
                    class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form @if (!$prisoner->with_special_needs) d-none @endif">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        مــن ذوي الاحتياجات الخاصة
                    </h3>


                    <div class="widget-content pdx-20">
                        <!-- Title & Description -->
                        <h4 class="mb-5 fs-15">وصف الإعاقة</h4>
                        <p class="fs-13">
                            {{ $prisoner->disability_details }}
                        </p>

                        <span class="display-block divider-b mt-15 mb-15"></span>

                        <div class="flexbox">
                            <!-- Informations List -->
                            <ul class="info-list reset-list fs-13 lineheight-160 col">
                                <li class="mb-5"><span class="gray-color inline-block">نوع الإعاقة</span> :
                                    {{ optional($prisoner->disability_type)->name }}
                                </li>
                                <li class="mb-5"><span class="gray-color inline-block">درجة الإعاقة</span> :
                                    {{ config("static.disability_percentage.$prisoner->disability_percentage") }}
                                </li>
                                <li class="mb-5"><span class="gray-color inline-block">مصدر الخطاب</span> :
                                    {{ optional($prisoner->prisoner_detail)->disability_proof_source }}
                                <li class="mb-5"><span class="gray-color inline-block">رقم الخطاب</span> :
                                    {{ optional($prisoner->prisoner_detail)->disability_proof_number }}
                                </li>
                                <li class="mb-5"><span class="gray-color inline-block">تاريخ الخطاب</span> :
                                    {{ optional($prisoner->prisoner_detail)->disability_proof_date_hijri }}
                                </li>
                            </ul>

                            <div class="mxw-260 tx-align-center">
                                <h5 class="primary-color fs-14 medium-weight mb-10">جهة إثبات وتصنيف الإعاقةً طبيا</span> :

                                </h5>
                                <!-- Logo -->
                                <div class="px-media ratio-21x9 mb-5 radius-g inline-block logo-box" data-src="">
                                </div>
                                <h5 class="fs-14 medium-weight">اسم /
                                    {{ optional($prisoner->prisoner_detail)->disability_proof_source }}
                                </h5>
                            </div>
                            <!-- // Informations -->
                        </div>
                    </div>
                    <!-- // Content -->
                </div>

                <!-- // Details Widget -->
            </div>
            <!-- // Column -->
        </div>
        <!-- // Grid -->
    </div>
@endsection