@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-12">
            @if (count($deposit->deposit_money))
                <label class="checkbox fs-13 pds-15">
                    <input type="checkbox" name="receive_cash" class="receive_cash" value="0">
                    <span>
                        تسليم مبلغ
                    </span>
                </label><!-- Delete Button -->
            @endif

            <input type="hidden" name="total" class="total" value="{{ $total_amount }}">
            @if ($deposit->deposit_money->count() && $receive && count($receive->receiving_cash))
                <div class="col-12 pds-15" id="safety_deposit" style="display:none">

                    <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 Skins -->
                            <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 -->
                                    <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="padding:10px">
                                            <div class="responsive-table mb-30 col-12 col-md-12 parts_previous_issue">

                                                <table class="table striped bordered fs-13 display nowrap">
                                                    <thead>
                                                        <tr>
                                                            <th class="tx-align-start">#</th>
                                                            <th class="tx-align-start">نوع العملة</th>
                                                            <th class="tx-align-start">مقدار المبلغ</th>
                                                            <th class="tx-align-start">تاريخ الاستلام</th>
                                                            <th class="tx-align-start">اسم صاحب الأمانة</th>
                                                            <th class="tx-align-start">رقم الهوية</th>
                                                            <th class="tx-align-start">الجنسية</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>

                                                        @foreach ($deposit->deposit_money as $item)
                                                            <tr>
                                                                <td>{{ $loop->iteration }}</td>
                                                                <td>{{ $item->currency->name }}</td>
                                                                <td>{{ $item->amount }}</td>
                                                                <td>{{ $item->received_date_hijri }}</td>
                                                                <td>{{ $item->deposit_people?->full_name }}</td>
                                                                <td>{{ $item->deposit_people?->id_number }}</td>
                                                                <td>{{ $item->deposit_people?->nationality?->name }}</td>
                                                            </tr>
                                                        @endforeach

                                                    </tbody>
                                                </table>
                                            </div>

                                            <!-- column -->


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

                                                    <-- // Widget Block -->
                        </div>
                        <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">
                                @foreach ($receive->receiving_cash as $item)
                                    <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 ($currencies 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="{{ $item->amount }}"
                                                    date-requered="req" oninput="calculateRemainingAmount()">
                                                <div class="invalid-feedback" style="display: none;">

                                                </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="{{ $total_amount }}"
                                                    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="{{ $item->delivery_date_hijri }}">
                                            </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" @checked($item->deposit_people)
                                                            name="receive_deposit[other_people]" class="receive_deposit"
                                                            value="{{ $item->deposit_people ? '1' : '0' }}">
                                                        <span>
                                                            تم تسليم المبلغ المالي لشخص آخر
                                                        </span>
                                                    </label><!-- Delete Button -->


                                                    <div
                                                        class="widget-content pdx-20 other_people_info {{ $item->deposit_people ? '' : 'hidden' }}">
                                                        <div class="row kafil-container">
                                                            <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="{{ $item->deposit_people?->first_name }}">
                                                                    </div>
                                                                    <div class="col-3">
                                                                        <input type="text" class="input_validation"
                                                                            name="receive_deposit[second_name]"
                                                                            id="second_name" placeholder="الاسم الثاني"
                                                                            value="{{ $item->deposit_people?->second_name }}">
                                                                    </div>
                                                                    <div class="col-3">
                                                                        <input type="text" class="input_validation"
                                                                            name="receive_deposit[third_name]"
                                                                            id="third_name" placeholder="الاسم الثالث"
                                                                            value="{{ $item->deposit_people?->third_name }}">
                                                                    </div>
                                                                    <div class="col-3">
                                                                        <input type="text" class="input_validation"
                                                                            name="receive_deposit[fourth_name]"
                                                                            id="fourth_name" placeholder="الاسم الرابع"
                                                                            value="{{ $item->deposit_people?->prisoner_knowledge }}">
                                                                    </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>
                                                            <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="{{ $item->deposit_people?->address->$key }}">
                                                                        </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="{{ $item->deposit_people?->work_place }}">
                                                                </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="receive_deposit[identity_number[{{ $i }}]]">
                                                                    @endfor
                                                                </div>
                                                            </div>
                                                            <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="receive_deposit[mobile_number[{{ $i }}]]">
                                                                    @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="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 }}"@selected($item->deposit_people?->nationality_id == $nationality->id)>
                                                                                {{ $nationality->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                    <!-- Form Control -->
                                                                </div>
                                                            </div>
                                                        </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>
                                @endforeach

                            </div>
                        </div>
                    </div>
                    <!-- // Column -->
                </div>
            @elseif($deposit->deposit_money->count())
                <!-- Widget Block -->
                <div class="col-12 pds-15" id="safety_deposit" style="display:none">

                    <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 -->
                                    <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="padding:10px">
                                            <div class="responsive-table mb-30 col-12 col-md-12 parts_previous_issue">

                                                <table class="table striped bordered fs-13 display nowrap">
                                                    <thead>
                                                        <tr>
                                                            <th class="tx-align-start">#</th>
                                                            <th class="tx-align-start">نوع العملة</th>
                                                            <th class="tx-align-start">مقدار المبلغ</th>
                                                            <th class="tx-align-start">تاريخ الاستلام</th>
                                                            <th class="tx-align-start">اسم صاحب الأمانة</th>
                                                            <th class="tx-align-start">رقم الهوية</th>
                                                            <th class="tx-align-start">الجنسية</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>

                                                        @foreach ($deposit->deposit_money as $item)
                                                            <tr>
                                                                <td>{{ $loop->iteration }}</td>
                                                                <td>{{ $item->currency->name }}</td>
                                                                <td>{{ $item->amount }}</td>
                                                                <td>{{ $item->received_date_hijri }}</td>
                                                                <td>{{ $item->deposit_people?->full_name }}</td>
                                                                <td>{{ $item->deposit_people?->id_number }}</td>
                                                                <td>{{ $item->deposit_people?->nationality->name }}</td>
                                                            </tr>
                                                        @endforeach

                                                    </tbody>
                                                </table>
                                            </div>

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

                                                    <-- // Widget Block -->
                        </div>
                        <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 ($currencies 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;">

                                            </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="{{ $total_amount }}"
                                                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">
                                                        <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>
                                                        <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>
                                                        <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>
                                                    </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>
                    </div>
                    <!-- // Column -->
                </div>
            @endif
        </div>

        <div class="col-12">
            @if (count($deposit->deposit_corporeal))
                <label class="checkbox fs-13 pds-15">
                    <input type="checkbox" name="corporeal_receive" class="receive_corporeal" value="0">
                    <span>
                        تسليم أمانة عينية
                    </span>
                </label><!-- Delete Button -->
            @endif

            @if (
                ($deposit->deposit_corporeal->count() || $deposit->deposit_money->count()) &&
                    isset($receive->corporeal_delivery_date_hijri))
                <div class="col-12 pds-15" id="safety_deposit_corporeals" style="display:none">
                    <!-- 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">
                                    <!-- Title -->
                                    <!-- Content -->
                                    <div class="widget-content pdx-20 form-ui divider-b">
                                        <div id="corporealsfrom" data-repeater-item="">
                                            <div class="responsive-table mb-30 col-12 col-md-12 parts_previous_issue">

                                                <table class="table striped bordered fs-13 display nowrap">
                                                    <thead>
                                                        <tr>
                                                            <th class="tx-align-start">#</th>
                                                            <th class="tx-align-start">تاريخ الاستلام</th>
                                                            <th class="tx-align-start">وصف الأمانة</th>
                                                            <th class="tx-align-start">اسم صاحب الأمانة</th>
                                                            <th class="tx-align-start">رقم الهوية</th>
                                                            <th class="tx-align-start">الجنسية</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>

                                                        @foreach ($deposit->deposit_corporeal as $item)
                                                            <tr>
                                                                <td>{{ $loop->iteration }}</td>
                                                                <td>{{ $item->received_date_hijri }}}</td>
                                                                <td>{{ $item->description }}</td>
                                                                <td>{{ $item->deposit_people?->full_name }}</td>
                                                                <td>{{ $item->deposit_people?->id_number }}</td>
                                                                <td>{{ $item->deposit_people?->nationality->name }}</td>
                                                            </tr>
                                                        @endforeach

                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                        <!-- column -->

                                        <!-- 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="remain_amount"
                                                    class="input_validation remain_amount" 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="{{ $receive->corporeal_delivery_date_hijri }}">
                                        </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" @checked($receive->deposit_people_id)
                                                        name="other_corporeal_people_check"
                                                        class="other_deposit_corporeals"
                                                        value="{{ $receive->deposit_people_id ? '1' : '0' }}">
                                                    <span>
                                                        تم تسليم الأمانة العينية لشخص آخر
                                                    </span>
                                                </label><!-- Delete Button -->


                                                <div
                                                    class="widget-content pdx-20 other_corporeals_people_info {{ $receive->depoist_people_id ? '' : '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="{{ $receive->deposit_people?->first_name }}">
                                                                </div>
                                                                <div class="col-3">
                                                                    <input type="text" class="input_validation"
                                                                        name="receiving_second_name" id="second_name"
                                                                        placeholder="الاسم الثاني"
                                                                        value="{{ $receive->deposit_people?->second_name }}">
                                                                </div>
                                                                <div class="col-3">
                                                                    <input type="text" class="input_validation"
                                                                        name="receiving_third_name" id="third_name"
                                                                        placeholder="الاسم الثالث"
                                                                        value="{{ $receive->deposit_people?->third_name }}">
                                                                </div>
                                                                <div class="col-3">
                                                                    <input type="text" class="input_validation"
                                                                        name="receiving_fourth_name" id="fourth_name"
                                                                        placeholder="الاسم الرابع"
                                                                        value="{{ $item->deposit_people?->fourth_name }}">
                                                                </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="{{ $receive->deposit_people?->prisoner_knowledge }}">
                                                        </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="{{ $receive->deposit_people?->address->$key }}">
                                                                    </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="{{ $receive->deposit_people?->workplace }}">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <label class="col-12 mb-15">رقم الهوية</label>
                                                            @php
                                                                $id_num_array = str_split(
                                                                    $receive->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="receiving_identity_number[{{ $i }}]">
                                                                @endfor
                                                            </div>
                                                        </div>
                                                        <!-- Form Control -->
                                                        <div class="col-6">
                                                            <label class="col-12 mb-15">رقم الجوال</label>
                                                            @php
                                                                $mobile_num_array = str_split(
                                                                    $receive->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="receiving_mobile_number[{{ $i }}]">
                                                                @endfor
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <!-- Form Control -->
                                                            <label class="col-12 mb-15"> هاتف ثابت </label>
                                                            @php
                                                                $mobile2_num_array = str_split(
                                                                    $receive->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="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 }}"@selected($receive->deposit_people?->nationality_id == $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>
            @elseif($deposit->deposit_corporeal->count() || $deposit->deposit_money->count())
                <div class="col-12 pds-15" id="safety_deposit_corporeals" style="display:none">
                    <!-- 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">
                                    <!-- Title -->
                                    <!-- Content -->
                                    <div class="widget-content pdx-20 form-ui divider-b">
                                        <div id="corporealsfrom" data-repeater-item="">
                                            <div class="responsive-table mb-30 col-12 col-md-12 parts_previous_issue">

                                                <table class="table striped bordered fs-13 display nowrap">
                                                    <thead>
                                                        <tr>
                                                            <th class="tx-align-start">#</th>
                                                            <th class="tx-align-start">تاريخ الاستلام</th>
                                                            <th class="tx-align-start">وصف الأمانة</th>
                                                            <th class="tx-align-start">اسم صاحب الأمانة</th>
                                                            <th class="tx-align-start">رقم الهوية</th>
                                                            <th class="tx-align-start">الجنسية</th>
                                                        </tr>
                                                    </thead>

                                                    <tbody>

                                                        @foreach ($deposit->deposit_corporeal as $item)
                                                            <tr>
                                                                <td>{{ $loop->iteration }}</td>
                                                                <td>{{ $item->received_date_hijri }}}</td>
                                                                <td>{{ $item->description }}</td>
                                                                <td>{{ $item->deposit_people?->full_name }}</td>
                                                                <td>{{ $item->deposit_people?->id_number }}</td>
                                                                <td>{{ $item->deposit_people?->nationality->name }}</td>
                                                            </tr>
                                                        @endforeach

                                                    </tbody>
                                                </table>
                                            </div>

                                        </div>
                                        <!-- column -->

                                        <!-- 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="remain_amount"
                                                    class="input_validation remain_amount" 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>
            @endif
        </div>

        <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() {
            $(".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('.total').value) || 0;
            // Calculate the initial remaining amount
            var initialRemainingAmount = totalAmount - getEnteredAmountSum();

            // Update the value of all "remain_amount" inputs with the initial remaining amount
            var remainAmountInputs = document.querySelectorAll('.remain_amount');
            remainAmountInputs.forEach(function(remainAmountInput) {
                remainAmountInput.value = initialRemainingAmount.toFixed(2);
            });

            // Add an event listener to the parent container of "amount" input fields
            var parentContainer = document.querySelector('.receive_deposit_container ');
            parentContainer.addEventListener('input', function(event) {
                var target = event.target;

                // Check if the event target is an "amount" input field
                if (target.classList.contains('amount')) {
                    // Update the remaining amount when an input field changes
                    var remainingAmount = totalAmount - getEnteredAmountSum();

                    // Ensure remaining amount cannot be less than 0
                    if (remainingAmount < 0) {
                        remainingAmount = 0;
                        Phenix(document).notfications({
                            message: 'لا يمكن ادخال قيمة اعلى من المتبقي من المبالغ المالية',
                            type: 'error',
                            duration: 5000,
                        });
                    }

                    // Update the value of all "remain_amount" inputs
                    var remainAmountInputs = document.querySelectorAll('.remain_amount');
                    remainAmountInputs.forEach(function(remainAmountInput) {
                        remainAmountInput.value = remainingAmount.toFixed(2);
                    });
                }
            });
        });

        // Function to calculate the sum of entered amounts
        function getEnteredAmountSum() {
            var total = 0;
            var amountInputs = document.querySelectorAll('.amount');
            amountInputs.forEach(function(input) {
                var enteredAmount = parseFloat(input.value) || 0;
                total += enteredAmount;
            });
            return total;
        }
    </script>
    <script>
        $(document).ready(function() {
            $('.receive_cash').change(function() {
                if ($(this).is(':checked')) {
                    $('#safety_deposit').show();
                } else {
                    $('#safety_deposit').hide();
                }
            });
            $('.receive_corporeal').change(function() {
                if ($(this).is(':checked')) {
                    $('#safety_deposit_corporeals').show();
                } else {
                    $('#safety_deposit_corporeals').hide();
                }
            });
        });
    </script>
@endsection