@extends('layouts.app')

@section('content')

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

        @csrf

        @method('PUT')
        <!-- 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 :$prisoner />

            <!-- Widget Group -->
            <x-issue-info :$issue 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 {{ $judgement->other_judgements->isNotEmpty() ? 'hidden' : ''}}"
                            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 {{ $judgement->other_judgements->isNotEmpty() ? '' : '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="{{ old('judgement_source' , $judgement->judgement_source) }}">
                            </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="{{ $judgement->judgement_number }}">
                            </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="{{ $judgement->judgement_date_hijri }}">
                                </div>
                            </div>

                            @if ( $judgement->other_judgements->isNotEmpty() )
                                <div class="repeater col-12" 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>

                                        @foreach ($judgement->other_judgements as $other_judgement)

                                            <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="{{ $other_judgement->judgement_source }}">
                                                    </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="{{ $other_judgement->judgement_number }}">
                                                    </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="{{ $other_judgement->judgement_date_hijri }}">
                                                        </div>
                                                    </div>
                                                </div>

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

                                            </div>

                                        @endforeach
                                    </div>

                                </div>
                            @else
                                <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>
                            @endif

                            <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="{{ optional( $judgement->main_judgement_letter )->letter_source }}"
                                >
                            </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="{{ optional( $judgement->main_judgement_letter )->letter_number }}"
                                >
                            </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="{{ optional( $judgement->main_judgement_letter )->letter_date_hijri }}"
                                    >
                                </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="@if ($judgement->is_big_issue == 1) {{ 'كبيرة' }} @else  {{ 'صغيرة' }} @endif">

                            </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" @selected($judgement->is_national_security == 1)> نعم </option>
                                    <option value="0" @selected($judgement->is_national_security == 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" @selected($judgement->is_deportation == 1)>نعم</option>
                                    <option value="0" @selected($judgement->is_deportation == 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" @selected( $judgement->is_transgression == 1)>نعم</option>
                                    <option value="0" @selected( $judgement->is_transgression == 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="{{ $judgement->fine_amount }}">
                            </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="{{ optional( $judgement->duration_public_prison )->duration_years  }}"
                                >

                                <input type="number" class="col-3 monthcalc sajin_judgment_month_calc"
                                    placeholder="شهور" name="duration_months[0]"
                                    value="{{ optional( $judgement->duration_public_prison )->duration_months }}"
                                >

                                <input type="number" class="col-3 daycalc sajin_judgment_day_calc" placeholder="ايام"
                                    name="duration_days[0]"
                                    value="{{ optional( $judgement->duration_public_prison )->duration_days }}"
                                >

                                <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="{{ optional( $judgement->imprisonment_public_rights )->duration_years }}"
                                >

                                <input type="number" class="col-3 monthcalc" placeholder="شهور"
                                    name="duration_months[1]"
                                    value="{{ optional( $judgement->imprisonment_public_rights )->duration_months }}"
                                >

                                <input type="number" class="col-3 daycalc" placeholder="ايام"
                                    name="duration_days[1]"
                                    value="{{ optional( $judgement->imprisonment_public_rights )->duration_days }}"
                                >

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

                            <div class="col-md-6 {{ ($prisoner['profession'] == 'profession') ? '' : '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" @checked($judgement->is_related_profession)>
                                            <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" @checked($judgement->is_related_profession)>
                                            <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" @checked($judgement->is_death_judgment)>
                                            <span>نعم</span>
                                        </label>
                                        <label class="flex gap-2 checkbox items-center col-4">
                                            <input type="radio" name="is_death_judgment" value="0" @checked($judgement->is_death_judgment)>
                                            <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">
                                {{ $judgement->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="{{ optional( $judgement->duration_sentence_limited )->duration_years }}"
                                >

                                <input type="number" class="col-3 monthcalc" placeholder="شهور" name="duration_months[2]"
                                    value="{{ optional( $judgement->duration_sentence_limited )->duration_months  }}"
                                >

                                <input type="number" class="col-3 daycalc" placeholder="ايام" name="duration_days[2]"
                                    value="{{ optional( $judgement->duration_sentence_limited )->duration_days }}"
                                >
                                <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="{{ optional($judgement->judgement_fine)->financial_compensation }}">

                                <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="{{ optional($judgement->judgement_fine)->first_name }}">
                                    </div>

                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="second_name" id="second_name" placeholder="الاسم الثاني"
                                        value="{{ optional($judgement->judgement_fine)->second_name }}">
                                    </div>

                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="third_name" id="third_name" placeholder="الاسم الثالث"
                                        value="{{ optional($judgement->judgement_fine)->third_name }}">
                                    </div>

                                    <div class="col-3">
                                        <input  type="text" class="input_validation" name="fourth_name" id="fourth_name" placeholder="الاسم الرابع"
                                        value="{{ optional($judgement->judgement_fine)->fourth_name }}">
                                    </div>

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

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

            </div>

            {{-- other-punishments  --}}
            <div class="col-6  mb-30">
                <!-- Details Widget -->
                @include('issues.judgements.edit_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>

                    @if ( $judgement->judgement_punishment_supplementaries->isNotEmpty())
                        <div data-repeater-list="complementary">
                            @foreach ($judgement->judgement_punishment_supplementaries as $punshiment_supplementary)
                                <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 }}" @selected($punshiment_supplementary->supplementary_punishment_type == $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]" value="{{ $punshiment_supplementary->supplementary_punishment_duration_years }}">
                                            <input type="number" class="col-3 monthcalc" placeholder="شهور"
                                                name="complementary[supplementary_punishment_duration_months]" value="{{ $punshiment_supplementary->supplementary_punishment_duration_months }}">
                                            <input type="number" class="col-3 daycalc" placeholder="ايام"
                                                name="complementary[supplementary_punishment_duration_days]" value="{{ $punshiment_supplementary->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">{{ $punshiment_supplementary->supplementary_punishment_description }}</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>
                            @endforeach
                        </div>
                    @else
                        <div data-repeater-list="complementary">
                            <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]"
                                            class="col-6 addSearch">
                                            <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>
                        </div>
                    @endif
                </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"
                                @if ($judgement->is_private_crime == 1)  checked @endif
                                value="{{ $judgement->is_private_crime ?? 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"
                                            @if ($judgement->is_private_crime == 1)  checked @endif
                                            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"
                                            @if ($judgement->is_private_crime == 0)  checked @endif
                                            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">

                            @if (!empty($conditions))
                                @include('issues.judgements.conditions_big_case')
                            @endif

                            @if (!empty($judgement->judgement_question_classifications_number))

                                @foreach ( $judgement->judgement_question_classifications_number as $classification)

                                    <div class="col-6 flex justify-between gap-3 items-center">
                                        <label for="number_conditions">{{ $classification->name_label }}</label>
                                        <input type="number" name="number_conditions[{{ $classification->key }}][value]" min="0" value="{{ $classification->value }}">
                                        <input type="hidden" name="number_conditions[{{ $classification->key }}][key]" value="{{ $classification->key }}">
                                        <input type="hidden" name="number_conditions[{{ $classification->key }}][name_label]" value="{{ $classification->name_label }}">
                                        <input type="hidden" name="number_conditions[{{ $classification->key }}][condition_type]" value="{{ $classification->condition_type }}">
                                    </div>

                                @endforeach
                            @endif

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

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

                                        @if($subRelatedCategories)

                                            @foreach ($subRelatedCategories as $key => $sub_related_categories)

                                                {{-- <label class="checkbox col-12 fs-13 pds-15" onclick="openEditModal({{$key}})">
                                                    <input data-sub_id="{{ $sub_related_categories['related_sub_category_id'] }}" data-id="{{ $sub_related_categories['related_category_id'] }}"
                                                        type="checkbox" tabindex="{{ $key }}" name="sub_related_categories_{{ $key }}" id="check_{{ $key }}"
                                                        @if (in_array( $sub_related_categories['related_category_id'] , $judgement->judgement_entered_issues->pluck('entered_main_category_id')->toArray() )  )
                                                            checked
                                                        @endif
                                                        class="sub_related_category_checkbox" value="0">
                                                    <span class="sub_related_category_with_data"  tabindex="{{ $key }}">هل تضمن الحكم تداخل القضية مع   {{  $sub_related_categories['related_category_name']}} || {{ $sub_related_categories['related_sub_category_name'] }}</span>
                                                </label> --}}

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

                                                    <div class="col-7">
                                                        {{-- <label
                                                            for="choice"
                                                            onclick="openEditModal({{$key}})"
                                                        > --}}
                                                        <label for="choice">
                                                            هل تضمن الحكم تداخل القضية مع أحد التصنيفات   {{  $sub_related_categories['related_category_name']}} || {{ $sub_related_categories['related_sub_category_name'] }}
                                                        </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 sub_related_category_yesCheckbox"
                                                                type="radio"
                                                                data-sub_id="{{ $sub_related_categories['related_sub_category_id'] }}"
                                                                data-id="{{ $sub_related_categories['related_category_id'] }}"
                                                                tabindex="{{ $key }}"
                                                                name="sub_related_categories_{{ $key }}"
                                                                id="yesCheck_{{ $key }}"
                                                                style="width:20px"
                                                                @if (in_array( $sub_related_categories['related_category_id'] , $judgement->judgement_entered_issues->pluck('entered_main_category_id')->toArray() )  )
                                                                    checked
                                                                @endif
                                                                value="1"
                                                            >
                                                            <span aria-hidden="true">نعم</span>
                                                        </label>
                                                        <label class="flex gap-2 checkbox items-center col-4">
                                                            <input
                                                                class="mb-0 sub_related_category_noCheckbox"
                                                                type="radio"
                                                                data-sub_id="{{ $sub_related_categories['related_sub_category_id'] }}"
                                                                data-id="{{ $sub_related_categories['related_category_id'] }}"
                                                                tabindex="{{ $key }}"
                                                                name="sub_related_categories_{{ $key }}"
                                                                id="noCheck_{{ $key }}"
                                                                style="width:20px"
                                                                value="0"
                                                            >
                                                            <span aria-hidden="true">لا</span>
                                                        </label>
                                                    </div>

                                                </div>

                                            @endforeach

                                        @endif

                                    </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-5 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="@isset($enteredIssues){{ $enteredIssues }}@endisset" 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