@extends('layouts.app')

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

@section('content')

    <!-- Content Side -->
    <div class="col col-lg-9 pd-30">
        <!-- Page Title -->
        <div class="page-title divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <!-- Title -->
            <h1 class="reset-block primary-color lineheight-130 fs-20">عرض شروط العفو الملكي</h1>

            <a href="" class="btn small primary miw-120">الرجوع للخلف</a>
        </div>
        <!-- // Page Title -->


        <div class=" divider-b pdb-10 flexbox align-between align-center-y mb-20">
            <!-- Title -->
            <h1 class="reset-block headlines-color lineheight-110 fs-15">النزلاء المنطبق عليهم الشروط المختارة</h1>
        </div>

        <div class="responsive-table">
            <table class="table px-datatable striped bordered" data-page-length="10">
                <!-- Table Head -->
                <thead>
                <tr class="primary-bg fs-13">
                    <!-- Column -->
                    <th class="w-50 tx-align-center hide-sorting">#</th>
                    <!-- Column -->
                    <th class="tx-align-start">اسم النزيل</th>
                    <!-- Column -->
                    <th class="tx-align-start">الجنسية</th>
                    <!-- Column -->
                    <th class="tx-align-start"> النوع</th>
                    <th class="tx-align-start"> الديانة</th>
                    <th class="tx-align-start">مقدار استحقاق السجن</th>
                    <th class="tx-align-start">مقدار الاستحقاق للغرامة المالية</th>


                </tr>
                </thead>
                <!-- Table Body -->
                <tbody class="fs-13">
                <tr>
                    <td class="tx-align-center"></td>
                    <td class="tx-align-center"></td>
                    <td class="tx-align-center"></td>
                    <td class="tx-align-center"></td>
                    <td class="tx-align-center"></td>
                    <td>
                        <span>إعفاء من باقي المحكومية</span>
                        <span>إعفاء من نصف المحكومية</span>


                    <td>
                        <span>إعفاء من الغرامة المالية</span>
                        <span>عدم الاعفاء من الغرامة المالية</span>

                    </td>

                </tr>
                </tbody>

            </table>

        </div>


        <div class=" divider-b pdb-10 flexbox align-between align-center-y mb-20 mt-40">
            <!-- Title -->
            <h1 class="reset-block headlines-color lineheight-110 fs-15">شروط العفو الملكي المختارة</h1>
        </div>

        <!-- // Page Title -->
        <div class="form-steps mb-20 ">
            <h3 class="title">مناسبة العفو</h3>

            <section data-url="{{ url('royal-pardon/step/1') }}">
                <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="" class="advanced-select req input_step" dir="rtl" disabled>
                            <option data-number="" data-date="" value="">اختر</option>
                            <option data-number="" 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>
                        </ol>
                    </div>
                </div>

            </section>

            <h3 class="title">الشروط العامة </h3>
            <section data-url="{{ url('royal-pardon/step/2') }}">


                <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="" class=" input_step" value="0">
                                <span>ألا يكون محروم من العفو بأمر سام</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox" value="0" name="" class="input_step">
                                <span>ألا يكون هارب بعد ارتكاب الجرم</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox" value="0" name="" class="input_step">
                                <span>ألا يكون متهرب بعد صدور الحكم</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox" value="0" name="" class="input_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="" class="input_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' value="" name="" id="" class="input_step date-hijri"/>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <label class="mb-5">إلى</label>
                                        <div class="pos-rel">
                                            <input type='text' value="" name="" id="" class="input_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="" class="input_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="" class="input_step">
                                <span>ألا يكون محروم من العفو بقرار وزاري</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox" value="0" name="" class="input_step">
                                <span>ألا يكون متهرب أثناء فترة المحاكمة</span>
                            </label>
                        </div>
                        <!-- Layout Column -->
                        <div class="col-12 ">
                            <label class="checkbox fs-13">
                                <input type="checkbox" value="0" name="" class="input_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="" class="input_step">
                                    <span>عدد السوابق لا يتجاوز</span>
                                </label>
                                <input type="number" name="" min="0" value="1" class="input_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="" class="input_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="" id="" value="" class="input_step date-hijri"/>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <label class="mb-5">إلى</label>
                                        <div class="pos-rel">
                                            <input type='text' name="" id="" value="" class="input_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="" class="input_step" value="0">
                                    <span>إعفاء السجناء الوافدين المشمولين بالعفو من الغرامات المالية بما لا يزيد على مبلغ</span>
                                </label>
                            </div>
                            <div class="col-6">
                                <input type="number" name="" min="0" value="0" class="input_step" placeholder="ريال">
                            </div>
                        </div>
                    </div>
                </div>


            </section>

            <h3 class="title">الاستثناءات</h3>
            <section data-url="{{ url('royal-pardon/step/3') }}">


                <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=""
                                                             class="input_step"
                                                           value="0">
                                                    <span>يعفي الجميع ممن تبقي من مدة محكوميتهم</span>
                                                </label>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="mb-5">مدة محكوميتهم</label>
                                                <input type="number" class="input_step" name=""
                                                       placeholder="يوم"
                                                       value="">
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="mb-5">أو أقل في تاريخ</label>
                                                <div class="pos-rel">
                                                    <input type='text' name=""
                                                           value=""
                                                           class="input_step date-hijri"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-12">
                                        <label class="checkbox fs-13">
                                            <input type="checkbox" name=""
                                                     class="input_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" name=""
                                                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=""
                                                class="input_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" name=""
                                                multiple="multiple" dir="rtl">>
                                            <option value="">اختر</option>
                                                <option
                                                    value="">----</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <h3 class="title">المتغيرات </h3>
            <section data-url="{{ url('royal-pardon/step/4') }}">


                <div class="row">
                    <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=""
                                                          class="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"
                                                               value=""
                                                               name="" 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=""
                                                                   value=""
                                                                   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=""
                                                                   value=""
                                                                   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=""
                                                         class="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"
                                                               value=""
                                                               name="" 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=""
                                                                   value=""
                                                                   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=""
                                                                   value=""
                                                                   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=""
                                                           class="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" min="0" name=""
                                                               value=""
                                                               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="" 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-4">
                                                <label class="checkbox fs-13">
                                                    <input type="checkbox" name=""
                                                           class="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"
                                                               value=""
                                                               name="" 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=""
                                                                   value=""
                                                                   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=""
                                                                   value=""
                                                                   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=""
                                                        class="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"
                                                               value=""
                                                               name="" 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=""
                                                                   value=""
                                                                   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=""
                                                                   value=""
                                                                   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=""
                                                           class="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"
                                                               value=""
                                                               name="" 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=""
                                                               value=""
                                                               placeholder="عمر">
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-6 hidden">
                                                        <label class="mb-5"> حتى تاريخ</label>
                                                        <div class="pos-rel">
                                                            {{-- <input type='text' name="prisoner_juvenile_date" value="{{ $royal_pardon->pardon_data['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=""
                                                  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="" id="has_disability"
                                                          class="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=""
                                                                   class="input_step special-needs readonly"
                                                                   disabled="disabled"
                                                                     value="0">
                                                            <span>جميع درجات الاعاقة</span>
                                                        </label>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="radio-button fs-13">
                                                            <input type="radio" name=""
                                                                   class="input_step special-needs readonly"
                                                                   disabled="disabled"
                                                                    value="2">
                                                            <span>درجة الإعاقة متوسطة </span>
                                                        </label>
                                                    </div>
                                                    <div class="col-lg-4 col-sm-4 col-12">
                                                        <label class="radio-button fs-13">
                                                            <input type="radio" name=""
                                                                   class="input_step special-needs readonly"
                                                                   disabled="disabled"
                                                                    value="3">
                                                            <span>درجة الإعاقة شديدة</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-lg-6">
                        <!-- Controls Widget -->

                    </div>


                </div>

            </section>

            <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-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=""
                                   value="1" >
                            <span>إعفاء من باقي المحكومية</span>
                        </label>
                    </div>
                    <div class="col-12 col-lg-4">
                        <label class="radio-button fs-13">
                            <input type="radio" class="input_step" name=""
                                   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=""
                                   class="input_step"
                                   value="0">
                            <span>إعفاء من الغرامة المالية </span>
                        </label>
                    </div>
                </div>
            </section>
        </div>

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

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