@extends('layouts.app')

@section('content')

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

        @csrf


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

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

            <!-- Column Prisoner Information -->
            <x-prisoner-info />

            <!-- Widget Group -->
            <x-issue-info  page="is_judgement" />


            <div class="col-12">
                <!-- Details Widget -->
                <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>
                        <button
                            type="button"
                            class="btn primary display-block square fas fa-plus tiny"
                            style="margin:0px 0px 10px 0px"
                            id="btn_add_other_judgements"
                            onclick="displayRepeater()"
                        ></button>

                        <button
                            type="button"
                            class="btn danger display-block square fas fa-minus tiny hidden"
                            style="margin:0px 0px 10px 0px"
                            id="btn_remove_other_judgements"
                            onclick="hideRepeater()"
                        ></button>
                    </h3>

                    <!-- Content -->
                    <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" style="display: none;">
                                <label class="col-3 mb-15">تاريخ الايقاف</label>
                                <div class="pos-rel col-9">
                                    <input type="text" id="stpped_date" class="req date-hijri-open" placeholder=""
                                        name="stpped_date" value="">
                                </div>

                            </div>

                            <!-- Form Control -->
                            <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" placeholder="" name="judgement_source"
                                    value="">
                            </div>

                            <!-- Form Control -->
                            <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" placeholder="" inputmode="numeric" name="judgement_number"
                                    value="">
                            </div>

                            <!-- Form Control -->
                            <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" placeholder=""
                                        name="judgement_date_hijri" value="">
                                </div>
                            </div>

                            <div class="repeater col-12 hidden" id="repeater_other_judgements">
                                <div data-repeater-list="other_judgements"
                                    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 -->
                                        <div class="flexbox col col-md-4 me-5 ms-5 align-center-y repeater_nu">

                                            <!-- Form Control -->
                                            <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" placeholder="" name="judgement_source"
                                                    value="">
                                            </div>

                                            <!-- Form Control -->
                                            <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" placeholder="" name="judgement_number"
                                                    value="">
                                            </div>

                                            <!-- Form Control -->
                                            <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="judgment_date" class="date-hijri req" placeholder=""
                                                        name="judgement_date_hijri" value="">
                                                </div>
                                            </div>
                                        </div>

                                        <button
                                            class="btn tiny square far fa-times danger-color transparent"
                                            type="button"
                                            data-repeater-delete
                                            onclick="return false"
                                        >
                                        </button>

                                    </div>


                                </div>
                            </div>

                            <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" placeholder="" name="letter_source[0]"
                                    value="">
                            </div>

                            <!-- Form Control -->
                            <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" placeholder="" name="letter_number[0]"
                                    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="letter_date_hijri" class="req date-hijri" placeholder=""
                                        name="letter_date_hijri[0]" value="">
                                </div>
                            </div>

                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y hidden">
                                <label class="col-3 mb-15">نوع الخطاب</label>
                                <div class="pos-rel col-9">
                                    <input type="text" id="letter_type" class="req" placeholder=""
                                        name="letter_type[0]" value="judgement_letter">
                                </div>
                            </div>

                            <!-- Form Control -->
                            <div class="col col-md-3 ms-10 me-10 flexbox align-center-y">
                                <label class="col-3 mb-15">تصنيف الجريمة</label>
                                <input type="text" readonly class="col-9 req issue_informations" placeholder="" name="crime_category"
                                    id="crime_category" value="">

                            </div>
                            <!-- Form Control -->
                            <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"
                                    disabled>
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم</option>
                                    <option value="0">لا</option>
                                </select>
                            </div>
                            <!-- Form Control -->
                            <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_deportation" id="deportation"
                                    disabled>
                                    <option value="">-- اختيار --</option>
                                    <option value="1">نعم</option>
                                    <option value="0">لا</option>
                                </select>
                            </div>
                            <!-- Form Control -->
                            <div class="col col-md-5 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>

                            {{-- form Control empty --}}
                            <div class="col col-md-5 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" placeholder=""
                                    name="fine_amount" value="">
                            </div>

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

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


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


                            <!-- Form Control -->
                            <div class="col col-md-5 ms-10 me-10 flexbox align-center-y" style="display: none;">
                                <label class="col-3 mb-15">تاريخ التنفيذ</label>
                                <div class="pos-rel col-9">
                                    <input type="text" id="punish_date" class="date-hijri-open req" placeholder=""
                                        disabled name="punish_date"
                                        value="">
                                </div>
                            </div>

                            <!-- Form Control -->

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

                                <div class="flexbox align-center-y ms-10 me-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>
                            <!-- Form Control -->
                            <div class="col-md-6 hidden" id="is_death_judgment">
                                <div class="flexbox align-center-y ms-10 me-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_death_judgment" value="1">
                                            <span>نعم</span>
                                        </label>
                                        <label class="flex gap-2 checkbox items-center col-4">
                                            <input type="radio" name="is_death_judgment" value="0">
                                            <span>لا</span>
                                        </label>
                                    </div>
                                </div>

                            </div>

                            <!-- Form Control -->
                            <label class="col-12 mb-10 align-self-start me-10 ms-10">ملاحظة الحكم</label>
                            <textarea placeholder="" class="col-12 small me-10 ms-10" name="judgement_note"></textarea>
                            <!-- Form Control -->

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

            <div class="col-6">
                <!-- 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 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" 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>
                            <!-- Form Control -->
                        </div>
                    </div>
                    <!-- // Content -->
                </div>

                <!-- // Details Widget -->
            </div>
            <div class="col-6">
                <!-- 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 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" min="0" class="col-9" placeholder=""
                                    name="financial_compensation" value="">

                                <label class="col-3 mb-15">اسم المستفيد</label>
                                <div class="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>
                            </div>
                            <!-- Form Control -->

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

            </div>

            {{-- NEW --}}
            <div class="col-6  mb-30">
                <!-- Details Widget -->
                @include('issues.judgements.other-punishment')

            </div>

            <div class="col-6">

                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                    <!-- Widget Main Title -->
                    <h3
                        class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        <span>العقوبة التكميلية</span>
                        <button type="button" class="btn primary display-block square fas fa-plus tiny"
                            data-repeater-create></button>
                    </h3>
                    <div data-repeater-list="complementary">

                            <!-- Layout Wrapper -->
                            <div class="row mx-auto divider-b mb-15" data-repeater-item>
                                <div class="widget-content pdx-20 form-ui flexbox">

                                    <!-- Form Control -->
                                    <div class="col col-md-12 ms-10 me-10 flexbox align-center-y">
                                        <label class="col-3 mb-15"> نوع العقوبة التكميلية </label>
                                        <select name="complementary[supplementary_punishment_type]" id="complementary_punishment"
                                            class="col-6">
                                            <option value="">اختر</option>
                                            @foreach (config('static.complementary_punishment') as $key => $complementary_punishment2)
                                                <option value="{{ $key }}">{{ $complementary_punishment2 }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <!-- Form Control -->

                                    <!-- Form Control -->
                                    <div class="col col-md-12 ms-10 me-10 flexbox align-center-y">
                                        <label class="col-3 mb-15">مدة العقوبة التكميلية </label>
                                        <input type="number" class="col-3" placeholder="سنوات"
                                            name="complementary[supplementary_punishment_duration_years]">
                                        <input type="number" class="col-3 monthcalc" placeholder="شهور"
                                            name="complementary[supplementary_punishment_duration_months]">
                                        <input type="number" class="col-3 daycalc" placeholder="ايام"
                                            name="complementary[supplementary_punishment_duration_days]">
                                    </div>
                                    <!-- Form Control -->

                                    <!-- Form Control -->
                                    <div class="col col-md-12 ms-10 me-10  align-center-y">
                                        <label class="col-3 mb-15"> تفاصيل العقوبة التكميلية </label>
                                        <textarea name="complementary[supplementary_punishment_description]" id="complementary_details" class="" cols="30" rows="10"></textarea>
                                    </div>
                                    <!-- Form Control -->

                                </div>
                                <!-- Delete Button -->
                                <button class="btn transparent danger-color display-block square fas fa-times tiny"
                                    data-repeater-delete></button>
                            </div>
                            <!-- Layout Wrapper -->
                    </div>
                    <!-- // Group Wrapper -->
                </div>
                <!-- // Widget Block -->
            </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 fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        القضية من الجرائم الواجب فيها حق خاص
                    </h3>
                    <div class="widget-content container-fluid">

                        <label class="checkbox col-12 fs-13 pds-15">
                            <input
                                type="checkbox"
                                name="is_private_crime"
                                id="check_is_private_crime"
                                value="0"
                            >
                            <span>هل القضية من الجرائم الواجب فيها حق خاص </span>
                        </label>

                        {{-- <div class="m-5">
                            <div class="flex border border-1 px-4 py-1 mb-4 col-12">

                                <div class="col-7">
                                    <label for="choice">القضية من الجرائم الواجب فيها حق خاص</label>
                                </div>

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

                            </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 ">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        مدخلات
                    </h3>
                    <div class="widget-content container-fluid">

                        <div class="m-5 row" id="container_conditions_big_case">

                        </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 ">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary"> القضايا
                        المتداخلة مع الجريمة
                    </h3>
                    <div class="widget-content ">
                        <div class="m-5" data-url="{{ url('api/GetRelatedCases') }}" id="related_cases_container">
                            @if (!empty($judgment->judgment_id))
                                @php
                                    $related_cases = $related_jugment;
                                @endphp

                                {{-- @include('Modules.judgment.related-cases') --}}
                            @endif

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

            <!-- Details Widget -->

            <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">
                            <!-- 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 flexbox">
                                <div class="row">
                                    <!-- Form Control -->
                                    <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>
                                    <!-- Form Control -->
                                </div>
                            </div>
                            <!-- // Content -->
                        </div>

                    </div>


                    <div class="col col-md-4">
                        <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 ">
                                <div class="row">
                                    <!-- Form Control -->
                                    <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>
                                    <!-- Form Control -->
                                </div>
                            </div>
                            <!-- // Content -->
                        </div>
                    </div>


                </div>
            </div>



            <!-- Modal -->
            {{-- <button id="openModalBtn2" class="bg-blue-500 text-white px-4 py-2" onclick="">Open Modal</button> --}}

            <!-- 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">
                        <!-- Modal Close Button with Danger Style -->
                        <button id="closeModalBtn"
                            class="absolute top-0 right-0 p-4 text-white hover:text-red-700 focus:outline-none">&times;
                        </button>

                        <!-- Input Fields and Select Dropdowns -->
                        <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>


            <!-- Form Control -->
            <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/ajax_judgement.js') }}"></script>
    <script src="{{ asset('assets/js/pages/judgment.js') }}"></script>
    <script src="{{ asset('assets/js/pages/judgement_related_issues.js') }}"></script>
    <script src="{{ asset('assets/js/pages/judgement_floogging.js') }}"></script>
    <script src="{{ asset('assets/js/ajax_issues.js') }}"></script>
@endsection