@extends('layouts.app')

@section('content')

    <form action="{{ route('precedent.external_issues.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" method="POST" enctype="multipart/form-data">

        @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>

        <!-- Grid -->
        <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">

                            <div
                                data-src="{{ asset('assets/img/avatar-uploader.svg') }}"
                                class="px-uploader avatar-uploader px-media radius-g"
                                data-uploader="advanced"
                            >
                                <input type="file" name="image" id="image">
                            </div>


                            <div class="col-10 pds-15">
                                <div class="col form-group justify-content-around">
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="first_name" id="first_name" placeholder="الاسم الأول" value="">
                                    </div>
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="second_name" id="second_name" placeholder="الاسم الثاني" value="">
                                    </div>
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="third_name" id="third_name" placeholder="الاسم الثالث" value="">
                                    </div>
                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="fourth_name" id="fourth_name" placeholder="الاسم الرابع" value="">
                                    </div>
                                </div>

                                <select class="req mt-4" name="identity_type">
                                    <option value="">-- اختيار نوع الهويه --</option>
                                    @foreach ( config('static.identity_type') as $key => $id_type)
                                        <option>{{ $id_type }}</option>
                                    @endforeach
                                </select>

                            </div>

                            <label class="col-12 mb-15">رقم الهوية</label>
                            <div class="row" dir="ltr">
                                @for ($i = 0; $i < 10; $i++)
                                    <input type="text" data-name_inp="id_number"
                                        style=" display: inline-block;margin-left: 5px; " value=""
                                        maxlength="1" min="0" max="9"
                                        class="inp_repate  inp_arr_id_number_{{ $i + 1 }}   inp_repate_id_number_num_{{ $i + 1 }} col-1"
                                        data-inp_repate_num="{{ $i + 1 }}" name="identity_number[{{ $i }}]">
                                @endfor
                            </div>

                        </div>

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

                            <label class="col-3 mb-15">تاريخ الميلاد</label>
                            <div class="col-9  pos-rel">
                                <input
                                    type="text"
                                    class="date-hijri req"
                                    name="date_of_birth_hijri"
                                    id="date_of_birth_hijri"
                                    placeholder=""
                                    value=""
                                >
                            </div>


                            <label class="col-3 mb-15">مكان الميلاد</label>
                            <input type="text" class="col-9" name="place_of_birth" value="">


                            <label class="col-3 mb-15">الجنسية</label>
                            <div class="form-group col-9" dir="rtl">
                                <select name="nationality_id" id="nationality_id" class="form-control advanced-select req">
                                    <option value="">-- اختيار --</option>
                                    @foreach ($nationalites as $nationality)
                                        <option value="{{ $nationality->id }}">{{ $nationality->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <label class="col-3 mb-15">الجنسية الاخرى</label>
                            <div class="form-group col-9" dir="rtl">
                                <select name="other_nationality_id" id="nationality2_id" class="form-control advanced-select req">
                                    <option value="">-- اختيار --</option>
                                    @foreach ($nationalites as $nationality)
                                        <option value="{{ $nationality->id }}">{{ $nationality->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <label class="col-3 mb-15">الجنس</label>
                            <select class="col-9 req" name="gender" id="gender">
                                <option value="">-- اختيار --</option>
                                @foreach ( config('static.gender') as $key => $value)
                                    <option value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            </select>

                            <label class="col-3 mb-15">المهنة</label>
                            <select class="col-9 req" name="profession" id="profession">
                                <option value="">-- اختيار --</option>
                                @foreach (config('static.profession') as $key => $profession)
                                    <option value="{{ $key }}"> {{ $profession }} </option>
                                @endforeach
                            </select>

                        </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 align-center-y">

                            <label class="col-3 mb-15">تصنيف القضية الاساسى</label>
                            <select
                                class="col-9 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 ($categories as $key => $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 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="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>

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

                            <label class="col-3 mb-15">تاريخ التوقيف</label>
                            <div class="pos-rel col-9">
                                <input
                                    type="text"
                                    id="arrest_date_hijri"
                                    placeholder=""
                                    class="req date-hijri"
                                    name="arrest_date_hijri"
                                    value=""
                                >
                            </div>

                            <div class="widget-block mb-30 white-bg radius-g pdb-20 container-rep repeater">

                                <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" dir="ltr" data-repeater-item>
                                        <div class="row" style="margin-top: 10px" dir="ltr">

                                            @for ($i = 0; $i <= 8; $i++)
                                                <input
                                                    value=""
                                                    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
                                            <button style="" type="button"
                                                class="btn transparent danger-color display-block square fas fa-times tiny"
                                                data-repeater-delete></button>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <label class="col-3 mb-15">وصف القضيه</label>
                            <textarea name="issue_description" placeholder="اكتب وصف القضيه" class="col-9"></textarea>

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

            <div class="col-12">

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

                    <h3 class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        <span> معلومات الحكم </span>
                    </h3>

                    <div class="widget-content pdx-20 form-ui flexbox">
                        <div class="row">

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">مصدر الحكم</label>
                                <input type="text" class="col-9 req" name="judgement_source" value="">
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">رقم الحكم</label>
                                <input type="number" min="0" class="col-9 req" inputmode="numeric" name="judgement_number" value="">
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">تاريخ الحكم</label>
                                <div class="pos-rel col-9">
                                    <input type="text" id="judgement_date_hijri" class="date-hijri req" name="judgement_date_hijri" value="">
                                </div>
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">مجاهر بالمعصية</label>
                                <select class="col-9 req" name="is_transgression">
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم</option>
                                    <option value="0">لا</option>
                                </select>
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">تعلق الجرم بالأمن الوطني</label>
                                <select class="col-9 issue_informations" name="is_national_security" id="national_security" readonly>
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم</option>
                                    <option value="0">لا</option>
                                </select>
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">يوجد مرافقين بالقـضية</label>
                                <select class="col-9" name="is_companion">
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم</option>
                                    <option value="0">لا</option>
                                </select>
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">مقدار الغرامة المالية</label>
                                <input type="number" min="0" class="col-9 calc_financial" name="fine_amount" value="">
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">مقدار الغرامة الجمركية</label>
                                <input type="number" min="0" class="col-9" name="customs_fine_amount" value="">
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">مقدار التعويض المالى لجبر الضرر</label>
                                <input type="number" min="0" class="col-9" name="compensation_amount" value="">
                            </div>

                            <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 sajin_judgment_year_calc" placeholder="سنوات"
                                    name="duration_years[0]" value="">
                                <input type="number" class="col-3 monthcalc sajin_judgment_month_calc"
                                    placeholder="شهور" name="duration_months[0]"
                                    value="">
                                <input type="number" class="col-3 daycalc sajin_judgment_day_calc" placeholder="ايام"
                                    name="duration_days[0]" value="">
                                <input type="text" class="col-3" style="display: none;" placeholder=""
                                    name="duration_type[0]" value="duration_public_prison">
                            </div>

                            <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" placeholder="سنوات" name="duration_years[1]"
                                    value="">
                                <input type="number" class="col-3 monthcalc" placeholder="شهور"
                                    name="duration_months[1]" value="">
                                <input type="number" class="col-3 daycalc" placeholder="ايام"
                                    name="duration_days[1]" value="">
                                <input type="text" class="col-3" style="display: none;" placeholder=""
                                    name="duration_type[1]" value="imprisonment_public_rights">
                            </div>

                            <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" placeholder="سنوات" name="duration_years[2]"
                                    value="">
                                <input type="number" class="col-3 monthcalc" placeholder="شهور" name="duration_months[2]"
                                    value="">
                                <input type="number" class="col-3 daycalc" placeholder="ايام" name="duration_days[2]"
                                    value="">
                                <input type="text" class="col-3" style="display: none;" placeholder=""
                                    name="duration_type[2]" value="duration_sentence_limited">

                            </div>

                            <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" placeholder="سنوات" name="duration_years[3]"
                                    value="">
                                <input type="number" class="col-3 monthcalc" placeholder="شهور" name="duration_months[3]"
                                    value="">
                                <input type="number" class="col-3 daycalc" placeholder="ايام" name="duration_days[3]"
                                    value="">
                                <input type="text" class="col-3" style="display: none;" placeholder=""
                                    name="duration_type[3]" value="duration_private_rights">

                            </div>

                            <div class="col col-md-5 ms-10 me-10 mt-10 flexbox align-center-y" id="deportation">
                                <label class="col-3 mb-15">استحقاق الجرم لعقوبة الابعاد</label>
                                <select class="col-9 issue_informations" name="is_deportation">
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم</option>
                                    <option value="0">لا</option>
                                </select>
                            </div>

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

                                <div class="flexbox align-center-y ms-10 me-10 mt-10">
                                    <div class="col-7">
                                        <label>هل النزيل عسكري واستخدم الصفه الرسميه مما سهل له ارتكاب الجريمه</label>
                                    </div>

                                    <div class="col-5 flex justify-end gap-3 items-center">
                                        <label class="flex gap-2 checkbox items-center col-4">
                                            <input type="radio" name="is_related_profession" value="1" class="" style="width:20px">
                                            <span>نعم</span>
                                        </label>
                                        <label class="flex gap-2 checkbox items-center col-4">
                                            <input type="radio" class="" name="is_related_profession" value="0" style="width:20px">
                                            <span>لا</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>

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

                    <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">عدد جلدات الحد الشرعي</h3>
                    <div class="widget-content pdx-20">

                        <label class="checkbox col-12 fs-13 pds-15">
                            <input type="checkbox" name="floogging_80" class="check-toggle-both check-toggle-any get_prisoner" value="0">
                            <span> 80 جلدة</span>
                        </label>
                        <label class="checkbox fs-13 pds-15">
                            <input type="checkbox" name="floogging_100" class="check-toggle-both get_prisoner check-toggle-any" value="0">
                            <span> 100 جلدة</span>
                        </label>

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

            <div class="col-12 col-md-6">
                <div class="widget-block punishment-container mb-30 white-bg radius-g pdb-20 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_alternative_punishment" value="0">
                            <span>محكوم بعقوبة بديلة</span>
                        </label>
                    </h3>
                    <div class="widget-content pdx-20" id="alternative_punishment">

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">وصف العقوبة</label>
                                <textarea placeholder="" class="col-9" name="alternative_punishment_description"></textarea>
                            </div>
                        </div>

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">مدة العقوبة</label>
                                <input
                                    type="number"
                                    class="col-3"
                                    placeholder="سنوات"
                                    name="duration_years[4]"
                                    value=""
                                >
                                <input
                                    type="number"
                                    class="col-3 monthcalc"
                                    placeholder="شهور"
                                    name="duration_months[4]"
                                    value=""
                                >
                                <input
                                    type="number"
                                    class="col-3 daycalc"
                                    placeholder="ايام"
                                    name="duration_days[4]"
                                    value=""
                                >
                                <input
                                    type="text"
                                    class="col-3"
                                    style="display: none;"
                                    placeholder=""
                                    name="duration_type[4]"
                                    value="alternative_punishment"
                                >

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


            <div class="col-12">
                <div class="widget-block  punishment-container mb-30 white-bg radius-g pdb-20 form-ui gray-form ">

                    <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">القضايا المتداخلة مع الجريمة</h3>

                    <div class="widget-content pdx-20 form-ui divider-b">

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

                            <label class="fs-13 pds-15 col-9 mx-auto" id="checkboxContainer"></label>

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

            <!-- أضافة قضايا متداخلة مع الجريمة -->
            @include('issues.judgements.related-issue')


            <div class="col-12">
                <div class="row">
                    <div class="col col-md-4">
                        <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                            <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                                مجموع مدد عقوبة السجن النافذ للحق العام بالقضية والقضايا المتداخلة
                            </h3>
                            <div class="widget-content pdx-20 form-ui flexbox">
                                <div class="row">
                                    <div class="col col-md-6 ms-10 me-10 flexbox align-center-y" id="">
                                        {{-- <label class="col-2 mb-15 me-40">مدة العقوبة</label> --}}

                                        <input disabled type="number" id="sajin_judgment_year" class="col-3 me-5"
                                        placeholder="سنوات" value="">

                                        <input disabled type="number" id="sajin_judgment_month" class="col-3 me-5 "
                                            placeholder="شهور" value="">

                                        <input disabled type="number" id="sajin_judgment_day" class="col-3 " placeholder="ايام"
                                            value="">

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

                    </div>


                    <div class="col col-md-4">
                        <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                            <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                                مجموع الغرامات المالية للقضية والقضايا المتداخلة
                            </h3>
                            <div class="widget-content pdx-20 form-ui ">
                                <div class="row">
                                    <div class="col-12 ms-10 me-10 flexbox align-center-y">

                                        {{-- <label class="col-3 mb-15"></label> --}}
                                        <input type="number" min="0" class="col-9 financial_value_total" placeholder=""
                                            name="financial_value_total" value="" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

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

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

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">

                                @foreach(config('static.record_restriction_issues') as $key=>$value)
                                    <div class="col col-md-4 pdx-15">
                                        <label class="checkbox fs-13">
                                            <input type="radio" name="issue_type" value="{{$key}}">
                                            <span>{{$value}}</span>
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        <div id="part_issue">
                            <label for="recommendation_type">التوصية</label>
                            <select name="recommendation_type" id="recommendation_type">
                                <option value="">اختر</option>
                                @foreach(config('static.recommendation') as $key=>$value)
                                    <option value="{{$key}}">{{$value}}</option>
                                @endforeach
                            </select>

                            <label for="letter_source">جهة إصدار الخطاب</label>
                            <input
                                class=""
                                type="text"
                                placeholder="جهة إصدار الخطاب"
                                name="letter_source"
                                value=""
                            >

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

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

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

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

                    <h3 class="far widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">خاص بالادلة الجنائية</h3>
                    <div class="widget-content pdx-20">

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">

                                <label class="col-3 mb-15">اسم السجن</label>
                                <div class="form-group col-9">
                                    <select class="col-12" name="prison_id" id="prisons" data-url="{{ url('prisoners/loadSection/') }}">
                                        <option value="">-- اختيار السجن --</option>
                                        @foreach ($prisons as $prison)
                                            <option value="{{ $prison->id }}">{{ $prison->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">

                                <label class="col-3 mb-15">تاريخ إطلاق السراح</label>
                                <div class="col-9 pos-rel">
                                    <input
                                        type="text"
                                        name="release_date_hijri"
                                        id="release_date_hijri"
                                        class="date-hijri"
                                        placeholder=""
                                        value=""
                                    >
                                </div>
                            </div>
                        </div>

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">

                                <label class="col-3 mb-15">رقم الملف</label>
                                <input
                                    type="number"
                                    name="file_number"
                                    class="col-9 req"
                                    placeholder=" "
                                    value=""
                                >
                            </div>
                        </div>

                        <div class="col-12 pds-15 ">
                            <div class="ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">ملاحظات</label>
                                <textarea placeholder="" class="col-9" name="notes"></textarea>
                            </div>
                        </div>

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


            <!-- Modal -->
            <div id="myModal2" class="fixed inset-0 z-50 hidden overflow-hidden bg-black bg-opacity-50">
                <div class="flex items-center justify-center min-h-screen">
                    <div class="bg-white w-full md:w-2/3 lg:w-1/2 xl:w-1/3 p-8 rounded-lg shadow-lg relative">

                        <button id="closeModalBtn"
                            class="absolute top-0 right-0 p-4 text-white hover:text-red-700 focus:outline-none">&times;
                        </button>

                        <div class="mb-6">
                            <div class="row mx-auto divider-b mb-15">
                                <div class="widget-content pdx-20 form-ui flexbox">

                                    <div class="mt-5" class="related_cases">
                                        <div class="me-5 flexbox ms-5 align-center-y ">

                                            <div class="col-12" id="continer_related">
                                                <div class="ms-10 me-10 flexbox align-center-y col-12">
                                                    <div class="col-12 flexbox align-center-y">
                                                        <label class="col-3 mb-15"> مدة عقوبة السجن النافذ للحق العام </label>
                                                        <input type="number" class="col-3" min="0"
                                                            placeholder="سنوات" name="imprisonment_period_years2" value="0">
                                                        <input type="number" class="col-3 monthcalc" min="0"
                                                            placeholder="شهور" name="imprisonment_period_months2" value="0">
                                                        <input type="number" class="col-3 daycalc" min="0"
                                                            placeholder="ايام" name="imprisonment_period_days2" value="0">
                                                    </div>

                                                    <label class="col-3 mb-15">مقدار الغرامة المالية</label>
                                                    <input type='number' class="col-9" placeholder="" min="0"
                                                        name="overlapping_fine_amount2" value="0">
                                                    <div class="col-4">
                                                        <label class="checkbox fs-13 pds-15">
                                                            <input type="checkbox" class="" name="is_sharia_limit2" value="1">
                                                            <span> يوجد حد شرعى </span>
                                                        </label>
                                                    </div>
                                                    <div class="col-4">
                                                        <label class="checkbox fs-13 pds-15">
                                                            <input type="checkbox" class="" name="is_special_right2" value="1">
                                                            <span> يوجد حق خاص </span>
                                                        </label>
                                                    </div>
                                                    <div class="col-4">
                                                        <label class="checkbox fs-13 pds-15">
                                                            <input type="checkbox" class="" name="is_financial_dues2" value="1">
                                                            <span> يوجد أستحقاقات مالية </span>
                                                        </label>
                                                    </div>
                                                </div>

                                                <input type="hidden" name="all_values[]" value="" id="judgementOnOtherIssues">

                                            </div>

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

                        <!-- Modal Footer -->
                        <div class="flex justify-end mt-6">
                            <button type="button" class="btn secondary" data-dismiss="modal" style="margin-left: 10px"
                                onclick="cancelModal()" id="btn_modal_remove">تراجع</button>
                            <button type="button" class="btn primary " id="btn_modal_save" onclick="saveModal()">حفظ التغيرات</button>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col col-lg-6 ms-10 me-10 flexbox align-center-y">
                <input type="submit" value="حفظ البيانات" class="btn col-6 primary">
            </div>

        </div>
    </form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/repate-inputs_old.js') }}" defer></script>
    <script src="{{ asset('assets/js/pages/prisoner.js') }}" defer></script>
    <script src="{{ asset('assets/js/ajax_issues.js') }}" defer></script>
    <script src="{{ asset('assets/js/pages/judgement_related_issues.js') }}" defer></script>
    <script src="{{ asset('assets/js/pages/external_issue.js') }}" defer></script>
@endsection