@extends('layouts.app')

@section('content')
    <form action="{{ route('amount.financial-custom.store') }}" class="col col-lg-9 pd-30"
        id="form_request_ajax" enctype="multipart/form-data">
        <!-- 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 -->

        @csrf

        <!-- Grid -->
        <div class="row">
            <!-- Column -->
            <x-prisoner-info />
            @include('amount.parts.issue-custome' , ['issue'=>null , "type"=>"create"])
        </div>
        <!-- // Column -->


        <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
            <!-- Widget Main Title -->
            <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 ">
                <!-- Layout Column -->
                <div class="row">
                    <div class="col col-lg-4">
                        <!-- Control Label -->
                        <label for="">مقدار الغرامة الجمركية على النزيل</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="text" class="input_issue_amount" readonly
                                value="">
                        </div>
                    </div>

                    <!-- Layout Column -->
                    <div class="col col-lg-4">
                        <!-- Control Label -->
                        <label for="">الغرامة الجمركية لمرافقية</label>

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

                    <!-- Layout Column -->
                    <div class="col col-lg-4">
                        <!-- Control Label -->
                        <label for="">مقدار الغرامة الجمركية الكلى للمشاركين بالقضية</label>
                        <!-- Control Input -->
                        <div class="pos-rel">
                            <input type="number" id="issue_all_amounts" readonly
                               value="">
                        </div>
                    </div>


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




        <div class="row">


            <!-- Column -->
            <div class="col-12">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <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>
                <!-- // Widget Block -->
            </div>




            {{--  تم استحصال المبلغ   --}}
            <!-- Column -->
            <div class="col-12 hidden" id="container_pay_all">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <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">
                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">جهة اصدار الخطاب </label>
                                <!-- Control Input -->
                                <input type="text" class="" name="pay_all_letter_source"
                                    placeholder=""  value="">
                            </div>

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

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">تاريخ الخطاب</label>
                                <!-- Control Input -->
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri full_letter" name="pay_all_letter_date_hijri"
                                        placeholder="" value="">
                                </div>
                            </div>
                            <!-- Layout Column -->
                            <div class="col col-lg-12">
                                <!-- Control Label -->
                                <label for="">ملاحظات</label>
                                <!-- Control Input -->
                                <div class="pos-rel">
                                    <textarea name="pay_all_notes"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>



            {{--  تم الاعفاء من المبلغ   --}}
            <!-- Column -->
            <div class="col-12 hidden" id="container_exemption_all">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <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">
                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">جهة اصدار الخطاب </label>
                                <!-- Control Input -->
                                <input type="text" class="full_letter" name="exemption_all_letter_source"
                                    placeholder=""  value="">
                            </div>

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

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

                            <!-- Layout Column -->
                            <div class="col col-lg-12">
                                <!-- Control Label -->
                                <label for="">ملاحظات</label>
                                <!-- Control Input -->
                                <div class="pos-rel">
                                    <textarea name="exemption_all_notes"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>


            {{--  تم سداد جزء من المبلغ   --}}

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

                    <!-- Group Wrapper -->
                    <div data-repeater-list="pay_part">


                        <!-- Layout Wrapper -->
                        <div class="row mx-auto divider-b mb-15" data-repeater-item>

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">مقدار المبلغ </label>
                                <!-- Control Input -->
                                <input type="number" min="0"
                                    class="debt_part1_hidden pay_part_amount"
                                    name="pay_part[amount]" placeholder="مقدار المبلغ" value="">
                            </div>

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

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

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

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

                            <!-- Delete Button -->
                            <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>

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




            {{--  تم اعفاء  جزء من المبلغ   --}}

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

                    <!-- Group Wrapper -->
                    <div data-repeater-list="exemption_part">


                        <!-- Layout Wrapper -->
                        <div class="row mx-auto divider-b mb-15" data-repeater-item>

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">مقدار المبلغ </label>
                                <!-- Control Input -->
                                <input type="number" min="0"
                                    class="debt_part1_hidden exemption_part_amount"
                                    name="exemption_part[amount]" placeholder="مقدار المبلغ" value="">
                            </div>

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

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

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

                            <!-- Layout Column -->
                            <div class="col col-lg-12">
                                <!-- Control Label -->
                                <label for="">ملاحظات</label>
                                <!-- Control Input -->
                                <div class="pos-rel">
                                    <textarea name="exemption_part[notes]"></textarea>
                                </div>
                            </div>
                            <!-- Delete Button -->
                            <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>

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



            {{--    تعامل وفق نظام ايرادات الدولة    --}}
            <!-- Column -->
            <div class="col-12 hidden" id="container_state_revenues">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <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">
                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">جهة اصدار الخطاب </label>
                                <!-- Control Input -->
                                <input type="text" class="full_letter" name="state_revenues_letter_source"
                                    placeholder=""  value="">
                            </div>

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">رقم الخطاب</label>
                                <!-- Control Input -->
                                <input type="number" class="full_letter" name="state_revenues_letter_number"
                                    placeholder="" value="">
                            </div>

                            <!-- Layout Column -->
                            <div class="col col-lg-3">
                                <!-- Control Label -->
                                <label for="">تاريخ الخطاب</label>
                                <!-- Control Input -->
                                <div class="pos-rel">
                                    <input type="text" class="date-hijri full_letter" name="state_revenues_letter_date_hijri"
                                        placeholder="" value="">
                                </div>
                            </div>
                            <!-- Layout Column -->
                            <div class="col col-lg-12">
                                <!-- Control Label -->
                                <label for="">ملاحظات</label>
                                <!-- Control Input -->
                                <div class="pos-rel">
                                    <textarea name="state_revenues_notes"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>

            {{-- تم تقديم كفيل غارم     --}}
            <!-- Column -->
            <div class="col-12 hidden" id="container_sponsor">
                <!-- Widget Block -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater gray-form form-ui ">
                    <!-- Widget Main Title -->
                    <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">
                            <!-- Layout Column -->
                            <div class="col col-lg-4">
                                <!-- Control Label -->
                                <label for=""> مصدر خطاب الموافقة </label>
                                <!-- Control Input -->
                                <input type="text" class="full_letter" name="sponsor_letter_source"
                                    placeholder=""  value="">
                            </div>

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

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


                            <!-- Layout Column -->
                            <div class="col col-lg-5">
                                <!-- Control Label -->
                                <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">
                                <!-- Control Label -->
                                <label for="">معرفته بالنزيل</label>
                                <!-- Control Input -->
                                <input type="text" class="" name="sponsor_prisoner_knowledge"
                                    placeholder="معرفته بالنزيل" value="">
                            </div>
                            <!-- Layout Column -->
                            <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">
                                <!-- Layout Column -->
                                <div class="col col-lg-12">
                                    <!-- Control Label -->
                                    <label for="">مكان العمل</label>
                                    <!-- Control Input -->
                                    <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>
                            <!-- Form Control -->
                            <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">
                                <!-- Form Control -->
                                <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">
                                <!-- Form Control -->
                                <label class="col-3 mb-15">الجنسية</label>
                                <div class="form-group col-9">
                                    <!-- Form Control -->
                                    <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>
                                    <!-- Form Control -->
                                </div>

                            </div>

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

                        </div>
                    </div>
                </div>
                <!-- // Widget Block -->
            </div>







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

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

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

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

                <!-- Layout Column -->
                <div class="col col-lg-3">
                    <!-- Control Label -->
                    <label for="">اجمالي المبالغ المتبقية</label>
                    <!-- Control Input -->
                    <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>
        </div>
        <!-- // Grid -->






    </form>
@endsection

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