@extends('layouts.app')
<!-- jquery steps -->
<link href="{{ asset('assets/plugins/jquery-steps/jquery.steps.css') }}" rel="stylesheet" />

@section('content')


    <form action="" class="col col-lg-9 pd-30" id="submitFormRoyalPardon" method="POST">
        @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>

        </div>


        <!-- // Page Title -->
        <div class="form-steps mb-20" >
            <h3 class="title">مناسبة العفو</h3>
            <section data-url="" >
                <div class="row gpx-10 ms-10 me-10 mb-15">
                    <!-- Layout Column -->
                    <div class="col-12 col-lg-6">
                        <label for="">مناسبة العفو</label>
                        <!-- Control Input -->
                        <select id="occasion" name="" data-url="" class="advanced-select input_step" dir="rtl">
                            <option data-number="" data-date="" value="">اختر</option>
                                <option data-number="" data-before="" data-date="" value=""> ----</option>
                        </select>
                    </div>
                    <div class="col-12 col-lg-12">
                        <ol class="info-list reset-list fs-13 lineheight-160 mb-30">
                            <li class="pdb-10"><span class="gray-color inline-block">رقم العفو </span> : <span id="occasion_number">  </span></li>
                            <li class="pdb-10"><span class="gray-color inline-block">تاريخ العفو </span> : <span id="occasion_date">  </span></li>
                            <li class="pdb-10"><span class="gray-color inline-block"> يطبق على القضايا التى وقعت قبل تاريخ</span> : <span id="occasion_before_date">  </span></li>
                        </ol>
                    </div>
                </div>

            </section>

            {{-- <h3 class="title">الشروط العامة </h3> --}}
            <div style="display: none">

                <!-- section expected prisoner Number -->
                <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-10">
                    <h1 class=" primary-color lineheight-110 fs-20">عدد النزلاء المحتملين
                        <span class="prisoner_count pdx-15"></span>
                    </h1>
                </div>

                <div class="row gpx-10 ms-10 me-10 mb-15">
                    <div class="col-6">
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"   name="deprivation_with_sam_order" class=" input_step first_Step" value="0">
                                <span>ألا يكون محروم من العفو بأمر سام</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0"  name="escape_after_criminal" class="input_step first_Step">
                                <span>ألا يكون هارب بعد ارتكاب الجرم</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0"  name="escape_after_judgment" class="input_step first_Step">
                                <span>ألا يكون متهرب بعد صدور الحكم</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0"  name="openly_guilt" class="input_step first_Step">
                                <span>ألا يكون مجاهر بالمعصية</span>
                            </label>
                        </div>

                        <!-- Layout Column -->
                        <div class="col-12 col-lg-12">
                            <div class="col">
                                <label class="checkbox fs-13">
                                    <input type="checkbox"  value="0"  name="benefit_amnesty" class="input_step first_Step">
                                    <span>ألا يكون استفاد من أي عفو من تاريخ</span>
                                </label>
                            </div>
                            <div class="col-lg-12">
                                <div class="row">
                                    <div class="col-6">
                                        <label class="mb-5">من</label>
                                        <div class="pos-rel">
                                            <input type='text' name="benefit_amnesty_from" id="" class="input_step first_Step date-hijri" />
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <label class="mb-5">إلى</label>
                                        <div class="pos-rel">
                                            <input type='text' name="benefit_amnesty_to" id="" class="input_step first_Step date-hijri" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0" name="saudi_financial_fine" class="input_step first_Step">
                                <span>معاملة الغرامات المالية للنزلاء السعوديين المشمولين بالعفو وفق نظام إيرادات الدولة </span>
                            </label>
                        </div>
                    </div>
                    <div class="col-6">
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0" name="with_ministerial_order" class="input_step first_Step">
                                <span>ألا يكون محروم من العفو بقرار وزاري</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0" name="judgment_escape" class="input_step first_Step">
                                <span>ألا يكون متهرب أثناء فترة المحاكمة</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox"  value="0" name="prison_escape" class="input_step first_Step">
                                <span>ألا يكون هارب من السجن</span>
                            </label>
                        </div>

                        <!-- Layout Column -->
                        <div class="col-12 col-lg-12">

                            <div class="row">
                                <label class="checkbox fs-13 col-8">
                                    <input type="checkbox"  value="0" name="criminal_number_check" class="input_step first_Step">
                                    <span>عدد السوابق لا يتجاوز</span>
                                </label>
                                <input type="number" name="criminal_number" min="1" value="1" class="input_step first_Step col-4 mb-0" placeholder="رقم">
                            </div>

                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 col-lg-12">
                            <div class="">
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="not_exempt" class="input_step first_Step" value="0">
                                    <span>ألا يكون استثني من أي عفو</span>
                                </label>
                            </div>
                            <div class="col-lg-12">
                                <div class="row">
                                    <div class="col-6">
                                        <label class="mb-5">من</label>
                                        <div class="pos-rel">
                                            <input type='text' name="not_exempt_from" id="" class="input_step first_Step date-hijri" />
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <label class="mb-5">إلى</label>
                                        <div class="pos-rel">
                                            <input type='text' name="not_exempt_to" id="" class="input_step first_Step date-hijri" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 col-lg-12">
                            <div class="">
                                <label class="checkbox fs-13">
                                    <input type="checkbox" name="non_saudi_financial_fine" class="input_step first_Step" value="0">
                                    <span>إعفاء السجناء الوافدين المشمولين بالعفو من الغرامات المالية بما لا يزيد على مبلغ</span>
                                </label>
                            </div>
                            <div class="col-6">
                                <input type="number" name="non_saudi_financial_fine_number" min="0" value="0"  class="input_step first_Step" placeholder="ريال">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="divider-t pdt-10">
                    <label class="checkbox fs-13">
                        <input type="checkbox" name="checkall" data-id="steps-uid-0-h-1" class="checkall" value="0">
                        <span> تحديد الكل </span>
                    </label>
                </div>

            </div>

            {{-- <h3 class="title">الاستثناءات</h3> --}}
            <div style="display: none" >

                <!-- section expected prisoner Number -->
                <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-10">
                    <h1 class=" primary-color lineheight-110 fs-20">عدد النزلاء المحتملين
                        <span class="prisoner_count pdx-15"></span>
                    </h1>
                </div>

                <div class="row">
                    <div class="col-12 col-lg-6">
                        <!-- Controls Widget -->
                        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                            <!-- Title -->
                            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> الاستثناءات الخاصة بعقوبة السجن </h3>
                            <!-- Content -->
                            <div class="widget-content pdx-20">
                                <!-- Controls Group -->
                                <div class="row gpx-10 ms-10 me-10 divider-b mb-15">
                                    <div class="col-12 col-lg-12">
                                        <div class="row align-center-y">
                                            <div class="col-lg-12">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="duration_less" class="input_step first_Step" value="0">
                                                    <span>يعفي الجميع ممن تبقي من مدة محكوميتهم</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="mb-5">مدة محكوميتهم</label>
                                                <input type="number" class="input_step first_Step" name="duration_less_days" placeholder="يوم" value="0">

                                            </div>
                                            <div class="col-lg-6">
                                                <label class="mb-5">أو أقل في تاريخ</label>
                                                <div class="pos-rel" >
                                                    <input type='text' name="duration_less_date" class="input_step first_Step date-hijri" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-12">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name="exceptions_big_case" class="input_step first_Step" value="0">
                                            <span>يعفي أصحاب القضايا غير الكبيرة</span>
                                        </label>
                                    </div>
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <label for="">تستثني القضايا التالية</label>
                                        <select class="advanced-select input_step first_Step" name="prison_exceptions_case" multiple="multiple" dir="rtl">
                                            <option value="">اختر</option>
                                                <option value="">----</option>
                                        </select>
                                    </div>
                                </div>
                                <!-- // Controls Group -->
                            </div>
                            <!-- // Content -->
                        </div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <!-- Controls Widget -->
                        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                            <!-- Title -->
                            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> الاستثناءات الخاصة بعقوبة الغرامة المالية</h3>
                            <!-- Content -->
                            <div class="widget-content pdx-20">
                                <!-- Controls Group -->
                                <div class="row gpx-10 ms-10 me-10 divider-b mb-15">

                                    <div class="col-12 col-lg-12">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name="exeption_financial" class="input_step first_Step" value="0">
                                            <span>إعفاء أصحاب القضايا التالية المشمولين بالعفو من عقوبة السجن من الغرامات المالية</span>
                                        </label>
                                    </div>


                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <label for="">إعفاء أصحاب القضايا التالية</label>
                                        <select class="advanced-select  input_step first_Step" name="exeption_financial_case" multiple="multiple" dir="rtl">>
                                            <option value="">اختر</option>
                                                <option value="">----</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <h3 class="title">المتغيرات </h3>
            <section data-url="">

                <!-- section expected prisoner Number -->
                <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-10">
                    <h1 class=" primary-color lineheight-110 fs-20">عدد النزلاء المحتملين
                        <span class="prisoner_count pdx-15"></span>
                    </h1>
                </div>


                <div class="row">
                    <div class="col-12 col-lg-12">
                        <div class="pdy-20 alert warning   hidden" id="draft">

                        </div>
                    </div>

                    <div class="col-12 col-lg-12">
                        <!-- Controls Widget -->
                        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                            <!-- Title -->
                            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> اختيار الحالة</h3>
                            <!-- Content -->
                            <div class="widget-content pdx-20">
                                <div class="row gpx-10 ms-10 me-10 mb-15">
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12 divider-b pdb-10 pdt-10">
                                        <div class="row align-center-y">
                                            <div class="col-lg-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="preisoner_saudi_men" class="input_status input_step" value="0">
                                                    <span>السجناء الرجال السعوديين الذين سيبلغون عمر</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="mb-5">عمر</label>
                                                        <input type="number" class="input_step" name="prisoner_men_age" placeholder="عمر">
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">تاريخ</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_men_age_from" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">حتى</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_men_age_to" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12 divider-b pdb-10 pdt-10">
                                        <div class="row align-center-y">
                                            <div class="col-lg-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="prisoner_men_nonsaudi" class="input_status input_step" value="0">
                                                    <span>السجناء الرجال الوافدين الذين سيبلغون عمر</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="mb-5">عمر</label>
                                                        <input type="number" class="input_step" name="prisoner_men_nonsaudi_age" placeholder="عمر">
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">تاريخ</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_men_nonsaudi_age_from" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">حتى</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_men_nonsaudi_age_to" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <div class="row align-center-y">
                                            <div class="col-lg-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="prisoner_juvenile" class="input_status input_step" value="juveniles_age_8_to_15">
                                                    <span>الإحداث في عمر (الثامنة) أثناء وقوع القضية ولم  يتجاوز عمر (الخامسة عشر) </span>
                                                </label>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12 hidden">
                                                        <label class="mb-5">عمر</label>
                                                        <input type="number" min="0" name="prisoner_juvenile_age" class="input_step" placeholder="عمر" >
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-4">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name="all_saudi" class="input_status input_step" value="0">
                                            <span>عموم السجناء السعوديين</span>
                                        </label>
                                    </div>
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <div class="row align-center-y">
                                            <div class="col-lg-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="prisoner_women" class="input_status input_step" value="0">
                                                    <span>السجينات النساء السعوديات اللاتي سيبلغون عمر</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="mb-5">عمر</label>
                                                        <input type="number" class="input_step" name="prisoner_women_age" placeholder="عمر">
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">تاريخ</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_women_age_from" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">حتى</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_women_age_to" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <div class="row align-center-y">
                                            <div class="col-lg-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="prisoner_women_nonsaudi" class="input_status input_step" value="0">
                                                    <span>السجينات النساء الوافدات اللاتي سيبلغون عمر</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12 ">
                                                        <label class="mb-5">عمر</label>
                                                        <input type="number" class="input_Step" name="prisoner_women_nonsaudi_age" placeholder="عمر">
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">تاريخ</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_women_nonsaudi_age_from" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5">حتى</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_women_nonsaudi_age_to" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <div class="row align-center-y">
                                            <div class="col-lg-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="prisoner_juvenile_in_date" class="input_status input_step" value="0">
                                                    <span>الأحداث في عمر السادسة عشر اثناء وقوع القضية  ولم يتجاوز عمر (الثامنة عشر)</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12 hidden">
                                                        <label class="mb-5">عمر</label>
                                                        <input type="number" class="input_step " name="prisoner_juvenile_in_date_age" placeholder="عمر">
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-12 hidden">
                                                        <label class="mb-5"> ولم يتجاوز عمر</label>
                                                        <input type="number" class="input_step " name="prisoner_juvenile_not_up_date_age" placeholder="عمر" >
                                                    </div>
                                                    {{-- <div class="col-lg-4 col-sm-4 col-6">
                                                        <label class="mb-5"> حتى تاريخ</label>
                                                        <div class="pos-rel" >
                                                            <input type='text' name="prisoner_juvenile_date" id="" class="input_step date-hijri" />
                                                        </div>
                                                    </div> --}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name="all_nonsaudi" class="input_status input_step" value="0">
                                            <span>عموم السجناء الوافدين</span>
                                        </label>
                                    </div>

                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-12">
                                        <div class="row align-center-y">
                                            <div class="col-lg-12">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name="has_disability" id="has_disability" class="input_status input_step" value="0">
                                                    <span>ذوي الاحتياجات الخاصة</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="row">
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="radio-button fs-13">
                                                            <input type="radio" name="special-needs" class=" input_step special-needs readonly" value="all"  disabled="disabled">
                                                            <span>جميع درجات الاعاقة</span>
                                                        </label>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="radio-button fs-13">
                                                            <input type="radio" name="special-needs" class=" input_step special-needs readonly" value="hard_mid" disabled="disabled">
                                                            <span>درجة الإعاقة متوسطة </span>
                                                        </label>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="radio-button fs-13">
                                                            <input type="radio" name="special-needs" class=" input_step special-needs readonly" value="hard" disabled="disabled">
                                                            <span>درجة الإعاقة شديدة</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-12">
                        <!-- Controls Widget -->
                        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                            <!-- Title -->
                            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20"> اختيار التصنيف</h3>
                            <!-- Content -->
                            <div class="widget-content pdx-20">
                                <!-- Controls Group -->
                                <div class="row gpx-10 ms-10 me-10 divider-b mb-15">

                                    <div class="col-12 col-lg-5">
                                        <label for=""> التصنيف الاساسي للقضية</label>
                                        <select class="advanced-select input_step"  id="catagory_parent" name="selected_case_category"  dir="rtl" data-url="{{ url('loadSubCategoryRoyalPardon') }}">
                                            <option  value="">اختر</option>
                                                <option value="">----</option>
                                        </select>
                                    </div>
                                    <div class="col-12 col-lg-5">
                                        <label class="">تصنيف القضية الفرعى</label>
                                        <select class="input_step advanced-select req" dir="rtl" multiple="multiple"
                                                id="LoadSup_category"   name="case_categoryid[]">
                                        </select>
                                        <!-- Form Control -->
                                    </div>


                                    <!-- Layout Column -->
                                    <div class="col-12 col-lg-2">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name="all_case_category" id="all_case_category" class="input_step" value="0">
                                            <span>تحديد الكل </span>
                                        </label>
                                    </div>
                                    <!-- Layout Column -->
                                </div>
                                <!-- // Controls Group -->


                            </div>
                            <!-- // Content -->
                        </div>
                    </div>

                    <div class="col-12 col-lg-12">
                        <!-- Controls Widget -->
                        <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                            <!-- Title -->
                            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">الشروط الخاصة بالقضية </h3>
                            <!-- Content -->
                            <div class="widget-content pdx-20">
                                <!-- Controls Group -->
                                <div class="row gpx-10 ms-10 me-10 divider-b mb-15">

                                    <div class="col-6">
                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">

                                        </div>

                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">

                                        </div>

                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">

                                        </div>





                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">
                                            <label class="checkbox fs-13">
                                                <input type="checkbox" name="check_case_type" class="input_step" value="0">
                                                <span>ألا تكون القضية وقعت داخل السجن او التوقيف</span>
                                            </label>
                                        </div>
                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">
                                            <div class="row align-center-y">
                                                <div class="col-lg-12">
                                                    <label class="checkbox fs-13">
                                                        <input type="checkbox" name="system_punishement" class="input_step" value="0">
                                                        <span>ألا تكون القضية معاقب عليها في النظام بسجن</span>
                                                    </label>
                                                </div>

                                                <div class="col-lg-4">
                                                    <input type="number" class="input_step" name="system_punishement_months" placeholder="شهر">
                                                </div>
                                                <div class="col-lg-4">
                                                    <input type="number" class="input_step" name="system_punishement_months_yeasrs" placeholder="سنة">
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">
                                            <label class="checkbox fs-13">
                                                <input type="checkbox" name="big_cases" class="input_step" value="0">
                                                <span>ألا تكون القضية من الجرائم الكبيرة</span>
                                            </label>
                                        </div>



                                    </div>

                                    <div class="col-6">
                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">

                                        </div>
                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">

                                        </div>
                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">
                                            <div class="row align-center-y">
                                                <div class="col-lg-6">
                                                    <label class="checkbox fs-13">
                                                        <input type="checkbox" name="same_crime" class="input_step" value="0">
                                                        <span>السوابق المماثلة لا تتجاوز</span>
                                                    </label>
                                                </div>
                                                <div class="col-lg-6">
                                                    <input type="number" class="input_step" name="same_crime_number" placeholder="رقم">
                                                </div>
                                            </div>
                                        </div>






                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">
                                            <label class="checkbox fs-13">
                                                <input type="checkbox" name="escorts_number" class="input_step" value="0">
                                                <span>عدم وجود مرافقين بالقضية</span>
                                            </label>
                                        </div>

                                        <!-- Layout Column -->
                                        <div class="col-12 col-lg-12">
                                            <label class="checkbox fs-13">
                                                <input type="checkbox" name="military_prisoner" class="input_step " value="0">
                                                <span>ألا يكون استخدم الصفة الرسمية مما سهل له ارتكاب الجريمة</span>
                                            </label>
                                        </div>


                                    </div>

















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

            </section>

            <h3 class="title">مقدار الاستحقاق لعقوبة </h3>
            <section data-url="">


                <!-- section expected prisoner Number -->
                <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-10">
                    <h1 class=" primary-color lineheight-110 fs-20">عدد النزلاء المحتملين
                        <span class="prisoner_count pdx-15"></span>
                    </h1>
                </div>


                <div class="row gpx-10 ms-10 me-10 mb-15">
                    <!-- Layout Column -->
                    <div class="col-12 col-lg-12">
                        <h6 for="">السجن</h6>
                    </div>
                    <div class="col-12 col-lg-4">
                        <label class="radio-button fs-13">
                            <input type="radio" class="input_step" name="prison_pardon" value="1" checked>
                            <span>إعفاء من باقي المحكومية</span>
                        </label>
                    </div>
                    <div class="col-12 col-lg-4">
                        <label class="radio-button fs-13">
                            <input type="radio" class="input_step" name="prison_pardon" value="2">
                            <span>إعفاء من نصف المحكومية</span>
                        </label>
                    </div>
                    <!-- Layout Column -->
                    <div class="col-12 col-lg-12">
                        <h6 for="">الغرامة المالية</h6>
                        <label class="checkbox fs-13">
                            <input type="checkbox" name="financial_full_pardon" class="input_step" value="0">
                            <span>إعفاء من الغرامة المالية </span>
                        </label>
                    </div>
                </div>


                <div class="col-12 my-20">
                    <a class="btn primary" id="saveRoyalPardon" href="#" data-url="" role="menuitem">حفظ مدخلات العفو الملكي </a></li>
                </div>
            </section>
        </div>



    </form>
@endsection


@section('PXModal')

    <!-- Jquery Steps -->
      <script type="text/javascript" src="{{ asset('assets/plugins/jquery-steps/jquery.steps.min.js') }}"></script>
   <script type="text/javascript" src="{{ asset('assets/js/aj-request.js') }}"></script>
     {{--<script type="text/javascript" src="{{ asset('assets/js/pages/royalPardon.js') }}"></script>  --}}
    <script>
        window.addEventListener('beforeunload', function (e) {
            e.preventDefault();
            e.returnValue = '';
        });
    </script>

@endsection