@extends('layouts.app')

@section('content')

    <form action="{{ route('judgement-and-issues.private-right.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" 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>
                    <button class="btn small primary">حفظ </button>

            </div>

        <!-- // Page Title -->

        <div class="row">
            <!-- Column Prisoner Information -->
            <x-prisoner-info type="private-right"  />

            <!-- Widget Group -->
            <x-issue-info />
        </div>

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



            <!-- Column -->
            <div class="col-12" style="padding:10px">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui" id="someDiv">
                    <!-- Widget Main Title -->
                    <h3
                        class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        <span> بيانات صاحب الحق الخاص</span>
                        <button onclick="return false" class="btn primary display-block square fas fa-plus tiny"
                            data-repeater-create="" tabindex="0" role="button" aria-pressed="false"></button>
                    </h3>

                    <!-- Group Wrapper -->
                    <div data-repeater-list="private_right_holder">
                        <!-- Layout Wrapper -->
                        <div class="row gpx-10 ms-10 me-10 divider-b divider-b2  mb-20 pdt-10"
                            style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px;margin:20px"
                            data-repeater-item="">

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">اسم </label>
                                <!-- Control Input -->
                                <div class="col form-group justify-content-around">
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="private_right_holder[first_name]"
                                            id="first_name" placeholder="الاسم الأول" value="">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="private_right_holder[second_name]"
                                            id="second_name" placeholder="الاسم الثاني" value="">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="private_right_holder[third_name]"
                                            id="third_name" placeholder="الاسم الثالث" value="">
                                    </div>
                                    <div class="col-3">
                                        <input type="text" class="input_validation" name="private_right_holder[fourth_name]"
                                            id="fourth_name" placeholder="الاسم الرابع" value="">
                                    </div>
                                </div>
                            </div>

                            <!-- Layout Column -->
                            <div class="col-6">
                                <!-- Control Label -->
                                <label for="">عنوان السكن</label>
                                <!-- Control Input -->
                                <div class="col form-group justify-content-nowrap">
                                    @foreach (config('static.address') as $key => $val)
                                        <div class="col-2">
                                            <input type="text" name="private_right_holder[{{ $key }}]"
                                                class="col-12 req inp_arr_address_{{ $key }}"
                                                placeholder="{{ $val }}" value="">
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <!-- Layout Column -->

                            <div class="col col-lg-4">
                                <!-- Control Label -->
                                <label for="">عنوان  العمل</label>
                                <!-- Control Input -->
                                <input type="text" class="req" name="private_right_holder[workplace]" placeholder="مكان العمل"
                                    value="">
                            </div>



                            <!-- Layout Column -->
                            <div class="col-5  ">
                                <!-- Control Label -->
                                <label class="col-12 mb-15">رقم الهوية</label>

                                <div class="row" dir="ltr">
                                    @for ($i = 0; $i < 10; $i++)
                                        <input type="text" data-name_inp="id_number"
                                            style=" display: inline-block;margin-left: 5px;" value=""
                                            maxlength="1" min="0" max="9"
                                            class="inp_repate   inp_arr_id_number_{{ $i + 1 }}   inp_repate_id_number_num_{{ $i + 1 }} col-1"
                                            data-inp_repate_num="{{ $i + 1 }}"
                                            name="private_right_holder[identity_number[{{ $i }}]]">
                                    @endfor

                                </div>
                            </div>
                            <!-- Layout Column -->
                            <div class="col-6">
                                <label class="col-12 mb-15">رقم الجوال</label>

                                <div class="row" dir="ltr">
                                    @for ($i = 0; $i < 10; $i++)
                                        <input type="text" data-name_inp="mobile"
                                            style=" display: inline-block;margin-left: 5px;" value=""
                                            maxlength="1" min="0" max="9"
                                            class="inp_repate  inp_arr_mobile_{{ $i + 1 }}   inp_repate_mobile_num_{{ $i + 1 }} col-1"
                                            data-inp_repate_num="{{ $i + 1 }}"
                                            name="private_right_holder[mobile_number[{{ $i }}]]">
                                    @endfor
                                </div>

                            </div>
                            <div class="col-6">
                                <label class="col-12 mb-15"> هاتف ثابت </label>

                                <div class="row" dir="ltr">
                                    @for ($i = 0; $i < 10; $i++)
                                        <input type="text" data-name_inp="mobile2"
                                            style=" display: inline-block;margin-left: 5px;" value=""
                                            maxlength="1" min="0" max="9"
                                            class="inp_repate  inp_arr_mobile2_{{ $i + 1 }}   inp_repate_mobile2_num_{{ $i + 1 }} col-1"
                                            data-inp_repate_num="{{ $i + 1 }}"
                                            name="private_right_holder[mobile_number_other[{{ $i }}]]">
                                    @endfor
                                </div>
                            </div>

                            <div class="col-6">
                                <!-- Form Control -->
                                <label class="col-3 mb-15">الجنسية</label>
                                <div class="form-group col-9">
                                    <!-- Form Control -->
                                    <select class="req" name="private_right_holder[nationality_id]" id="nationality_id">
                                        <option value="">-- اختيار --</option>
                                        @foreach ($nationalites as $key => $nationality)
                                            <option value="{{ $nationality->id }}">
                                                {{ $nationality->name }}</option>
                                        @endforeach
                                    </select>
                                    <!-- Form Control -->
                                </div>

                            </div>
                            <div class="col-5 input-container_id">
                                <!-- Form Control -->

                                <!-- Form Control -->

                            </div>

                            <!-- Layout Column -->
                            <div class="col col-lg-12">
                                <!-- Control Label -->
                                <label for="">ملاحظات</label>
                                <!-- Control Input -->
                                <textarea name="private_right_holder[notes]" cols="30" rows="10"></textarea>
                            </div>
                            <!-- // Layout Column -->
                            <!-- Delete Button -->

                            <button type="button" style="background: #beb3b3"
                                class="btn transparent danger-color display-block square fas fa-times tiny remove-repeater"
                                data-repeater-delete="" tabindex="0" role="button" aria-pressed="false"></button>
                        </div>


                    </div>
                    <!-- Layout Wrapper -->
                </div>
                <!-- // Group Wrapper -->


            </div>


            <!-- Column -->
            <div class="col-12">
                <!-- Controls Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-5 form-ui gray-form">
                    <!-- Title -->
                    <h3
                    class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                    {{--  <label class="checkbox fs-13 pds-20">
                        <input type="checkbox" name="has_judgement" data-target="data_judgement" class="has_judgement check-toggle" id="has_judgement" value="0">
                        <span>تم الحكم فيه</span>
                    </label>  --}}
                    <span>بيانات الحكم</span>

                    </h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20" id="data_judgement">
                        <!-- Controls Group -->
                        <div class=" divider-b mb-20">
                            <div class="row">
                                <div class="col-4">
                                    <label for="">مصدر الحكم</label>
                                    <input type="text" class="has_judgement_toggle if_judgment_val"     name="judgement_source" placeholder="مصدر الحكم"
                                        value="">
                                </div>
                                <div class="col-4">
                                    <label for="">رقم الحكم</label>
                                    <input type="number" class="has_judgement_toggle if_judgment_val" name="judgement_number" placeholder="رقم الحكم"
                                        value="">
                                </div>
                                <div class="col-4">
                                    <label for="">تاريخ الحكم</label>
                                    <div class="pos-rel">
                                        <input type="text" name="judgement_date_hijri" class="has_judgement_toggle if_judgment_val date-hijri"
                                            placeholder="تاريخ الحكم" value="">
                                    </div>
                                </div>
                            </div>



                            <div class="row">
                                <div class="col-4">
                                    <label for=""> جهة اصدار خطاب تأييد الحكم </label>
                                    <input type="text" class="has_judgement_toggle" name="judgement_letter_source"
                                        placeholder="جهة اصدار خطاب تأييد الحكم"
                                        value="">
                                </div>
                                <div class="col-4">
                                    <label for="arrested_letter_number">رقم الخطاب</label>
                                    <input type="number" class="has_judgement_toggle" placeholder="رقم الخطاب"
                                        name="judgement_letter_number" value="">
                                </div>
                                <div class="col-4">
                                    <label for="arrested_letter_date">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri" name="judgement_letter_date_hijri"
                                        id="arrested_letter_date" value="">
                                </div>
                                </div>
                            </div>
                            <div class="col-6 col col-md-5">
                                <label class="col-6 ">مدة عقوبة السجن للحق الخاص <span
                                        class="bg-success color-white"></span>
                                </label>
                                <div class="ms-10 me-10 flexbox align-center-y">
                                <input type="number" class="col-3 me-10 has_judgement_toggle" placeholder="سنوات" name="duration_years"
                                    value="">
                                <input type="number" max="11" class="col-3 me-10 has_judgement_toggle monthcalc" placeholder="شهور" name="duration_months"
                                    value="">
                                <input type="number" max="29" class="col-3 me-10 has_judgement_toggle daycalc" placeholder="يوم"
                                    name="duration_days" value="">
                                </div>

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

                        <!-- Controls Group  -->
                        <div class="flexbox divider-b mb-20">
                                       <!-- Checkbox -->
                                       <label class="checkbox fs-13">
                                        <input type="checkbox" name="is_public_right_first"
                                            value="">
                                        <span>تنفيذ الحق العام أولا</span>
                                    </label>
                                    <!-- // Checkbox -->
                        </div>
                        <!-- // Controls Group  -->


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

            </div>
            <!-- // Column -->

            <!-- Widget Group -->
            <div class="col-12 action_name_action">
                <!-- Widget Block -->
                <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">
                        <!-- Checkbox -->
                        <label class="checkbox fs-13 ">
                            <input type='checkbox' name="sponser_action" id="action1" class="toggle-hide" value="0">
                            <span> تم تقديم كفيل </span>
                        </label>
                        <!-- // Checkbox -->

                        <!-- Hidden For Checkbox -->
                        <div
                            class=" hidden-options hidden">
                            {{--


                             --}}
                            <div class="row">
                                <div class="col-4">
                                    <!-- Form Control -->
                                    <label for="">جهة اصدار الخطاب</label>
                                    <input type="text" placeholder="جهة اصدار الخطاب" name="sponsor_letter_source"
                                        value="">
                                    <!-- Form Control -->
                                </div>
                                <div class="col-4">
                                    <!-- Form Control -->
                                    <label for="">رقم الخطاب</label>
                                    <input type="number" placeholder="رقم الخطاب" name="sponsor_letter_number"
                                        value="">
                                    <!-- Form Control -->
                                </div>
                                <div class="col-4">
                                    <!-- Form Control -->
                                    <label for="sponsor_letter_date_hijri">تاريخ الخطاب</label>
                                    <div class="pos-rel">
                                        <input type="text" placeholder="" id="sponsor_letter_date_hijri"
                                            name="sponsor_letter_date_hijri" class="date-hijri"
                                            value="">
                                    </div>
                                    <!-- Form Control -->
                                </div>
                            </div>
                            <div class="row">
                                <!-- Layout Column -->
                                <div class="col-5">
                                    <!-- Control Label -->
                                    <label for="">اسم </label>
                                    <!-- Control Input -->
                                    <div class="col form-group justify-content-around">
                                        <div class="col-3">
                                            <input type="text" class="input_validation" name="sponsor_first_name"
                                                id="first_name" placeholder="الاسم الأول" value="">
                                        </div>
                                        <div class="col-3">
                                            <input type="text" class="input_validation" name="sponsor_second_name"
                                                id="second_name" placeholder="الاسم الثاني" value="">
                                        </div>
                                        <div class="col-3">
                                            <input type="text" class="input_validation" name="sponsor_third_name"
                                                id="third_name" placeholder="الاسم الثالث" value="">
                                        </div>
                                        <div class="col-3">
                                            <input type="text" class="input_validation" name="sponsor_fourth_name"
                                                id="fourth_name" placeholder="الاسم الرابع" value="">
                                        </div>
                                    </div>
                                </div>
                                <!-- Layout Column -->
                                <div class="col-5">
                                    <!-- Control Label -->
                                    <label for="">عنوان السكن</label>
                                    <!-- Control Input -->
                                    <div class="col form-group justify-content-nowrap">
                                        @foreach (config('static.address') as $key => $val)
                                            <div class="col-2">
                                                <input type="text" name="sponsor_{{ $key }}"
                                                    class="col-12 req inp_arr_address_{{ $key }}"
                                                    placeholder="{{ $val }}" value="">
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="col-2">
                                    <!-- Form Control -->
                                    <label for="">مكان العمل</label>
                                    <input type="text" placeholder="مكان العمل" name="sponsor_work_place"
                                        value="">
                                    <!-- Form Control -->
                                </div>

                            </div>
                            <div class="row">
                                <!-- Layout Column -->

                                <!-- Layout Column -->
                                <div class="col-6">
                                    <label class="col-12 mb-15">رقم الجوال</label>

                                    <div class="row" dir="ltr">
                                        @for ($i = 0; $i < 10; $i++)
                                            <input type="text" data-name_inp="mobile"
                                                style=" display: inline-block;margin-left: 5px;" value=""
                                                maxlength="1" min="0" max="9"
                                                class="inp_repate  inp_arr_mobile_{{ $i + 1 }}   inp_repate_mobile_num_{{ $i + 1 }} col-1"
                                                data-inp_repate_num="{{ $i + 1 }}"
                                                name="sponsor_mobile_number[{{ $i }}]">
                                        @endfor
                                    </div>

                                </div>
                                <div class="col-6">
                                    <label class="col-12 mb-15"> هاتف ثابت </label>

                                    <div class="row" dir="ltr">
                                        @for ($i = 0; $i < 10; $i++)
                                            <input type="text" data-name_inp="mobile2"
                                                style=" display: inline-block;margin-left: 5px;" value=""
                                                maxlength="1" min="0" max="9"
                                                class="inp_repate  inp_arr_mobile2_{{ $i + 1 }}   inp_repate_mobile2_num_{{ $i + 1 }} col-1"
                                                data-inp_repate_num="{{ $i + 1 }}"
                                                name="sponsor_mobile_number_other[{{ $i }}]">
                                        @endfor
                                    </div>
                                </div>

                                <div class="col-5  ">
                                    <!-- Control Label -->
                                    <label class="col-12 mb-15">رقم الهوية</label>

                                    <div class="row" dir="ltr">
                                        @for ($i = 0; $i < 10; $i++)
                                            <input type="text" data-name_inp="id_number"
                                                style=" display: inline-block;margin-left: 5px;" value=""
                                                maxlength="1" min="0" max="9"
                                                class="inp_repate   inp_arr_id_number_{{ $i + 1 }}   inp_repate_id_number_num_{{ $i + 1 }} col-1"
                                                data-inp_repate_num="{{ $i + 1 }}"
                                                name="sponsor_identity_number[{{ $i }}]">
                                        @endfor
                                    </div>
                                </div>
                            </div>




                            <div class="col-12 pds-15">
                                <!-- Form Control -->
                                <label for="">ملاحظات</label>
                                <textarea name="sponsor_notes" id="" cols="30" rows="10"></textarea>
                                <!-- Form Control -->
                            </div>
                        </div>
                        <!-- // Hidden For Checkbox -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>
            <!-- // Widget Group -->


            <!-- Widget Group -->
            <div class="col-12 ">
                <!-- Widget Block -->
                <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">
                        <!-- Checkbox -->
                        <label class="checkbox fs-13 ">
                            <input type="checkbox" name="financial_guarantee_added" id="action2" class="toggle-hide" value="0"
                              >
                            <span> تم تقديم ضمان مالي </span>
                        </label>
                        <!-- // Checkbox -->

                        <!-- Hidden For Checkbox -->
                        <div
                            class="flexbox divider-b mb-20 hidden-options hidden">
                            <div class="col pds-15" >
                                <!-- Form Control -->
                                <label for="">نوع الضمان المالي</label>
                                <input type="text" placeholder="نوع الضمان المالي" name="financial_guarantee_type" class="action2"
                                    value="">
                                <!-- Form Control -->
                            </div>
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">مقدار الضمان المالي</label>
                                <input type="text" placeholder="مقدار الضمان المالي" name="financial_guarantee_amount" class="action2"
                                    value="">
                                <!-- Form Control -->
                            </div>
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for=""> جهة اصدار الضمان المالي</label>
                                <input type="text" placeholder="جهة اصدار الضمان المالي" name="payment_letter_source" class="action2"
                                    value="">
                                <!-- Form Control -->
                            </div>
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">رقم الخطاب</label>
                                <input type="number" placeholder="رقم الخطاب" name="payment_letter_number"
                                    value="">
                            </div>
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri" placeholder="" id="payment_end_private_right_date_hijri"
                                        name="payment_letter_date_hijri"
                                        value="">
                                </div>
                                <!-- Form Control -->
                            </div>
                        </div>
                        <!-- // Hidden For Checkbox -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>
            <!-- // Widget Group -->

            <!-- Widget Group -->
            <div class="col-12 ">
                <!-- Widget Block -->
                <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">
                        <!-- Checkbox -->
                        <label class="checkbox fs-13 ">
                            <input type="checkbox" name="waiver_private_right" id="action3" class="toggle-hide" value="0">
                            <span> تم التنازل عن الحق الخاص </span>
                        </label>
                        <!-- // Checkbox -->

                        <!-- Hidden For Checkbox -->
                        <div
                            class="flexbox divider-b mb-20 hidden-options hidden">
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">تاريخ إنهاء الحق الخاص</label>
                                <div class="pos-rel">
                                    <input type="text" placeholder="" id="end_date" name="end_date_hijri"
                                        class="date-hijri"
                                        value="">
                                </div>
                                <!-- Form Control -->
                            </div>
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">جهة اصدار الخطاب</label>
                                <input type="text" placeholder="جهة اصدار الخطاب" name="waiver_letter_source"
                                    value="">
                                <!-- Form Control -->
                            </div>

                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" placeholder="" id="waiver_letter_date_hijri"
                                        name="waiver_letter_date_hijri" class="date-hijri"
                                        value="">
                                </div>
                                <!-- Form Control -->
                            </div>
                            <div class="col pds-15">
                                <!-- Form Control -->
                                <label for="">رقم الخطاب</label>
                                <input type="number" placeholder="رقم الخطاب" name="waiver_letter_number"
                                    value="">
                            </div>


                            <div class="col-12 pds-15">
                                <!-- Form Control -->
                                <label for="">ملاحظات</label>
                                <textarea name="waiver_notes" id="" cols="30" rows="10"></textarea>
                                <!-- Form Control -->
                            </div>
                        </div>
                        <!-- // Hidden For Checkbox -->
                    </div>
                    <!-- // Content -->
                </div>
            </div>
            <!-- // Widget Group -->

        </div>


            <!-- column -->
            <div class="col-12 col-md-6">
                <!--  -->
                <label for="" class="color-transparent">..</label>
                <button class="btn fluid primary">حفظ</button>
            </div>
            <!-- // column -->

    </form>
@endsection

@section('script')
    <script src="{{ asset('assets/js/pages/privateRight.js') }}"></script>
    <script src="{{ asset('assets/js/repate-inputs_old.js') }}"></script>
    <script src="{{ asset('assets/js/ajax_judgement.js') }}"></script>
@endsection