@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 class="btn cursor small primary pardon_approved">تطبيق العفو الملكي </a>
        </div>
        <!-- // Page Title -->


        <div class="row  align-center-x mt-30 mb-30">

            <div class="col-8 align-self-center ">
                <label for="apporve_pardon">اعتماد التوصية</label>
                <label class="radio-button fs-13 pdx-20">
                    <input type="radio" class="input_step approve_pardon" name="" value="1">
                    <span>تأييد التوصية</span>
                </label>
                <label class="radio-button fs-13 pdx-20">
                    <input type="radio" class="input_step approve_pardon" name="" value="0">
                    <span>عدم تأييد التوصية </span>
                </label>
            </div>
            <input type="hidden" id="url" value="">
            <input type="hidden" id="royal_pardon_id" value="">


        </div>


        <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>
                    <td>
                        <span>إعفاء من الغرامة المالية</span>
                        <span class="text-danger">عدم الاعفاء من الغرامة المالية</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">
                            <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=""
                                       value="" 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="">


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


                <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="-needs"
                                                                   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="special-needs"
                                                                   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="special-needs"
                                                                   class="input_step special-needs readonly"
                                                                   disabled="disabled"
                                                                   value="3">
                                                            <span>درجة الإعاقة شديدة</span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

            </section>


        </div>


        <div class="row">
            <div class="col-6">
                    <a class="btn cursor primary fluid pardon_approved">تطبيق العفو الملكي </a>
            </div>
        </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