@extends('layouts.app')

@section('content')
    <form action="{{ route('amount.financial-compensation.store') }}" class="col col-lg-9 pd-30" id="form_request_ajax" enctype="multipart/form-data">
        @csrf

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

        <div class="row">
            <x-prisoner-info />

            @include('amount.parts.issue' , ['issue'=>null , "type"=>"create"])
        </div>

        <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
            <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                غرامات القضية
            </h3>

            <div class=" widget-content pdx-20 ">
                <div class="row">
                    <div class="col col-lg-4">
                        <label for="">اجمالي الغرامة المالية للقضية</label>
                        <div class="pos-rel">
                            <input type="text" class="input_issue_amount" readonly value="">
                        </div>
                    </div>

                    <div class="col col-lg-4">
                        <label for="">اجمالي الغرامة المالية  للقضايا المتداخلة معها</label>

                        <div class="pos-rel">
                            <input type="number" class="input_related_amount" readonly name="" value="">
                        </div>
                    </div>

                    <div class="col col-lg-4">
                        <label for="">اجمالي الغرامة المالية للقضية للقضايا المتداخلة معها </label>
                        <div class="pos-rel">
                            <input type="number" id="issue_all_amounts" readonly value="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20">
                        الاجراء المتخذ
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <div class="col-12">
                                <label class="checkbox fs-13 pds-20">
                                    <input type="radio" name="action"
                                        class="full_letter_radio payment-financial-rights" value="pay_all">
                                    <span>
                                        تم استحصال الغرامة المالية
                                    </span>
                                </label>

                                <label class="checkbox fs-13 pds-20">
                                    <input type="radio" name="action"
                                        class="full_letter_radio assignment-financial-rights" value="exemption_all">
                                    <span>
                                        أعفى من الغرامة المالية
                                    </span>
                                </label>

                                <label class="checkbox fs-13 pds-20">
                                    <input type="radio" name="action"
                                        class="full_letter_radio assignment-financial-rights" value="pay_part">
                                    <span>
                                        تم سداد جزء من   الغرامة المالية
                                    </span>
                                </label>

                                <label class="checkbox fs-13 pds-20">
                                    <input type="radio" name="action"
                                        class="full_letter_radio assignment-financial-rights" value="exemption_part">
                                    <span>
                                        تم العفو  عن جزء من   الغرامة المالية
                                    </span>
                                </label>

                                <label class="checkbox fs-13 pds-20">
                                    <input type="radio" name="action"
                                        class="full_letter_radio assignment-financial-rights" value="state_revenues">
                                    <span>
                                        تعامل وفق نظام ايرادات الدولة
                                    </span>
                                </label>

                                <label class="checkbox fs-13 pds-20">
                                    <input type="radio" name="action"
                                        class="full_letter_radio assignment-financial-rights" value="sponsor">
                                    <span>
                                        تم تقديم كفيل غارم
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 hidden" id="container_pay_all">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        تم استحصال الغرامة المالية
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <div class="col col-lg-3">
                                <label for="">جهة اصدار الخطاب </label>
                                <input type="text" class="" name="pay_all_letter_source" placeholder=""  value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">رقم الخطاب</label>
                                <input type="number" class="full_letter" name="pay_all_letter_number" placeholder="" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri full_letter" name="pay_all_letter_date_hijri" placeholder="" value="">
                                </div>
                            </div>

                            <div class="col col-lg-12">
                                <label for="">ملاحظات</label>
                                <div class="pos-rel">
                                    <textarea name="pay_all_notes"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 hidden" id="container_exemption_all">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        أعفى من الغرامة المالية
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <div class="col col-lg-3">
                                <label for="">جهة اصدار الخطاب </label>
                                <input type="text" class="full_letter" name="exemption_all_letter_source" placeholder=""  value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">رقم الخطاب</label>
                                <input type="number" class="full_letter" name="exemption_all_letter_number" placeholder="" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri full_letter" name="exemption_all_letter_date_hijri" placeholder="" value="">
                                </div>
                            </div>

                            <div class="col col-lg-12">
                                <label for="">ملاحظات</label>
                                <div class="pos-rel">
                                    <textarea name="exemption_all_notes"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 hidden" id="container_pay_part">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                    <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 debt_part1_hidden" data-repeater-create>
                        </button>
                    </h3>

                    <div data-repeater-list="pay_part">
                        <div class="row mx-auto divider-b mb-15" data-repeater-item>
                            <div class="col col-lg-3">
                                <label for="">مقدار المبلغ </label>
                                <input type="number" min="0" class="debt_part1_hidden pay_part_amount" name="pay_part[amount]" placeholder="مقدار المبلغ" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">جهة اصدار الخطاب </label>
                                <input type="text" class="debt_part1_hidden" name="pay_part[letter_source]" placeholder="جهة اصدار الخطاب" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">رقم الخطاب</label>
                                <input type="number" min="0" class="debt_part1_hidden " name="pay_part[letter_number]" placeholder="رقم الخطاب" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri debt_part1_hidden" name="pay_part[letter_date_hijri]" placeholder="تاريخ الخطاب" value="">
                                </div>
                            </div>

                            <div class="col col-lg-12">
                                <label for="">ملاحظات</label>
                                <div class="pos-rel">
                                    <textarea name="pay_part[notes]"></textarea>
                                </div>
                            </div>

                            <button type="button"
                                class="btn transparent danger-color  remove-repeater display-block square fas fa-times tiny btn_remove_pay_part_amount"
                                data-repeater-delete></button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 hidden" id="container_exemption_part">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                    <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 debt_part1_hidden" data-repeater-create>
                        </button>
                    </h3>

                    <div data-repeater-list="exemption_part">
                        <div class="row mx-auto divider-b mb-15" data-repeater-item>
                            <div class="col col-lg-3">
                                <label for="">مقدار المبلغ </label>
                                <input type="number" min="0" class="debt_part1_hidden exemption_part_amount" name="exemption_part[amount]" placeholder="مقدار المبلغ" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">جهة اصدار الخطاب </label>
                                <input type="text" class="debt_part1_hidden" name="exemption_part[letter_source]" placeholder="جهة اصدار الخطاب" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">رقم الخطاب</label>
                                <input type="number" min="0" class="debt_part1_hidden " name="exemption_part[letter_number]" placeholder="رقم الخطاب" value="">
                            </div>

                            <div class="col col-lg-3">
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri debt_part1_hidden" name="exemption_part[letter_date_hijri]" placeholder="تاريخ الخطاب" value="">
                                </div>
                            </div>

                            <div class="col col-lg-12">
                                <label for="">ملاحظات</label>
                                <div class="pos-rel">
                                    <textarea name="exemption_part[notes]"></textarea>
                                </div>
                            </div>
                            <button type="button"
                                class="btn transparent danger-color  remove-repeater display-block square fas fa-times tiny btn_remove_exemption_part_amount"
                                data-repeater-delete></button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 hidden" id="container_sponsor">
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                        تم تقديم كفيل غارم
                    </h3>
                    <div class=" widget-content pdx-20 ">
                        <div class="row">
                            <div class="col col-lg-4">
                                <label for=""> مصدر خطاب الموافقة </label>
                                <input type="text" class="full_letter" name="sponsor_letter_source" placeholder=""  value="">
                            </div>

                            <div class="col col-lg-4">
                                <label for="">رقم الخطاب</label>
                                <input type="number" class="full_letter" name="sponsor_letter_number" placeholder="" value="">
                            </div>

                            <div class="col col-lg-4">
                                <label for="">تاريخ الخطاب</label>
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri full_letter" name="sponsor_letter_date_hijri" placeholder="" value="">
                                </div>
                            </div>

                            <div class="col col-lg-5">
                                <label for="">اسم الكفيل  </label>
                                <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>

                            <div class="col col-lg-2">
                                <label for="">معرفته بالنزيل</label>
                                <input type="text" class="" name="sponsor_prisoner_knowledge" placeholder="معرفته بالنزيل" value="">
                            </div>

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

                            <div class="col-6">
                                <div class="col col-lg-12">
                                    <label for="">مكان العمل</label>
                                    <input type="text" class="" name="sponsor_workplace" placeholder="مكان العمل"  value="">
                                </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="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 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_number2[]">
                                    @endfor
                                </div>
                            </div>

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

                            <div class="col col-lg-12">
                                <label for="">ملاحظات</label>
                                <div class="pos-rel">
                                    <textarea name="sponsor_notes"></textarea>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="row">
                <div class="col col-lg-3">
                    <label for="">اجمالي الغرامة المالية</label>
                    <div class="pos-rel">
                        <input type="text" class="" id="total_collected" readonly value="">
                    </div>
                </div>

                <div class="col col-lg-3">
                    <label for="">المبالغ المحصلة</label>
                    <div class="pos-rel">
                        <input type="number" id="fines_collected" readonly value="">
                    </div>
                </div>

                <div class="col col-lg-3">
                    <label for="">المبالغ  المعفاة</label>
                    <div class="pos-rel">
                        <input type="number"  id="fines_exempted" readonly value="">
                    </div>
                </div>

                <div class="col col-lg-3">
                    <label for="">اجمالي المبالغ المتبقية</label>
                    <div class="pos-rel">
                        <input type="number" id="remaining_amounts" readonly value="">
                    </div>
                </div>
            </div>
        </div>

        <div class="col-6" style="margin-top: 10px">
            <button class="btn primary fluid">حفظ </button>
        </div>
    </form>
@endsection

@section('script')
@include('amount.financial-fine.script')
@endsection