@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="col adaptive-widgets"> --}}
        <!-- Details Widget -->


        <div class="row">
            <x-prisoner-info :$prisoner />
            <div class="col-md-6">

                <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 ">
                        معلومات طلب الخروج
                    </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> :
                                {{ $guarantee_return->guarantee_exit?->exit_reason }}

                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">نوع الكفالة</span> :
                                {{ config('static_prisoner_out.type_guarantee.' . $guarantee_return->guarantee_exit->guarantee_type) }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">مدة الخروج بالايام</span> :
                                {{ $guarantee_return->guarantee_exit->exit_duration }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">تاريخ الخروج</span> :
                                {{ $guarantee_return->guarantee_exit->exit_date_hijri }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">وقت الخروج</span> :
                                {{ $guarantee_return->guarantee_exit->exit_time }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">تاريخ العودة المفترض</span> :
                                {{ $guarantee_return->guarantee_exit->expected_return_date_hijri }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">مصدر خطاب الموافقة علي الخروج</span> :
                                {{ $guarantee_return->guarantee_exit->approval_letter_source }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم خطاب الموافقة علي الخروج</span> :
                                {{ $guarantee_return->guarantee_exit->approval_letter_number }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">تاريخ خطاب الموافقة علي الخروج</span> :
                                {{ $guarantee_return->guarantee_exit->approval_letter_date_hijri }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span> :
                                {{ $guarantee_return->guarantee_exit?->exit_notes }}
                            </li>
                        </ul>

                        <!-- Informations List -->


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

            <div class="col-md-6">

                <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 ">
                        بيانات الكفيل
                    </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> :
                                {{ $guarantee_return->guarantee_exit?->full_name }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم الهوية</span> :
                                {{ $guarantee_return->guarantee_exit?->identity_number }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">معرفته بالنزيل</span> :
                                {{ $guarantee_return->guarantee_exit?->prisoner_recognize }}
                            </li>

                            <li class="mb-5"><span class="gray-color inline-block">عنوان السكن</span> :
                                {{ $guarantee_return->guarantee_exit?->address?->full_address }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">رقم الجوال</span> :
                                {{ $guarantee_return->guarantee_exit?->address?->mobile_number }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">هاتف ثابت</span> :
                                {{ $guarantee_return->guarantee_exit?->address?->mobile_number2 }}
                            </li>
                            <li class="mb-5"><span class="gray-color inline-block">الجنسية</span> :
                                {{ $guarantee_return->guarantee_exit?->nationality?->name }}
                            </li>





                        </ul>

                        <!-- Informations List -->


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



                <div class="col-md-6">

                    <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> :
                                    {{ $guarantee_return->return_date_hijri }}
                                </li>
                                <li class="mb-5"><span class="gray-color inline-block">وقت العودة</span> :
                                    {{ $guarantee_return->return_time }}
                                </li>
                                <li class="mb-5"><span class="gray-color inline-block">ملاحظات</span> :
                                    {{ $guarantee_return->return_notes }}
                                </li>


                            </ul>

                            <!-- Informations List -->


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

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

        <!-- Details Widget -->


        <!-- // Details Widget -->
        {{-- </div> --}}
        <!-- Column -->

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