@extends('layouts.app')

@section('content')

<form action="" class="col col-lg-9 pd-30" id="submitForm" method="POST">
    @csrf

    <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
        <h1 class="reset-block primary-color lineheight-130 fs-20">بيانات محو السابقه</h1>
        <button class="btn small primary">حفظ </button>
    </div>

    <div class="row">

        <div class="col-12 col-md-6">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات النزيل</h3>

                <div class="widget-content pdx-20">

                    <div class="flexbox divider-b mb-20">

                        <img src="{{ !empty($external_issue->image) ? asset($external_issue->image->path) : asset('assets/img/avatar-uploader.svg') }}" class="avatar radius-g" id="prisoner_image" alt=""/>

                        <div class="col pds-15">
                            <ul class="info-list reset-list fs-13 lineheight-160">
                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block" >اسم النزيل</span> :
                                    <span class="prisonerData" id="prisoner_name">{{  $external_issue->full_name  }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">رقم الملف </span> :
                                    <span class="prisonerData" id="prisoner_filenumber"> {{ $external_issue->file_number  }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">الجنسية</span> :
                                    <span class="prisonerData" id="prisoner_nationality">{{ $external_issue->nationality->name }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">مكان الميلاد</span> :
                                    <span class="prisonerData" id="prisoner_birthdate"> {{ $external_issue->place_of_birth }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">الجنس</span> :
                                    <span class="prisonerData" id="prisoner_gender"> {{ config('static.gender.'.$external_issue->gender) }} </span>
                                </li>
                            </ul>
                        </div>

                        <div class="pdb-5 col-12">
                            <input type="hidden" name="identity_number" value="{{ $external_issue->identity_number }}" >
                            <input type="text"  name="id_number" placeholder="رقم الهوية" value="{{ $external_issue->identity_number }}" disabled>
                        </div>

                        <div class="pdb-5 col-12">
                            <ul class="info-list reset-list fs-13 lineheight-160 flexbox morePrisonerInfo">
                                <li class="pdb-5 col-6"><span class="gray-color inline-block">تاريخ الميلاد</span> :
                                    <span class="prisonerData" id="prisoner_info_date_of_birth_hijri">{{ $external_issue->date_of_birth_hijri }} </span>
                                </li>
                                <li class="pdb-5 col-6"><span class="gray-color inline-block">اسم السجن</span> :
                                    <span class="prisonerData" id="prisoner_info_section"> {{ $external_issue->prison->name }}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-md-6">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">بيانات القضية</h3>

                <div class="widget-content pdx-20">

                    <div class="flexbox divider-b mb-20">
                        <div class="col pds-15">
                            <ul class="info-list reset-list fs-13 lineheight-160">

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">التصنيف العام للقضية</span> :
                                    <span class="case_details" id="issue_main_category"> {{ $external_issue->main_category->name }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">التصنيف الفرعي للقضية</span> :
                                    <span class="case_details" id="issue_sub_category"> {{ $external_issue->sub_category->name }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">تاريخ وقوع الجريمة</span> :
                                    <span class="case_details" id="issue_crime_date_occurred"> {{ $external_issue->external_issue_judgement->crime_date_hijri }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">تاريخ التوقيف</span> :
                                    <span class="case_details" id="issue_stopped_date"> {{ $external_issue->external_issue_judgement->arrest_date_hijri }} </span>
                                </li>

                                {{-- <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">تاريخ انتهاء المحكومية</span> :
                                    <span class="case_details" id="issue_judgement_end_date_hijri">

                                    </span>
                                </li> --}}

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">تعلق الجرم بالأمن الوطني</span> :
                                    <span class="case_details" id="issue_national_security"> {{ config('static.yes_no.'.$external_issue->external_issue_judgement->is_national_security) }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">مجاهر بالمعصية</span> :
                                    <span class="case_details" id="issue_transgression"> {{ config('static.yes_no.'.$external_issue->external_issue_judgement->is_transgression) }} </span>
                                </li>

                                <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">يوجد مرافقين له بالقضية</span> :
                                    <span class="case_details" id="issue_companions"> {{ config('static.yes_no.'.$external_issue->external_issue_judgement->is_companion) }} </span>
                                </li>

                                {{-- <li class="pdb-5 col-6">
                                    <span class="gray-color inline-block">مدة عقوبة السجن النافذ للحق العام</span> :
                                    <span class="prisonerData" id="punishment_start_date">

                                    </span>
                                </li> --}}

                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>


        <div class="col-6">
            <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">

                <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    <label class="checkbox">
                        <input type="checkbox" name="erasing_previous" value="0">
                        <span>محو السابقه ورد الاعتبار</span>
                    </label>
                </h3>

                <div class="widget-content pdx-20">

                    <div class="row gpx-15">
                        <div class="col-12 col-md-12 widget-block ">


                            <div class="flexbox divider-b mb-20">
                                <div class="col-12">
                                    <label for="letter_number">جهة اصدار الخطاب</label>
                                    <input class="req" type="text" placeholder="جهة اصدار الخطاب" name="cancel_letter_direction" >

                                    <label for="letter_number">رقم الخطاب</label>
                                    <input class="req" type="text" placeholder="رقم الخطاب" name="cancel_letter_number" >

                                    <label for="arrested_letter_date">تاريخ الخطاب</label>
                                    <div class="pos-rel"><input type="text" name="cancel_letter_date"  class="req date-hijri"></div>

                                    <label for="arrested_notes"> ملاحظات </label>
                                    <textarea name="arrested_notes" id="" cols="30" rows="10">  </textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>
</form>
@endsection