@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="is_deposit_transfer" id="deposit_transfer" class="check-toggle"
                                @checked(isset($deposit->receiving_deposit) && $deposit->receiving_deposit->is_deposit_transfer)
                                value="{{ isset($deposit->receiving_deposit) && $deposit->receiving_deposit->is_deposit_transfer ? '1' : '0' }}"
                                data-target="options-1" date-requered="1">
                            <span>نقل أمانات النزيل الي سحن آخر</span>
                        </label>
                        <div class="hidden-options {{ isset($deposit->receiving_deposit) && $deposit->receiving_deposit->is_deposit_transfer ? ' ' : 'hidden' }} "
                            id="options-1">
                            <hr />
                            <label for="">اسم مناول الأمانات</label>
                            <input type="text" name="deposit_handler"
                                value="{{ $deposit->receiving_deposit?->handler }}">

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


        <div class="col-12">
            @if (isset($deposit->receiving_deposit->receiving_cash) && count($deposit->receiving_deposit->receiving_cash))
                <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 style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                            <div class="row" style="padding:10px">
                                <div class="responsive-table mb-30 col-12 col-md-12 parts_previous_issue">
                                    <h3
                                        class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                                        <span>المبالغ المسلمة</span>
                                    </h3>
                                    <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->receiving_deposit->receiving_cash as $item)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $item->deposit_cash?->currency?->name }}</td>
                                                    <td>{{ $item->amount }}</td>
                                                    <td>{{ $item->delivery_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>
            @endif
            @if (count($deposit_cashes))
                <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 }}"> --}}
            <div class="col-12 pds-15 hidden" id="safety_deposit">

                <div class="widget-block mb-30 safeties_containers white-bg radius-g pdb-20">
                    <!-- Widget Main Title -->
                    <div>
                        <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
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                    <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="">

                                <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 deposit_cash_id" name="deposit_cash_id" id="deposit_cash_id">
                                            <option value="">-- اختيار --</option>
                                            @foreach ($deposit_cashes as $item)
                                                <option value="{{ $item->id }}" data-amount="{{ $item->amount }}">
                                                    {{ $item->currency->name }} - {{ $item->amount }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <!-- Column -->
                                <div class="col-6 col-md-4">
                                    <!-- Form Control -->
                                    <label for="">تسليم مبلغ و قدره</label>
                                    <div class="pos-rel">
                                        <input type="text" name="amount" class="input_validation amount" value=""
                                            data-required="req">
                                        <div class="invalid-feedback" style="display: none;"></div>
                                    </div>
                                </div>
                                <!-- Column -->
                                <div class="col-6 col-md-4">
                                    <!-- Form Control -->
                                    <label for="">المتبقي من المبلغ المالي</label>
                                    <div class="pos-rel">
                                        <input type="text" name="remain_amount" class="input_validation remain_amount"
                                            value="" data-required="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>
                            {{-- @endforeach --}}

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

        <div class="col-12">
            @if (isset($deposit->receiving_deposit->receiving_corporeal) && count($deposit->receiving_deposit->receiving_corporeal))
                <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 style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                            <div class="row" style="padding:10px">
                                <div class="responsive-table mb-30 col-12 col-md-12 parts_previous_issue">
                                    <h3
                                        class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                                        <span>الأمانات المسلمة</span>
                                    </h3>
                                    <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->receiving_deposit->receiving_corporeal as $item)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $item->deposit_corporeal->description }}</td>
                                                    <td>{{ $item->delivery_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>
            @endif
            @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

            <div class="col-12 pds-15  hidden" id="safety_deposit_corporeals">
                <div class="widget-block mb-30 safeties_containers white-bg radius-g pdb-20">
                    <div>
                        <h3
                            class="flexbox align-between align-center-y widget-title fs-15 pdx-20 pdy-10 medium-weight mb-20 primary">
                            <span>أمانة عينية</span>
                        </h3>


                        <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
                                    style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px">
                                    <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>
                                                    </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>
                                </div>
                            </div>
                            <!-- Title -->
                            <!-- Content -->

                            <!-- column -->

                            <!-- column -->

                        </div>

                    </div>
                    <!-- Widget Block -->
                    <div class="widget-block mb-30 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>
                        <!-- Widget Main Title -->
                        <div data-repeater-list="receive_corporeal">
                            <div class="row"
                                style="border-radius: 5px;padding: 10px;border: 1px #0000005c solid; margin:0px 0px 10px 0px"
                                data-repeater-item="">
                                <!-- // Checkbox Skin -->
                                <!-- Details Widget -->
                                <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 deposit_corporeal_id" name="deposit_corporeal_id"
                                            id="deposit_corporeal_id">
                                            <option value="">-- اختيار --</option>
                                            @foreach ($deposit_corporeals as $item)
                                                <option value="{{ $item->id }}">
                                                    {{ $item->description }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <!-- 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-b">
                                        <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="first_name" id="first_name"
                                                                    placeholder="الاسم الأول" value="">
                                                            </div>
                                                            <div class="col-3">
                                                                <input type="text" class="input_validation"
                                                                    name="second_name" id="second_name"
                                                                    placeholder="الاسم الثاني" value="">
                                                            </div>
                                                            <div class="col-3">
                                                                <input type="text" class="input_validation"
                                                                    name="third_name" id="third_name"
                                                                    placeholder="الاسم الثالث" value="">
                                                            </div>
                                                            <div class="col-3">
                                                                <input type="text" class="input_validation"
                                                                    name="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="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="{{ $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="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="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="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="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="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>
                                <!-- // Details Widget -->
                                <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>
                            <!-- Group Wrapper -->
                            <!-- // Group Wrapper -->
                        </div>


                        <!-- // Widget Block -->
                    </div>
                </div>
            </div>
        </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>
    @include('safety.receiving.script')

    <script>
        $(document).ready(function() {
            $('#deposit_transfer').on('change', function() {
                if ($(this).is(':checked')) {
                    $('.receive_corporeal').prop("disabled", true);
                    $('.receive_cash').prop("disabled", true);
                } else {
                    $('.receive_corporeal').prop("disabled", false);
                    $('.receive_cash').prop("disabled", false);
                }
            })

            $(".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() {
                console.log('1')
                if ($(this).is(':checked')) {
                    console.log('2')
                    $('#safety_deposit').show();
                } else {
                    console.log('3')

                    $('#safety_deposit').hide();
                }
            });
            $('.receive_corporeal').change(function() {
                if ($(this).is(':checked')) {
                    $('#safety_deposit_corporeals').show();
                } else {
                    $('#safety_deposit_corporeals').hide();
                }
            });
        });
    </script>
@endsection