@extends('layouts.app')

@section('content')
    <form action="{{route('deposit.receive.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
        <!-- token create  -->
        <!-- Grid -->
        <div class="row">
            <x-prisoner-info :$prisoner/>
            <!-- Widget Group -->
            <!-- Column -->
            <input type="hidden" name="deposit_id" value="{{$deposit->id}}">
            <div class="col-6">
                <!-- Details Widget -->
                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form">
                    <!-- Title -->
                    <h3 class="far fa-angle-up widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">رقم
                        الصندوق</h3>
                    <!-- Content -->
                    <div class="widget-content pdx-20">

                        <!-- Control Label -->

                        <!-- Control Label -->
                        <label for="box_number" class="mb-5">رقم الصندوق</label>
                        <!-- Control Inpiut -->
                        <input type="number" class="req" name="box_number"
                               value="{{$deposit->box_number}}" readonly>
                        <!-- Checkbox Skin -->
                        <label class="checkbox fs-13 me-20">
                            <input type="checkbox" name="deposit_transfer" class="check-toggle" value=""
                                   data-target="options-1" date-requered="1">
                            <span>نقل أمانات النزيل الي سحن آخر</span>
                        </label>
                        <div class="hidden-options hidden "
                             id="options-1">
                            <hr/>

                            <label for="">اسم مناول الأمانات</label>
                            <input type="text" name=""
                                   value="">

                        </div>
                    </div>
                    <!-- // Content -->
                </div>
                <!-- // Details Widget -->
            </div>
        </div>

        <div class="col-6">
            <!-- Form Control -->
            <label class="col-3 mb-15">نوع الأمانة</label>
            <div class="form-group col-9">
                <!-- Form Control -->
                <select id="deposit_type" class="req" name="deposit_type">
                    <option value="">-- اختيار --</option>
                    <option value="1">مبلغ مالي</option>
                    <option value="2">أمانة عينية</option>
                    <option value="3">مبلغ مالي وأمانة عينية</option>
                </select>
                <!-- Form Control -->
            </div>
        </div>


        <div class="col-12">

            @if($deposit->deposit_money->count())
                <!-- Widget Block -->
                <div class="col-12 pds-15 hidden" id="safety_deposit">

                    <div class="widget-block mb-30 safeties_containers white-bg radius-g pdb-20">
                        <!-- Widget Main Title -->
                        <div data-repeater-list="deposit_money">
                            <h3
                                class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                                <span>مبالغ مالية</span>
                            </h3>
                            <!-- // Checkbox Skin -->
                            <div class="col-12 mb-30">
                                <!-- Details Widget -->
                                <div class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form ">
                                    <!-- Title -->
                                    <!-- Content -->
                                    <input type="hidden" name="total" value="{{$total_amount}}">
                                    <div id="stopfrom"
                                         style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px"
                                         data-repeater-item="">
                                        <div class="row" style="justify-content: end ; padding:10px">



                                        </div>

                                    </div>


                                </div>

                            </div>
                            <!-- // Details Widget -->

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

                    <div class="widget-block mb-30 receive_deposit_container white-bg radius-g pdb-20 repeater">
                        <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>

                        <div data-repeater-list="receive_deposit">

                            <div class="row"
                                 style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px"
                                 data-repeater-item="receive_deposit">

                                <div class="col-6 col-md-4">
                                    <!-- Form Control -->
                                    <label class="col-4 col-md-4">نوع العملة</label>
                                    <div class="form-group">
                                        <!-- Form Control -->
                                        <select class="req" name="currency_id" id="currency_id">
                                            <option value="">-- اختيار --</option>
                                            @foreach ($currencies2 as $currency)
                                                <option value="{{ $currency->id }}">{{ $currency->name }}</option>
                                            @endforeach
                                        </select>

                                        <!-- Form Control -->
                                    </div>

                                </div>
                                <div class="col-6 col-md-4">
                                    <!-- Form Control -->
                                    <label for="">تسليم مبلغ و قدره</label>
                                    <div class="pos-rel">
                                        <input type="text" placeholder=""
                                               name="amount" class="input_validation amount"
                                               value="" date-requered="req" oninput="calculateRemainingAmount()">
                                        <div class="invalid-feedback" style="display: none;">The entered amount cannot
                                            exceed the total amount.
                                        </div>

                                    </div>

                                </div>
                                <div class="col-6 col-md-4">
                                    <!-- Form Control -->
                                    <label for="">المتبقي من المبلغ المالي</label>
                                    <div class="pos-rel">
                                        <input type="text" placeholder=""
                                               name="remain_amount" class="input_validation remain_amount"
                                               value="" date-requered="req" readonly>
                                    </div>

                                </div>
                                <div class="col-12 col-md-4">
                                    <!-- Form Control -->
                                    <label for="">تاريخ التسليم</label>
                                    <div class="pos-rel">
                                        <input type="text" class="date-hijri"
                                               name="delivery_date_hijri"
                                               placeholder="تاريخ التسليم" value="">
                                    </div>
                                </div>
                                <div class="col-12" style="justify-content: end ; padding:10px">

                                    <div class="widget-content pdx-20 form-ui divider-bs">
                                        <div class="col-12 pds-15 " id="receive_deposit">
                                            <label class="checkbox fs-13 pds-15">
                                                <input type="checkbox"
                                                       name="receive_deposit[other_people]"
                                                       class="receive_deposit"
                                                       value="0">
                                                <span>
                                                                        تم تسليم المبلغ المالي لشخص آخر
                                                                    </span>
                                            </label><!-- Delete Button -->


                                            <div class="widget-content pdx-20 other_people_info hidden">
                                                <div class="row kafil-container">
                                                    <!-- Layout Column -->
                                                    <div class="col col-lg-3">
                                                        <!-- Control Label -->
                                                        <label for="">اسم المستلم</label>

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

                                                        <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="receive_deposit[{{ $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="receive_deposit[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="receive_deposit[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="receive_deposit[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="receive_deposit[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="receive_deposit[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>
                                            </div>

                                        </div>

                                    </div>

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

                    <!-- // Column -->
                </div>
            @endif







            @if($deposit->deposit_corporeal->count() || $deposit->deposit_money->count())

                <div class="col-12 pds-15 hidden" id="safety_deposit_corporeals">
                    <!-- Widget Block -->
                    <div class="widget-block mb-30 white-bg radius-g pdb-20 repeater">
                        <!-- Widget Main Title -->
                        <div data-repeater-list="deposit_corporeals">

                            <h3
                                class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                                <span>أمانة عينية</span>
                            </h3>
                            <!-- // Checkbox Skin -->
                            <div class="col-12 mb-30">
                                <!-- Details Widget -->
                                <div
                                    class="widget-block mb-30 white-bg radius-g pdb-20 form-ui gray-form repeater"
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px"
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px"
                                >
                                    <!-- Title -->
                                    <!-- Content -->
                                    <div class="widget-content pdx-20 form-ui divider-b">
                                        <div id="corporealsfrom"
                                             data-repeater-item="">
                                            @foreach($deposit->deposit_corporeal as $item)

                                                <div class="row"
                                                     style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">

                                                    <div class="col-12 col-md-6">
                                                        <!-- Form Control -->
                                                        <label for="">تاريخ الاستلام</label>
                                                        <div class="pos-rel">
                                                            <input type="text" class="date-hijri"
                                                                   name="corporeal_received_date_hijri"
                                                                   placeholder="تاريخ الاستلام"
                                                                   value="{{$item->received_date_hijri}}" readonly>
                                                        </div>
                                                    </div>
                                                    <div class="col-4 col-md-6">
                                                        <!-- Form Control -->
                                                        <label class="col-4 col-md-6">وصف الأمانة</label>
                                                        <div class="pos-rel">
                                                            <input type="text" placeholder=""
                                                                   name="corporeal_description"
                                                                   class="input_validation"
                                                                   value="{{$item->description}}" date-requered="req"
                                                                   readonly>
                                                        </div>
                                                    </div>

                                                    <div class="col-12" style="justify-content: end ; padding:10px">


                                                        <div
                                                            class="widget-content pdx-20 form-ui divider-b repeater">
                                                            <div class="col-12 pds-15 " id="deposit_corporeals">
                                                                <label class="checkbox fs-13 pds-15">
                                                                    <input {{ $item->deposit_people ? 'checked' : '' }}
                                                                           {{ $item->deposit_people ? 'disabled' : '' }}  type="checkbox"
                                                                           name="people_check"
                                                                           class="deposit_corporeals"
                                                                           value="">
                                                                    <span>
                                                                أمانة لدي نزيل
                                                            </span>
                                                                </label><!-- Delete Button -->


                                                                <div
                                                                    class="widget-content pdx-20 corporeals_people_info hidden">
                                                                    <div class="row kafil-container">
                                                                        <!-- Layout Column -->
                                                                        <div class="col col-lg-3">
                                                                            <!-- Control Label -->
                                                                            <label for="">اسم صاحب الأمانة</label>

                                                                            <div
                                                                                class="col form-group justify-content-around">
                                                                                <div class="col-3">
                                                                                    <input type="text"
                                                                                           class="input_validation"
                                                                                           name="corporeal_first_name"
                                                                                           id="corporeal_first_name"
                                                                                           placeholder="الاسم الأول"
                                                                                           value="{{$item->deposit_people?->first_name}}"
                                                                                           readonly>
                                                                                </div>
                                                                                <div class="col-3">
                                                                                    <input type="text"
                                                                                           class="input_validation"
                                                                                           name="corporeal_second_name"
                                                                                           id="corporeal_second_name"
                                                                                           placeholder="الاسم الثاني"
                                                                                           value="{{$item->deposit_people?->second_name}}"
                                                                                           readonly>
                                                                                </div>
                                                                                <div class="col-3">
                                                                                    <input type="text"
                                                                                           class="input_validation"
                                                                                           name="corporeal_third_name"
                                                                                           id="corporeal_third_name"
                                                                                           placeholder="الاسم الثالث"
                                                                                           value="{{$item->deposit_people?->third_name}}"
                                                                                           readonly>
                                                                                </div>
                                                                                <div class="col-3">
                                                                                    <input type="text"
                                                                                           class="input_validation"
                                                                                           name="corporeal_fourth_name"
                                                                                           id="corporeal_fourth_name"
                                                                                           placeholder="الاسم الرابع"
                                                                                           value="{{$item->deposit_people?->fourth_name}}"
                                                                                           readonly>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col col-lg-3">
                                                                            <!-- Control Label -->
                                                                            <label for="">معرفته بالنزيل</label>
                                                                            <!-- Control Input -->
                                                                            <input type="text" class=""
                                                                                   name="corporeal_prisoner_knowledge"
                                                                                   placeholder="معرفته بالنزيل"
                                                                                   value="{{$item->deposit_people?->prisoner_knowledge}}"
                                                                                   readonly>
                                                                        </div>
                                                                        <!-- Layout Column -->
                                                                        <div class="col col-lg-3">

                                                                            <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="corporeal_{{ $key }}"
                                                                                               class="col-12  inp_arr_address_{{ $key }}"
                                                                                               placeholder="{{ $val }}"
                                                                                               value="{{$item->address?->$key}}"
                                                                                               readonly>
                                                                                    </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="corporeal_workplace"
                                                                                       placeholder="مكان العمل"
                                                                                       value="{{$item->deposit_people?->work_place}}"
                                                                                       readonly>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-6">
                                                                            <label class="col-12 mb-15">رقم
                                                                                الهوية</label>
                                                                            @php
                                                                                $id_num_array = str_split($item->deposit_people?->id_number);
                                                                            @endphp
                                                                            <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="{{ isset($id_num_array[$i]) ? $id_num_array[$i] : '' }}"
                                                                                           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="corporeal_identity_number[{{ $i }}]"
                                                                                           readonly>
                                                                                @endfor
                                                                            </div>
                                                                        </div>
                                                                        <!-- Form Control -->
                                                                        <div class="col-6">
                                                                            <label class="col-12 mb-15">رقم
                                                                                الجوال</label>
                                                                            @php
                                                                                $mobile_num_array = str_split($item->deposit_people?->address->mobile_number);
                                                                            @endphp
                                                                            <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="{{ isset($mobile_num_array[$i]) ? $mobile_num_array[$i] : '' }}"
                                                                                           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="corporeal_mobile_number[{{ $i }}]"
                                                                                           readonly>
                                                                                @endfor
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-6">
                                                                            <!-- Form Control -->
                                                                            <label class="col-12 mb-15"> هاتف
                                                                                ثابت </label>
                                                                            @php
                                                                                $mobile2_num_array = str_split($item->deposit_people?->address->mobile_number2);
                                                                            @endphp
                                                                            <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="{{ isset($mobile2_num_array[$i]) ? $mobile2_num_array[$i] : '' }}"
                                                                                           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="corporeal_mobile_number_other[{{ $i }}]"
                                                                                           readonly>
                                                                                @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="corporeal_nationality_id"
                                                                                        id="nationality_id">
                                                                                    <option value="">-- اختيار --
                                                                                    </option>
                                                                                    @foreach ($nationalites as $key => $nationality)
                                                                                        <option
                                                                                            value="{{ $nationality->id }}"@selected( $item->deposit_people?->nationality_id == $nationality->id )>
                                                                                            {{ $nationality->name }}</option>
                                                                                    @endforeach
                                                                                </select>
                                                                                <!-- Form Control -->
                                                                            </div>

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

                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                        </div>
                                        @endforeach
                                        <!-- column -->
                                        <div class="col-4 col-md-6">
                                            <!-- Form Control -->
                                            <label class="col-4 col-md-6">العملة</label>
                                            <div class="pos-rel">
                                                @foreach($currencies2 as $currency)
                                                    <input type="text" placeholder=""
                                                           name="corporeal_currency[]"
                                                           class="input_validation"
                                                           value="{{ $currency->name }}"
                                                           date-requered="req" readonly>
                                                @endforeach
                                            </div>
                                        </div>
                                        <!-- column -->
                                        <div class="col-4 col-md-6">
                                            <!-- Form Control -->
                                            <label class="col-4 col-md-6">المتبقي من المبالغ
                                                المالية</label>
                                            <div class="pos-rel">
                                                <input type="text" placeholder=""
                                                       name="corporeal_remain_amount"
                                                       class="input_validation"
                                                       value="{{$total_amount}}" date-requered="req" readonly>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="row"
                                     style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                    <div class="col-12 col-md-6">
                                        <!-- Form Control -->
                                        <label for="">تاريخ التسليم</label>
                                        <div class="pos-rel">
                                            <input type="text" class="date-hijri"
                                                   name="receiving_delivery_date_hijri"
                                                   placeholder="تاريخ التسليم" value="">
                                        </div>
                                    </div>
                                    <div class="col-12" style="justify-content: end ; padding:10px">


                                        <div class="widget-content pdx-20 form-ui divider-b repeater">
                                            <div class="col-12 pds-15 " id="deposit_corporeals">
                                                <label class="checkbox fs-13 pds-15">
                                                    <input type="checkbox"
                                                           name="other_corporeal_people_check"
                                                           class="other_deposit_corporeals"
                                                           value="0">
                                                    <span>
                                                            تم تسليم الأمانة العينية لشخص آخر
                                                            </span>
                                                </label><!-- Delete Button -->


                                                <div
                                                    class="widget-content pdx-20 other_corporeals_people_info hidden">
                                                    <div class="row kafil-container">
                                                        <!-- Layout Column -->
                                                        <div class="col col-lg-3">
                                                            <!-- Control Label -->
                                                            <label for="">اسم المستلم</label>

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

                                                            <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="receiving_{{ $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="receiving_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="receiving_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="receiving_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="receiving_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="receiving_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>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- // Details Widget -->
                        </div>
                        <!-- Group Wrapper -->
                        <!-- // Group Wrapper -->
                    </div>
                    <!-- // Widget Block -->
                </div>
        </div>
            @endif

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

    </form>
@endsection
@section('script')
    <script src="{{ asset('assets/js/repate-inputs_old.js') }}"></script>
    <script>
        $(document).ready(function () {

            $('#deposit_type').change(function () {
                var selectedValue = $(this).val();
                if (selectedValue === '1') {
                    $('#safety_deposit_corporeals').hide();
                    $('#safety_deposit').show();

                } else if (selectedValue === '2' || selectedValue === '3') {
                    $('#safety_deposit').hide();
                    $('#safety_deposit_corporeals').show();
                } else {
                    $('#safety_deposit').hide();
                    $('#safety_deposit_corporeals').hide();
                }

            });

            $(".btn_plush_deposit_money").hide();
            $("[name='deposit_money_check']").change(function () {
                // Toggle button visibility based on checkbox state
                if ($(this).is(":checked")) {
                    $(".btn_plush_deposit_money").show();
                } else {
                    $(".btn_plush_deposit_money").hide();
                }
            });
            $(document).on("change", ".deposit_money", function () {
                var closestPeopleInfo = $(this).closest('.row').find('.people_info');
                if ($(this).is(':checked')) {
                    // If checked, show the closest .people_info
                    closestPeopleInfo.show();
                } else {
                    // If unchecked, hide the closest .people_info
                    closestPeopleInfo.hide();
                }
            });

            $(document).on("change", ".receive_deposit", function () {
                var closestOtherPeopleInfo = $(this).closest('.row').find('.other_people_info');
                if ($(this).is(':checked')) {
                    // If checked, show the closest .people_info
                    closestOtherPeopleInfo.show();
                } else {
                    // If unchecked, hide the closest .people_info
                    closestOtherPeopleInfo.hide();
                }
            });

            $(".btn_plush_deposit_corporeals").hide();
            $("[name='deposit_corporeals_check']").change(function () {
                // Toggle button visibility based on checkbox state
                if ($(this).is(":checked")) {
                    $(".btn_plush_deposit_corporeals").show();
                } else {
                    $(".btn_plush_deposit_corporeals").hide();
                }
            });
            $(document).on("change", ".deposit_corporeals", function () {
                var closestCorporealsPeopleInfo = $(this).closest('.row').find('.corporeals_people_info');
                if ($(this).is(':checked')) {
                    // If checked, show the closest .corporeals_people_info
                    closestCorporealsPeopleInfo.show();
                } else {
                    // If unchecked, hide the closest .corporeals_people_info
                    closestCorporealsPeopleInfo.hide();
                }
            });
            $(document).on("change", ".other_deposit_corporeals", function () {
                var closestOtherCorporealsPeopleInfo = $(this).closest('.row').find('.other_corporeals_people_info');
                if ($(this).is(':checked')) {
                    // If checked, show the closest .corporeals_people_info
                    closestOtherCorporealsPeopleInfo.show();
                } else {
                    // If unchecked, hide the closest .corporeals_people_info
                    closestOtherCorporealsPeopleInfo.hide();
                }
            });
        });
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            // Get the total amount
            var totalAmount = parseFloat(document.querySelector('.deposit_amount').value) || 0;

            // Add an event listener to the "amount" input field
            var amountInput = document.querySelector('.amount');
            amountInput.addEventListener('input', function () {
                // Get the entered amount
                var enteredAmount = parseFloat(this.value) || 0;

                // If the entered amount exceeds the total amount, prevent it and show a warning message
                if (enteredAmount > totalAmount) {
                    // Prevent the user from entering the value
                    this.value = totalAmount.toFixed(2);
                }

                // Calculate the remaining amount
                var remainingAmount = totalAmount - enteredAmount;

                // Ensure remaining amount cannot be less than 0
                if (remainingAmount < 0) {
                    remainingAmount = 0;
                }
                // Update the value of the "remain_amount" input field
                document.querySelector('.remain_amount').value = remainingAmount.toFixed(2);
            });
        });

    </script>

@endsection