@extends('layouts.app')

@section('content')

    <form action="{{ route('precedent.criminal_record.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax"
        method="POST">
        @component('components.print')
        @endcomponent
        @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>
        </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($prisoner->image) ? asset($prisoner->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">{{ $prisoner->full_name }} </span>
                                    </li>

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

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

                                    <li class="pdb-5 col-6">
                                        <span class="gray-color inline-block">مكان الميلاد</span> :
                                        <span class="prisonerData" id="prisoner_birthdate">
                                            {{ !isset($prisoner->place_of_birth) ? $prisoner->prisoner_detail?->place_of_birth : $prisoner->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.' . $prisoner->gender) }} </span>
                                    </li>
                                </ul>
                            </div>

                            <div class="pdb-5 col-12">
                                <input type="hidden" name="identity_number" value="{{ $prisoner->identity_number }}">
                                <input type="text" name="id_number" placeholder="رقم الهوية"
                                    value="{{ $prisoner->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">{{ $prisoner->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">
                                            {{ $prisoner->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">
                                        <span>

                                            <select name="issue_number" id="issue_number" class="req"
                                                style="width: 100%;">
                                                <option value="">اختر رقم القضية</option>
                                                @if ($prisoner->criminal_records)
                                                    @foreach ($prisoner->criminal_records as $criminal_record)
                                                        <option value="{{ $criminal_record->issue_number }}"
                                                            data-issue="{{ $criminal_record->issue_id }}">
                                                            {{ $criminal_record->issue_number }}
                                                        </option>
                                                    @endforeach
                                                @else
                                                    @php
                                                        $criminal_record = $prisoner
                                                            ->criminal_record()
                                                            ->whereType('external')
                                                            ->first();
                                                    @endphp
                                                    <option value="{{ $criminal_record->issue_number }}"
                                                        data-issue="{{ $criminal_record->issue_id }}">
                                                        {{ $criminal_record->issue_number }}
                                                    </option>
                                                @endif
                                            </select>

                                            <input type="hidden" name="issue_id" value="">
                                        </span>
                                    </li>

                                    <div class="pdb-5 col-12">
                                        <ul class="info-list reset-list fs-13 lineheight-160 flexbox" id="issueInfo">

                                        </ul>
                                    </div>

                                </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="row">
                                <div class="col-md-3 col-6 pds-15">
                                    <ul class="info-list reset-list fs-13 lineheight-160">
                                        <li class="pdb-5">
                                            <span class="gray-color inline-block">عدد السوابق</span> :
                                            <span class="prisonerData"
                                                id="prisoner_name">{{ count($prisoner->record_count) }}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-3 col-6 pds-15">
                                    <ul class="info-list reset-list fs-13 lineheight-160">
                                        <li class="pdb-5">
                                            <span class="gray-color inline-block">عدد الحالات الجنائية</span> :
                                            <span class="prisonerData"
                                                id="prisoner_filenumber">{{ count($prisoner->criminal_case_count) }}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-3 col-6 pds-15">
                                    <ul class="info-list reset-list fs-13 lineheight-160">
                                        <li class="pdb-5">
                                            <span class="gray-color inline-block">عدد حالات حفظ الاتهام</span> :
                                            <span class="prisonerData"
                                                id="prisoner_nationality">{{ count($prisoner->part_count) }}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-3 col-6 pds-15">
                                    <ul class="info-list reset-list fs-13 lineheight-160">
                                        <li class="pdb-5">
                                            <span class="gray-color inline-block">عدد السوابق الممحاة</span> :
                                            <span class="prisonerData"
                                                id="prisoner_birthdate">{{ count($prisoner->criminal_record_count) }}</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-6 hidden " id="erased_information_div">
                <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="responsive-table mb-30 col-12 col-md-12">

                            <div class="pdb-5 col-12">
                                <ul class="info-list reset-list fs-13 lineheight-160 flexbox">
                                    <li class="pdb-5 col-6">
                                        <span class="gray-color inline-block">تم محو السابقة ورد الاعتبار</span> :
                                        <span> نعم </span>
                                    </li>
                                    <li class="pdb-5 col-6">
                                        <span class="gray-color inline-block">تاريخ محو السابقة</span> :
                                        <span id="erased_date"></span>
                                    </li>
                                </ul>
                            </div>

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

            <div class="col-12 col-md-12 hidden" id="exemption_reduction">
                <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="responsive-table mb-30 col-12 col-md-12">

                            <table class="table striped bordered fs-13 display nowrap" id="exemption_reduction_table">

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



            <div class="col-6 hidden not_print" id="remove_record_issue">
                <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="is_erased" 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" id="remove_record_information">

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

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

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

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

                            </div>
                            <button class="btn col-12 primary">حفظ البيانات</button>

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

        </div>
    </form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/pages/criminal_records.js') }}"></script>
@endsection