@extends('layouts.app')
@section('content')
    <form action="{{ route('judgement-and-issues.issues.main-issues.store') }}" class="col col-lg-9 pd-30"
        id="form_request_ajax" enctype="multipart/form-data">
        <!-- Page Title -->
        <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>
        <!-- // Page Title -->

        @csrf

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


            <!-- Column -->

            <x-prisoner-info />



            <!-- Column -->
            <div class="col-12">
                <!-- Controls Widget -->
                <div style="display: block" class="widget-block mb-30 white-bg  radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">حالة القضية</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <label class="checkbox fs-13 pds-15">
                            <input id="issue_checked_main" type="checkbox" class="check-toggle" data-target=""
                                date-requered="1" disabled value="1">
                            <span>أساسية</span>
                        </label>
                        <label class="checkbox fs-13 pds-15">
                            <input id="issue_checked_sub" type="checkbox" class="check-toggle" data-target=""
                                date-requered="1" disabled value="1">
                            <span>فرعية</span>
                        </label>

                        <label class="checkbox fs-13 pds-15">
                            <input id="issue_checked_compensatory_imprisonment" type="checkbox" class="check-toggle"
                                data-target="" date-requered="1" disabled value="1">
                            <span>حبس تعويضي</span>
                        </label>

                        <label class="checkbox fs-13 pds-15">
                            <input id="issue_checked_re_quarter_discount" type="checkbox" class="check-toggle"
                                data-target="" date-requered="1" disabled value="1">
                            <span>إعادة مدة إخلاء السبيل المشروط</span>
                        </label>
                        <label class="checkbox fs-13 pds-15">
                            <input id="issue_checked_re_conditional_release" type="checkbox" class="check-toggle"
                                data-target="" date-requered="1" disabled value="1">
                            <span>إعادة مدة الإفراج المشروط للحدث</span>
                        </label>

                    </div>

                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>



            <!-- Column -->
            <div class="col-12">
                <!-- Controls Widget -->
                <div style="display: block" class="widget-block mb-30 white-bg  radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">وصف القضية</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Form Control -->
                        <textarea name="issue_description" placeholder="اكتب وصف القضية" class="input_validation"></textarea>

                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->
            </div>

            <!-- Column -->
            <div class="col-12 col-md-6">
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">معلومات القضية</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->
                        <div class="flexbox align-center-y">
                            <!-- Form Control -->
                            <label class="col-3 mb-15"> تصنيف القضية الاساسى </label>
                            <select class="col-9 input_validation advanced-select" dir="rtl"
                                data-url="{{ route('judgement-and-issues.issues.main-issues.get_sub_categories') }}"
                                data-url_data_category="{{ route('judgement-and-issues.issues.main-issues.get_data_category') }}"
                                id="main_category_id" name="main_category_id">
                                <option value="">-- اختيار --</option>
                                @foreach ($main_catgories as $category)
                                    <option value="{{ $category->id }}">{{ $category->name }}</option>
                                @endforeach
                            </select>
                            <label class="col-3 mb-15">تصنيف القضية الفرعى</label>
                            <select id="sub_category_id" class="col-9 input_validation advanced-select"
                                data-url_data_category="{{ route('judgement-and-issues.issues.main-issues.get_data_category') }}"
                                dir="rtl" name="sub_category_id">
                                <option value="">-- اختيار --</option>
                            </select>

                            <div class="col col-md-12 row" id="items">

                            </div>
                            <!-- Form Control -->
                            <div class="row  hidden category_data">
                                <div class="col-3">
                                    <label class=""> </label>
                                </div>
                                <div class="col-3">
                                    <label>رقم المادة</label>
                                    <input class="inp_item_number" type="text" disabled>
                                </div>
                                <div class="col-3">
                                    <label>الفقرة الاولى</label>
                                    <input class="inp_first_paragraph" type="text" disabled>
                                </div>
                                <div class="col-3">
                                    <label>الفقرة الثانية</label>
                                    <input class="inp_second_paragraph" type="text" disabled>
                                </div>
                            </div>


                            <!-- Form Control -->
                            <label class="col-3 mb-15">تاريخ وقوع الجريمة</label>
                            <div class="pos rel col-9">
                                <input type="text" id="date_matter" class="date-hijri input_validation"
                                    name="crime_date_occurred" value="">

                            </div>


                            <div
                                class="widget-block mb-30 white-bg radius-g pdb-20 container-rep issues_numbers_container repeater">
                                <!-- Form Control -->
                                <label class="col-3 mb-15">
                                    رقم القضية
                                    <button data-repeater-create type="button"
                                        class="btn primary display-block square fas fa-plus tiny btn-rep"
                                        data-type="issues_numbers"></button>
                                </label>


                                <div data-repeater-list="issue_number">
                                    <div class="d-flex  " style="margin-top: 10px" dir="ltr" data-repeater-item>
                                        <div class="row" dir="ltr">

                                            @for ($i = 0; $i <= 8; $i++)
                                                <input
                                                    data-url_load_companions="{{ route('judgement-and-issues.issues.main-issues.other_companions') }}"
                                                    @if ($i == 2) style="margin-left: 40px !important" @endif
                                                    type="text" data-name_inp="id_number" maxlength="1"
                                                    style=" display: inline-block;margin-left: 5px;"
                                                    class="inp_issue_number input_validation inp_repate inp_arr_id_number_{{ $i + 1 }}  inp_repate_id_number_num_{{ $i + 1 }} col-1"
                                                    data-inp_repate_num="{{ $i + 1 }}"
                                                    name="issue_number[{{ $i }}]">
                                            @endfor
                                        </div>
                                        <button style="" type="button"
                                            class="btn transparent danger-color display-block square fas fa-times tiny"
                                            data-repeater-delete></button>
                                    </div>



                                </div>


                            </div>


                            <div class="pdx-20  hidden container_companions" style="width:100%">
                                <h6>المرافقين بالقضية</h1>
                                    <table border="1"
                                        style="
                                        width: 100%;
                                        margin-bottom: 30px;
                                        text-align: center
                                    ">
                                        <thead>
                                            <th>#</th>
                                            <th>الاسم</th>
                                            <th>رقم الهوية</th>
                                            <th>اسم السجن</th>
                                        </thead>
                                        <tbody class="data_container_companions">

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


                            {{--  <label class="col-3 mb-15">عدد المرافقين</label>
                            <input type="number" disabled name="escorts_number" value=""
                                placeholder="عدد المرافقين" class="col-9 ">  --}}
                            <!-- Form Control -->

                            <!-- Form Control -->
                            {{--  <label class="col-3 mb-15">الملف الاول</label>  --}}
                            <div data-placeholder="تحميل الملف الاول" data-btn="اختيار ملف"
                                class="px-uploader input_validation col-9" data-uploader="standard">
                                <input type="file" name="file" accept="application/pdf">
                            </div>

                            <!-- Form Control -->
                            {{--  <label class="col-3 mb-15">الملف الثاني</label>  --}}
                            <div data-placeholder="تحميل الملف الثاني" data-btn="اختيار ملف"
                                class="px-uploader input_validation col-9" data-uploader="standard">
                                <input type="file" name="file2" accept="application/pdf">
                            </div>




                            <!-- // Form Control -->
                        </div>
                        <!-- // Controls Group -->
                    </div>
                    <!-- // Content -->

                    <!-- // Column -->


                    <!-- // Controls Widget -->

                    <div class="col-12 col-md-12 mb-30" id="ajax_content_case">

                    </div>
                    <!-- Column -->

                </div>

                <!-- Column -->

            </div>
            <div class="col-12 col-md-6">
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">أمر القبض</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">
                        <!-- Controls Group -->

                        <div class="repeater">
                            <div data-repeater-list="letters"
                                style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                <div class="flexbox" style="justify-content: end;">
                                    <button type="button" class="btn primary display-block square fas fa-plus tiny"
                                        style="margin:0px 0px 10px 0px" data-repeater-create></button>
                                </div>

                                <div class="flexbox align-center-y " data-repeater-item
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                    <!-- Form Control -->
                                    <label class="col-3 mb-15">تاريخ الخطاب</label>
                                    <div class="col-9 pos-rel">
                                        <input type="text" id="date_matter" class="date-hijri input_validation"
                                            name="letters[date]" value="">
                                    </div>
                                    <!-- Form Control -->
                                    <label class="col-3 mb-15">رقم الخطاب</label>
                                    <input type="text" class="col-9 input_validation" name="letters[number]"
                                        value="">
                                    <!-- Form Control -->

                                    <!-- Form Control -->
                                    <label class="col-3 mb-15">مصدر الخطاب</label>
                                    <input type="text" class="col-9 input_validation" name="letters[source]"
                                        value="">
                                    <!-- Form Control -->

                                    <button type="button"
                                        class="btn transparent danger-color display-block square fas fa-times tiny"
                                        data-repeater-delete></button>
                                </div>
                            </div>

                        </div>

                        <div class="repeater">
                            <div data-repeater-list="issue_number_realted"
                                style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">

                                <div class="flexbox" style="justify-content: space-between;">
                                    <label class="col-3 mb-15">رقم القضية المتعلقة</label>
                                    <button type="button" class="btn primary display-block square fas fa-plus tiny"
                                        style="margin:0px 0px 10px 0px" data-repeater-create></button>
                                </div>


                                <div class="flexbox align-center-y " data-repeater-item
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                    <!-- Form Control -->

                                    <input type="text" class="col-9 input_validation "
                                        name="issue_number_realted[number]" value="">
                                    <!-- Form Control -->

                                    <button type="button"
                                        class="btn transparent danger-color display-block square fas fa-times tiny"
                                        data-repeater-delete></button>
                                </div>


                            </div>
                        </div>



                        <div class="repeater">
                            <div data-repeater-list="arrest_destination_file_number"
                                style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">

                                <div class="flexbox" style="justify-content: space-between;">
                                    <label class="col-3 mb-15">رقم ملف القبض</label>
                                    <button type="button" class="btn primary display-block square fas fa-plus tiny"
                                        style="margin:0px 0px 10px 0px" data-repeater-create></button>
                                </div>


                                <div class="flexbox align-center-y " data-repeater-item
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                    <!-- Form Control -->

                                    <input type="text" class="col-9 input_validation"
                                        name="arrest_destination_file_number[number]" value="">
                                    <!-- Form Control -->

                                    <button type="button"
                                        class="btn transparent danger-color display-block square fas fa-times tiny"
                                        data-repeater-delete></button>
                                </div>


                            </div>
                        </div>


                        <div class=" align-center-y">

                            <div class="row">
                                <!-- Form Control -->
                                <div class="col-3">
                                    <label class="mb-15">اسم جهة القبض</label>
                                </div>
                                <div class="col-9">
                                    <input type="text" placeholder="جهة القبض" class="col-9 input_validation"
                                        name="arresting_destination" value="">
                                </div>
                            </div>






                            <div class="row mb-15">
                                <div class="col-6">
                                    <label class="col-3 mb-15">تاريخ التوقيف</label>
                                    <div class="pos-rel col-9">
                                        <input type="text" id="stop_date_time_hijri" placeholder=""
                                            class="input_validation date-hijri-open" name="stop_date_hijri"
                                            value="">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label class="col-3">وقت الـتوقيف</label>
                                    <div class="pos-rel col-9">
                                        <input type="time" id="stop_date_time_hijri" placeholder=""
                                            class="input_validation" name="stop_time_hijri">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <label class="col-3">تاريخ الاستلام</label>
                                    <div class="pos-rel col-9">
                                        <input type="text" id="stop_date_time_hijri" placeholder=""
                                            class="input_validation date-hijri" name="receipt_date_hijri" value="">
                                    </div>
                                </div>
                                <div class="col-6">
                                    <label class="col-3 mb-15">وقت الاستلام</label>
                                    <div class="pos-rel col-9">
                                        <input type="time" id="stop_date_time_hijri" placeholder=""
                                            class="input_validation" name="receipt_time_hijri" value="">
                                    </div>
                                </div>
                            </div>








                            <!-- Form Control -->
                            <label class="col-3 mb-15 guard_inputs input_hidden">مستقبل الحدث</label>
                            <!-- Form Group -->
                            <div class="form-group col-9 guard_inputs input_hidden">
                                <!-- Form Control -->
                                <div class="hidden list_job_guards">

                                </div>
                                <select class="col-12 input_validation list_guards" name="prison_guard_id">
                                    <option value="">-- اختيار --</option>

                                </select>

                                <!-- Form Control -->
                                {{--  <input type="text" placeholder="مستقبل الحدث" name="future_juvenile"
                                class="col-8 prisoner_juvenile" value="">  --}}
                            </div>
                            <!-- Form Control -->
                            <label class="col-3 mb-15 guard_inputs input_hidden">وظيفة مستقبل الحدث</label>
                            <!-- Form Control -->
                            <input type="text" placeholder="وظيفة مستقبل الحدث" disabled
                                class="col-9 inp_job_guard  guard_inputs input_hidden input_validation" value="">
                            <!-- // Form Control -->
                        </div>
                        <!-- // Controls Group -->
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Controls Widget -->

            </div>


            <!-- Column  -->
            <div class="col-12 col-md-6 mb-30">
                <!-- 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 form-ui divider-b">

                        <div class="col-12 pds-15 " id="issue_escaped_after_crimes">


                            <label class="checkbox fs-13 pds-15">
                                <input type="hidden" name="issue_escaped_after_crimes" value="0">
                                <input type="checkbox" name="issue_escaped_after_crimes"
                                    data-parent="issue_escaped_after_crimes" class="check-toggle"
                                    data-target="escape_after_crime" date-requered="1" value="1">
                                <span>هارب بعد ارتكاب الجرم</span>
                            </label>
                            <div class="hidden-options  " id="in_prison">
                            </div>

                            <div class="hidden" id="escape_after_crime">
                                <label for="destination_name">الجهة التي أدرجته على نظام قائمة المطلوبين</label>
                                <input value="" class="input_validation" type="text" name="destination_name"
                                    date-requered="req">
                                <label for="letter_number">رقم الخطاب</label>
                                <input value="" class="input_validation" type="text" name="letter_number"
                                    date-requered="req">
                                <label for="letter_date_hijri">تاريخ الخطاب</label>
                                <div class="col-12 pos-rel">
                                    <input value="" type="text" name="letter_date_hijri"
                                        class="date-hijri input_validation" date-requered="req">
                                </div>
                            </div>
                        </div>


                    </div>

                </div>
                <!-- // Details Widget -->
            </div>
            <!-- Column  -->
            <div class="col-12 col-md-6 mb-30">
                <!-- 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 form-ui divider-b">

                        <div class="col-12 pds-15 " id="issue_guarantee_outs">



                            <label class="checkbox fs-13 pds-15">

                                <input type="checkbox" name="issue_guarantee_outs" data-parent="issue_guarantee_outs"
                                    class="check-toggle" data-target="out_with_bail" date-requered="1" value="2">
                                <span>خرج بكفالة فى جهة الايقاف</span>
                            </label>


                            <div class="hidden-options " id="in_prison">
                            </div>

                            <div class="hidden" id="out_with_bail">
                                <div class="row gpx-15">

                                    <div class="col-12 col-md-4">
                                        <!-- Form Control -->
                                        <label for="">تاريخ الخروج</label>
                                        <div class="pos-rel">
                                            <input type="text" id="guarantee_out_date_out_hijri"
                                                class="date-hijri input_validation" placeholder=""
                                                name="guarantee_out_date_out_hijri" value="" date-requered="req">
                                        </div>
                                    </div>
                                    <!-- column -->
                                    <div class="col-12 col-md-4">
                                        <!-- Form Control -->
                                        <label for="guarantee_out_duration_dayes">مدة الخروج</label>
                                        <input type="number" class="input_validation not_minus_zero" placeholder=""
                                            name="guarantee_out_duration_dayes" value="" date-requered="req">
                                    </div>
                                    <!-- column -->
                                    <div class="col-12 col-md-4">
                                        <!-- Form Control -->
                                        <label for="date_return_hijri">تاريخ العودة </label>
                                        <div class="pos-rel">
                                            <input type="text" class="date-hijri input_validation"
                                                id="guarantee_out_date_return_hijri" placeholder=""
                                                name="guarantee_out_date_return_hijri" value=""
                                                date-requered="req">
                                        </div>

                                    </div>

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


                    </div>

                </div>
                <!-- // Details Widget -->
            </div>
            <!-- Column  -->
            <div class="col-12 col-md-6 mb-30">
                <!-- 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 form-ui divider-b">

                        <div class="col-12 pds-15 " id="issue_jailbreaks">
                            <label class="checkbox fs-13 pds-15">

                                <input type="checkbox" name="issue_jailbreaks" data-parent="issue_jailbreaks"
                                    class="check-toggle" data-target="escape_from_arrestSide" date-requered="1"
                                    value="3">
                                <span>هارب اثناء الاحتجاز من جهة الإيقاف</span>
                            </label>

                            <div class="hidden-options " id="in_prison">
                            </div>

                            <div class="hidden" id="escape_from_arrestSide">
                                <div class="row">
                                    <div class="col-4 col-md-4">
                                        <!-- Form Control -->
                                        <label for="">تاريخ الهروب</label>
                                        <div class="pos-rel">
                                            <input type="text" id="issue_jailbreak_date_out_hijri"
                                                class="input_validation date-hijri" placeholder=""
                                                name="issue_jailbreak_date_out_hijri" value="" date-requered="req">
                                        </div>
                                    </div>
                                    <!-- column -->
                                    <div class="col-4 col-md-4">
                                        <!-- Form Control -->
                                        <label for="out_time">مدة الهروب</label>
                                        <input type="number" class="input_validation not_minus_zero" placeholder=""
                                            name="issue_jailbreak_duration_dayes" value="" date-requered="req">
                                    </div>
                                    <!-- column -->
                                    <div class="col-4 col-md-4">
                                        <!-- Form Control -->
                                        <label for="date_return_hijri">تاريخ إعادة القبض</label>
                                        <div class="pos-rel">
                                            <input type="text" class="date-hijri input_validation"
                                                id="issue_jailbreak_date_return_hijri" placeholder=""
                                                name="issue_jailbreak_date_return_hijri" value=""
                                                date-requered="req">
                                        </div>

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


                    </div>

                </div>
                <!-- // Details Widget -->
            </div>
            <!-- // Column -->
            <!-- Column  -->
            <div class="col-12 col-md-6 mb-30">
                <!-- 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 form-ui divider-b repeater">

                        <div class="col-12 pds-15 " id="issue_prisoner_states_stop">
                            <label class="checkbox fs-13 pds-15">
                                <input type="checkbox" name="issue_prisoner_states_stop_check"
                                    data-parent="issue_prisoner_states_stop" class="check-toggle" data-target="stopfrom"
                                    date-requered="1" value="3">
                                <span> النزيل (موقوف) لم يصدر بحقه حكم </span>
                            </label>




                            <div class="hidden-options " id="in_prison">
                            </div>

                            <div class="hidden" id="stopfrom" data-repeater-list="issue_prisoner_states_stop"
                                data-repeater-list="issue_prisoner_states_stop"
                                style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                <div class="row" style="justify-content: end ; padding:10px">
                                    <button type="button" class="btn primary display-block square fas fa-plus tiny"
                                        data-repeater-create></button>
                                </div>
                                <div class="row" data-repeater-item
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">

                                    <div class="widget-content pdx-20 form-ui flexbox">
                                        <div class="row">
                                            <!-- Form Control -->
                                            <div class="col col-md-5 ms-10 me-10 flexbox align-center-y">
                                                <label class="col-3 mb-15">مدة الايقاف </label>
                                                <input type="number" class="col-3  input_validation not_minus_zero"
                                                    placeholder="سنوات" name="issue_prisoner_states_stop[stopped_year]"
                                                    value="0">
                                                <input type="number"
                                                    class="monthcalc col-3 input_validation not_minus_zero"
                                                    placeholder="شهور" max="11"
                                                    name="issue_prisoner_states_stop[stopped_month]" value="0">
                                                <input type="number"
                                                    class="daycalc  col-3 input_validation not_minus_zero"
                                                    placeholder="ايام" max="29"
                                                    name="issue_prisoner_states_stop[stopped_day]" value="0">

                                            </div>
                                            <!-- Form Control -->
                                        </div>
                                    </div>

                                    <!-- column -->
                                    <div class="col-4 col-md-4">
                                        <!-- Form Control -->
                                        <label for="out_time">رقم الخطاب</label>
                                        <input type="string" class="" placeholder=""
                                            name="issue_prisoner_states_stop[letter_number]" value=""
                                            date-requered="req">
                                    </div>
                                    <!-- column -->
                                    <div class="col-4 col-md-4">
                                        <!-- Form Control -->
                                        <label for="supposed_return_date"> مصدر الخطاب</label>
                                        <div class="pos-rel">
                                            <input type="text" id="stopfrom[letter_source]" placeholder=""
                                                name="issue_prisoner_states_stop[letter_source]" class="input_validation"
                                                value="" date-requered="req">
                                        </div>

                                    </div>

                                    <div class="col-12 col-md-4">
                                        <!-- Form Control -->
                                        <label for="">تاريخ الخطاب</label>
                                        <div class="pos-rel">
                                            <input type="text" id="stopfrom_letter_date"
                                                class="date-hijri input_validation" placeholder=""
                                                name="issue_prisoner_states_stop[letter_date]" value=""
                                                date-requered="req">
                                        </div>
                                    </div>
                                    <!-- Delete Button -->
                                    <button class="btn transparent danger-color display-block square fas fa-times tiny"
                                        data-repeater-delete></button>
                                </div>
                            </div>
                        </div>


                    </div>

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



            <!-- Column  -->
            <div class="col-12 col-md-6 mb-30">
                <!-- 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 form-ui divider-b">

                        <div class="col-12 pds-15 " id="issue_outside_kingdoms">


                            <label class="checkbox fs-13 pds-15">
                                {{--  <input type="hidden" name="issue_outside_kingdoms" value="0">  --}}
                                <input type="checkbox" name="issue_outside_kingdoms" data-parent="issue_outside_kingdoms"
                                    class="check-toggle" data-target="issue_outside_kingdoms_check" date-requered="1"
                                    value="1">
                                <span> النزيل منقول من سجن خارج المملكة</span>
                            </label>
                            <div class="hidden-options  " id="in_prison">
                            </div>




                            <div class="hidden" id="issue_outside_kingdoms_check">
                                <div class="row">

                                    <div class="col-12 col-md-6">
                                        <label for="country_name">اسم الدولة</label>
                                        <input type="text" class=" input_validation" placeholder="اسم الدولة"
                                            name="country_name" value="">
                                    </div>
                                    <div class="col-12 col-md-6">
                                        <label for="prison_name">اسم السجن</label>
                                        <input type="text" placeholder="اسم السجن" name="prison_name" value=""
                                            class=" input_validation">
                                    </div>

                                    <div class="col-12 col-md-4  ">
                                        <label for="letter_source">مصدر خطاب النقل</label>
                                        <input type="text" class=" input_validation " name="source_letter"
                                            placeholder="مصدر خطاب النقل" value="">
                                    </div>
                                    <div class="col-md-4">
                                        <label for="letter_number">رقم الخطاب</label>
                                        <div class="pos-rel">
                                            <input type="number" class=" input_validation" placeholder="رقم الخطاب"
                                                name="number_letter" value="">
                                        </div>
                                    </div>
                                    <div class="col-md-4 ">

                                        <label for="letter_date">تاريخ الخطاب</label>
                                        <div class="pos-rel">
                                            <input type="text" class="date-gregory input_validation" placeholder=""
                                                name="date_letter_hijri" value="">
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="date_receipt_prisoner_hijri">تاريخ الاستلام</label>
                                        <div class="pos-rel">
                                            <input type="text" id="date_receipt_prisoner_hijri"
                                                name="date_receipt_prisoner_hijri" class="date-gregory  input_validation"
                                                date-requered="req" value="">
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <label for="time_receipt_prisoner">وقت استلام النزيل</label>
                                        <input type="time" id="time_receipt_prisoner" name="time_receipt_prisoner"
                                            class="input_validation" date-requered="req" value="">
                                    </div>
                                    <div class="col col-md-12  flexbox align-center-y">
                                        <label class="col-9 mb-15 ">الاعفاءت التى حصل عليها </label>
                                        <input type="number" class="col-4  input_validation not_minus_zero"
                                            placeholder="سنوات" name="exemption_year" value="">
                                        <input type="number" class="col-4 input_validation monthcalc not_minus_zero "
                                            placeholder="شهور" max="11" maxlength="11" name="exemption_month"
                                            value="">
                                        <input type="number" class="col-4 input_validation daycalc not_minus_zero "
                                            placeholder="ايام" name="exemption_day" value="">
                                    </div>
                                    <div class="col-md-12">
                                        <label for="notes"> الملاحظات </label>
                                        <textarea type="time" id="notes" name="notes" class="input_validation" date-requered="req"></textarea>
                                    </div>
                                </div>



                            </div>
                        </div>


                    </div>

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





            <!-- Column  -->
            <div class="col-12 col-md-6 mb-30">
                <!-- 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 form-ui divider-b">

                        <div class="col-12 pds-15 " id="other_pepol">

                            <label class="checkbox fs-13 pds-15">
                                {{--  <input type="hidden" name="from_out" value="0">  --}}
                                <input type="checkbox" name="from_out" data-parent="other_pepol" class="check-toggle"
                                    data-target="other_pepol1" date-requered="1" value="1">
                                <span>
                                    يوجد مرافقين اخرين بالقضية
                                </span>
                            </label>
                            <div class="hidden-options  " id="in_prison">
                            </div>

                            <div class="hidden repeater" id="other_pepol1">
                                <button type="button" class="btn primary display-block square fas fa-plus tiny"
                                    data-repeater-create></button>
                                <div data-repeater-list="issue_other_companions">
                                    <div class="row"
                                        style="border: 1px rgba(0, 0, 0, 0.486) solid ; margin:15px ; border-radius:3px"
                                        data-repeater-item>
                                        <div class="col-12 col-md-6">
                                            <label for="transfer_prison_name">رقم الهوية</label>
                                            <input type="text" placeholder="رقم الهوية"
                                                name="issue_other_companions[id_number]" value=""
                                                class="input_validation">
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <label for="transfer_prison_name">الاسم</label>
                                            <input type="text" placeholder="الاسم" name="issue_other_companions[name]"
                                                value="" class="input_validation">
                                        </div>


                                        <div class="col-12 col-md-12">
                                            <label for="transfer_prison_name">ملاحظات</label>
                                            <textarea class="input_validation" name="issue_other_companions[notes]" placeholder="الاسم"></textarea>
                                        </div>

                                        <button type="button"
                                            class="btn transparent danger-color display-block square fas fa-times tiny"
                                            data-repeater-delete></button>
                                    </div>
                                </div>

                            </div>
                        </div>

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



            </div>
            <!-- // Grid -->


            <div class="col-6 col-md-6">
                <button class="btn primary fluid">حفظ </button>
            </div>

    </form>
@endsection

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

    <script src="{{ asset('assets/js/old_repate-inputs.js') }}"></script>
    <script>
        $(".date-gregory").hijriDatePicker({
            locale: "ar-sa",
            hijriFormat: "YYYY-MM-DD",
            showTodayButton: false,
            useCurrent: true,
            isRTL: false,
            keepOpen: false,
            hijri: false,
            debug: true,
            showClear: false,
            showTodayButton: true,
            showSwitcher: false,
            showClose: true,
            maxDate: moment().add(1, 'seconds').toDate(),
            // defaultDate: moment(),
        });
    </script>
@endsection