@extends('admin.layouts.master')

@section('content')
    @include('admin.includes.forms')
    <div class="card-header">
        <h1 class="card-title">{!! $page_title !!}</h1>
    </div>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif



    <style>
        label {
            margin: 10px 0 10px;
            font-size: 16px;
        }

        .application_main_title {
            margin-top: 20px;
            font-size: 18px;
            font-weight: 600;
            color: black;

        }



        .listing_checkbox input {
            margin: 10px 10px;
            width: 20px;

        }


        .application_second_title {
            margin-top: 10px;
            font-size: 15px;
            text-decoration: underline;

        }

        .purposeandnature {
            font-size: 14px
        }

        .equal-height {
            height: 38px;
        }

        .star {
            color: red;
            font-size: 24px;
        }

        textarea {
            width: 100%;
            height: 100px;
        }

        .textarea-container {
            display: flex;
            align-items: center;
        }

        .remove-textarea {
            margin-left: 10px;
            /* Adjust the margin as needed */
        }
    </style>

    <form id="quickForm" novalidate="novalidate" method="POST" action="{{ url('admin/loantaking-victim/update/' . $loanTakingVictim->id) }}"
        class="form-inline" enctype="multipart/form-data">
        @csrf

        <div class="row">
            <span class="application_main_title">सम्बन्धित कार्यालयले भर्ने</span>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="registration_id">दर्ता नं</label>
                    <input type="text"  value="{{ $loanTakingVictim->applicationRegistration->registration_id }}" id="applicant_name" name="loan_taking_application_registration[registration_id]" class="input-text"
                    autofocus>

                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="register-datepicker">दर्ता मिति</label>
                    <input type="text" id="register-datepicker"
                        name="loan_taking_application_registration[registration_date]" class="input-text" autofocus
                        value="{{ $loanTakingVictim->applicationRegistration->registration_date}}" >
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group">
                    <label for="registration_office">कार्यालय</label>
                    <input type="text" id="registration_office" name="loan_taking_application_registration[registration_office]" class="input-text"
                    autofocus value="{{ $loanTakingVictim->applicationRegistration->registration_office }}">
                </div>
            </div>
        </div>
        <hr class="hr-line">

        {{-- BASIC INFORMATION --}}
        <div class="row">
            <span class="application_main_title">१. निवेदक(ऋण/कर्जा लिने व्यक्ति) को विवरण:</span>
            <div class="col-6">
                <div class="form-group">
                    <label for="applicant_name">नाम, थर <span class="star">*</span></label>
                    <input type="text" id="applicant_name" name="loan_taking_applicant_basic_detail[applicant_name]"
                        class="input-text" autofocus value="{{ $loanTakingVictim->basicDetailRegistration->applicant_name}}">
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="applicant_age">उमेर</label>
                    <input type="number" id="applicant_age" name="loan_taking_applicant_basic_detail[applicant_age]"
                        class="input-text" autofocus pattern="\d+" min="1"  value="{{ $loanTakingVictim->basicDetailRegistration->applicant_age }}">
                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="applicant_citizenship">नागरिकता नं</label>
                    <input type="number" id="applicant_citizenship"
                        name="loan_taking_applicant_basic_detail[applicant_citizenship]" class="input-text" autofocus pattern="\d+" min="1"
                        value="{{ $loanTakingVictim->basicDetailRegistration->applicant_citizenship}}">
                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="registrations">जारी जिल्ला</label>
                    <select id="" name="loan_taking_applicant_basic_detail[applicant_citizenship_issue_district]"
                        class="form-control a_district_id">
                    <option disabled selected value>जिल्ला चयन गर्नुहोस्</option>
                    @foreach ($districts as $district)
                    <option value="{{ $district->id }}"{{ $loanTakingVictim->basicDetailRegistration->applicant_citizenship_issue_district == $district->id ? 'selected' : '' }}>
                        {{ $district->name }}
                        </option>
                    @endforeach
                    </select>
                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="applicant_citizenship_issue_date">जारी मिति</label>
                    <input type="text" id="nepali-datepicker"
                        name="loan_taking_applicant_basic_detail[applicant_citizenship_issue_date]" class="input-text"
                        autofocus value="{{ $loanTakingVictim->basicDetailRegistration->applicant_citizenship_issue_date }}">
                </div>
            </div>
            <div class="col-6">
                <div class="form-group">
                    <label for="father_name">पिताको नाम, थर <span class="star">*</span></label>
                    <input type="text" value="{{ $loanTakingVictim->basicDetailRegistration->applicant_fathername}}"
                        id="father_name" name="loan_taking_applicant_basic_detail[applicant_fathername]" class="input-text"
                        autofocus required>
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="applicant_fathers_no">निवेदकको फोन/मोबाईल नं <span class="star">*</span></label>
                    <input type="number" value="{{ $loanTakingVictim->basicDetailRegistration->applicant_fathers_no }}" 
                           id="applicant_fathers_no" name="loan_taking_applicant_basic_detail[applicant_fathers_no]"
                           class="input-text" maxlength="10" placeholder="ex: ९८११११११११/०१-२३४५६८७" autofocus
                           oninput="validatePhoneNumber(this, 'phoneNumberError1')">
                    <span id="phoneNumberError1" style="display: none; color: red;">कृपया १० अंकको सही फोन नंबर प्रविष्ट गर्नुहोस्।</span>
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="spouse_name">पति/पत्नीको नाम थर</label>
                    <input type="text" value="{{ $loanTakingVictim->basicDetailRegistration->applicant_spouse }}"
                        id="spouse_name" name="loan_taking_applicant_basic_detail[applicant_spouse]" class="input-text"
                        autofocus>
                </div>
            </div>

           
            <div class="col-6">
                <div class="form-group">
                    <label for="spouse_phone">फोन/मोबाईल नं</label>
                    <input type="number" value="{{ $loanTakingVictim->basicDetailRegistration->applicant_spouse_no }}" 
                        id="spouse_phone" name="loan_taking_applicant_basic_detail[applicant_spouse_no]"
                        class="input-text" autofocus maxlength="10" placeholder="ex: ९८११११११११/०१-२३४५६८७"
                        oninput="validatePhoneNumber(this, 'phoneNumberError2')">
                    <span id="phoneNumberError2" style="display: none; color: red;">कृपया १० अंकको सही फोन नंबर प्रविष्ट गर्नुहोस्।</span>
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="family_members">सगोल परिवारको सदस्य संख्या <span class="star">*</span></label>
                    <input type="number" value="{{ $loanTakingVictim->basicDetailRegistration->applicant_family}}"
                        id="family_members" name="loan_taking_applicant_basic_detail[applicant_family]"
                        class="input-text" autofocus  pattern="\d+" min="1" required>
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="annual_income">वार्षिक आम्दानी<span class="star">*</span></label>
                    <select id="annual_income" name="loan_taking_applicant_basic_detail[applicant_annual_income]" class="form-control" autofocus>
                        <option value="" disabled {{ $loanTakingVictim->basicDetailRegistration->applicant_annual_income  == '' ? 'selected' : '' }}>वार्षिक आम्दानी चयन गर्नुहोस्</option>
                        <option value="1-5" {{ $loanTakingVictim->basicDetailRegistration->applicant_annual_income == '1-5' ? 'selected' : '' }}>१ लाख देखि  ५ लाख</option>
                        <option value="5-10" {{ $loanTakingVictim->basicDetailRegistration->applicant_annual_income == '5-10' ? 'selected' : '' }}>५ लाख देखि १० लाख</option>
                        <option value="10-20" {{ $loanTakingVictim->basicDetailRegistration->applicant_annual_income == '10-20' ? 'selected' : '' }}>१० लाख देखि  २० लाख</option>
                        <option value="20+" {{ $loanTakingVictim->basicDetailRegistration->applicant_annual_income == '20+' ? 'selected' : '' }}>२० लाख +</option>
                    </select>
                </div>
            </div>

            <span class="application_second_title">स्थायी ठेगाना:</span>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">प्रदेश <span class="star">*</span></label>
                        <select id="state_id0" name="loan_taking_applicant_basic_detail[applicant_permanent_state]"
                        data-iteration="0" class="form-control a_state_id">
                        <option disabled selected value>प्रदेश चयन गर्नुहोस्</option>
                        @foreach ($states as $state)
                            <option value="{{ $state->id }}"
                                {{ $loanTakingVictim->basicDetailRegistration->applicant_permanent_state == $state->id ? 'selected' : '' }}>
                                {{ $state->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">जिल्ला <span class="star">*</span></label>
                        <select id="a_district_id0" data-iteration="0"
                        name="loan_taking_applicant_basic_detail[applicant_permanent_district]"
                        class="form-control a_district_id">
                        <option disabled selected value>जिल्ला चयन गर्नुहोस्</option>
                        @foreach ($districts as $district)
                            <option value="{{ $district->id }}"
                                {{ $loanTakingVictim->basicDetailRegistration->applicant_permanent_district == $district->id ? 'selected' : '' }}>
                                {{ $district->name }}</option>
                        @endforeach
                    </select>
                    </div>
                </div>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">न.पा./गा.पा<span class="star">*</span></label>
                        <select id="a_localbody_id0" data-iteration="0"
                        name="loan_taking_applicant_basic_detail[applicant_permanent_local]"
                        class="form-control a_localbody_id">
                        <option value="" disabled selected value>स्थानीय तह चयन गर्नुहोस्
                        </option>
                        @foreach ($locals as $localBody)
                            <option value="{{ $localBody->id }}" {{ $loanTakingVictim->basicDetailRegistration->applicant_permanent_local == $localBody->id ? 'selected' : '' }}>
                                {{ $localBody->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">वडा नं<span class="star">*</span></label>
                        <select id="wada_id0" name="loan_taking_applicant_basic_detail[applicant_permanent_ward]" class="form-control col-md-12">
                            <option disabled selected value>वडा चयन गर्नुहोस्</option>
                            @for ($i = 1; $i <= 32; $i++)
                                <option value="{{ $i }}" {{ $loanTakingVictim->basicDetailRegistration->applicant_permanent_ward == $i ? 'selected' : '' }}>वडा नं. {{ $i }}</option>
                            @endfor
                        </select>
                    </div>
                </div>
                <span class="application_second_title">हाल बसोबासको ठेगाना:</span>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">प्रदेश <span class="star">*</span></label>
                        <select id="state_id1" name="loan_taking_applicant_basic_detail[applicant_temp_state]"
                        data-iteration="1" class="form-control o_state_id">
                        <option disabled selected value>प्रदेश चयन गर्नुहोस्</option>
                        @foreach ($states as $state)
                            <option value="{{ $state->id }}"
                                {{ $loanTakingVictim->basicDetailRegistration->applicant_temp_state == $state->id ? 'selected' : '' }}>
                                {{ $state->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-3">
                <div class="form-group">
                    <label for="">जिल्ला <span class="star">*</span></label>
                    <select id="o_district_id1" data-iteration="1"
                    name="loan_taking_applicant_basic_detail[applicant_temp_district]"
                    class="form-control o_district_id">
                    <option value="" disabled selected value>जिल्ला चयन गर्नुहोस् </option>
                    @foreach ($districts as $district)
                        <option value="{{ $district->id }}"
                            {{ $loanTakingVictim->basicDetailRegistration->applicant_temp_district == $district->id ? 'selected' : '' }}>
                            {{ $district->name }}</option>
                    @endforeach
                </select>
                </div>
            </div>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">न.पा./गा.पा <span class="star">*</span></label>
                        <select id="o_localbody_id1" data-iteration="1"
                        name="loan_taking_applicant_basic_detail[applicant_temp_local]"
                        class="form-control o_localbody_id">
                        <option value="" disabled selected value>स्थानीय तह चयन गर्नुहोस्
                        </option>
                        @foreach ($locals as $localbody)
                            <option value="{{ $localbody->id }}"
                                {{ $loanTakingVictim->basicDetailRegistration->applicant_temp_local == $localbody->id ? 'selected' : '' }}>
                                {{ $localbody->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-3">
                <div class="form-group">
                    <label for="">वडा नं<span class="star">*</span></label>
                    <select id="a_wada_id" name="loan_taking_applicant_basic_detail[applicant_temp_ward]"
                        class="form-control col-md-12">
                        <option disabled selected value>वडा चयन गर्नुहोस्</option>
                        @for ($i = 1; $i <= 32; $i++)
                            <option value="{{ $i }}"
                            {{ $loanTakingVictim->basicDetailRegistration->applicant_temp_ward == $i ? 'selected' : '' }}>
                                वडा नं. {{ $i }}</option>
                        @endfor
                    </select>
                </div>
            </div>


            <div class="col-4">
                <div class="form-group">
                    <label for="">(PAN) नं</label>

                    <input type="number" value="{{$loanTakingVictim->basicDetailRegistration->applicant_pan}}"
                        id="" name="loan_taking_applicant_basic_detail[applicant_pan]" class="input-text"  pattern="\d+" min="1"
                        autofocus>

                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="occupation">पेशा/व्यवसाय<span class="star">*</span></label>
                    <select id="occupation" name="loan_taking_applicant_basic_detail[applicant_occup]" class="form-control" autofocus>
                        <option  value="" selected disabled>पेशा/व्यवसाय चयन गर्नुहोस्</option>
                        <option value="शिक्षक" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'शिक्षक' ? 'selected' : '' }}>शिक्षक</option>
                        <option value="अभियंता" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'अभियंता' ? 'selected' : '' }}>अभियंता</option>
                        <option value="डॉक्टर" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'डॉक्टर' ? 'selected' : '' }}>डॉक्टर</option>
                        <option value="वकील" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'वकील' ? 'selected' : '' }}>वकील</option>
                        <option value="व्यवसाय" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'व्यवसाय' ? 'selected' : '' }}>व्यवसाय</option>
                        <option value="किसान" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'किसान' ? 'selected' : '' }}>किसान</option>
                        <option value="अन्य" {{ $loanTakingVictim->basicDetailRegistration->applicant_occup == 'अन्य' ? 'selected' : '' }}>अन्य</option>
                    </select>
                </div>
            </div>
            

            <div class="col-4">
                <div class="form-group">
                    <label for="">शैक्षिक योग्यता</label>
                    <select id="" name="loan_taking_applicant_basic_detail[applicant_edu]"
                        class="form-control">
                        <option value="" selected disabled>शैक्षिक योग्यता चयन गर्नुहोस्</option>
                        <option
                            {{$loanTakingVictim->basicDetailRegistration->applicant_edu == 'सामान्य लेखपढ' ? 'selected' : '' }}>
                            सामान्य लेखपढ</option>
                        <option
                            {{$loanTakingVictim->basicDetailRegistration->applicant_edu == 'कक्षा ८ सम्म' ? 'selected' : '' }}>
                            कक्षा ८ सम्म</option>
                        <option
                            {{$loanTakingVictim->basicDetailRegistration->applicant_edu == 'कक्षा १० सम्म' ? 'selected' : '' }}>
                            कक्षा १० सम्म</option>
                        <option
                            {{$loanTakingVictim->basicDetailRegistration->applicant_edu == 'कक्षा १२ सम्म' ? 'selected' : '' }}>
                            कक्षा १२ सम्म</option>
                        <option
                            {{$loanTakingVictim->basicDetailRegistration->applicant_edu == 'उच्च शिक्षा' ? 'selected' : '' }}>
                            उच्च शिक्षा</option>
                            <option
                            {{ $loanTakingVictim->basicDetailRegistration->applicant_edu == 'निराक्षर' ? 'selected' : '' }}>
                            निराक्षर</option>
                    </select>
                </div>
            </div>
        
        </div>

        <hr class="hr-line">

        {{-- BASIC INFROMATION END --}}

        {{-- OPPONENT INFROMATION --}}
        <div class="row">
            <span class="application_main_title">२. विपक्षी (ऋण/कर्जा दिने व्यक्ति) को विवरण:</span>
            <div class="col-6">
                <div class="form-group">
                    <label for="applicant_name">नाम, थर <span class="star">*</span></label>

                    <input type="text" value="{{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_name}}"  id=""
                        name="loan_taking_opponent_detail[opponent_name]" class="input-text" autofocus>
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="registrations">उमेर</label>

                    <input type="number" value="{{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_age}}" id=""
                        name="loan_taking_opponent_detail[opponent_age]" class="input-text" autofocus pattern="\d+" min="1">

                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="">पिताको नाम, थर</label>

                    <input type="text" value="{{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_fathername}}"
                        id="" name="loan_taking_opponent_detail[opponent_fathername]" class="input-text"
                        autofocus>

                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="opponent_fathers_no">फोन/मोबाईल नं</label>
                    <input type="number"value="{{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_fathers_no}}"
                           id="opponent_fathers_no" name="loan_taking_opponent_detail[opponent_fathers_no]"
                           class="input-text" autofocus placeholder="ex: ९८११११११११/०१-२३४५६८७"
                           oninput="validatePhoneNumber(this, 'phoneNumberError3')">
                    <span id="phoneNumberError3" style="display: none; color: red;">कृपया १० अंकको सही फोन नंबर प्रविष्ट गर्नुहोस्।</span>
                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="">पति/पत्नीको नाम थर</label>

                    <input type="text" value="{{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_spouse}}" 
                        id="" name="loan_taking_opponent_detail[opponent_spouse]" class="input-text" autofocus>

                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="opponent_spouse_no">फोन/मोबाईल नं</label>
                    <input type="number" value="{{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_spouse_no}}"
                           id="opponent_spouse_no" name="loan_taking_opponent_detail[opponent_spouse_no]"
                           class="input-text" autofocus placeholder="ex: ९८११११११११/०१-२३४५६८७"
                           oninput="validatePhoneNumber(this, 'phoneNumberError4')">
                    <span id="phoneNumberError4" style="display: none; color: red;">कृपया १० अंकको सही फोन नंबर प्रविष्ट गर्नुहोस्।</span>
                </div>
            </div>


            <span class="application_second_title">स्थायी ठेगाना:</span>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">प्रदेश </label>
                        <select id="state_id3" name="loan_taking_opponent_detail[opponent_permanent_state]"
                        data-iteration="3" class="form-control c_state_id">
                        <option disabled selected value>प्रदेश चयन गर्नुहोस्</option>
                        @foreach ($states as $state)
                            <option value="{{ $state->id }}"
                                {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_permanent_state == $state->id ? 'selected' : '' }}>
                                {{ $state->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-3">
                <div class="form-group">
                    <label for="">जिल्ला </label>
                    <select id="c_district_id3" data-iteration="3"
                        name="loan_taking_opponent_detail[opponent_permanent_district]"
                        class="form-control c_district_id">
                        <option value="">जिल्ला चयन गर्नुहोस्</option>
                        @foreach ($districts as $district)
                            <option value="{{ $district->id }}"
                                {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_permanent_district == $district->id ? 'selected' : '' }}>
                                {{ $district->name }}</option>
                        @endforeach
                    </select>
                    </div>
                </div>
            <div class="col-3">
                <div class="form-group">
                    <label for="">न.पा./गा.पा</label>
                    <select id="c_localbody_id3" data-iteration="3"
                        name="loan_taking_opponent_detail[opponent_permanent_local]" class="form-control c_localbody_id">
                        <option value="">स्थानीय तह चयन गर्नुहोस्</option>
                        @foreach ($locals as $localbody)
                            <option value="{{ $localbody->id }}"
                                {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_permanent_local == $localbody->id ? 'selected' : '' }}>
                                {{ $localbody->name }}</option>
                        @endforeach
                    </select>
                    </div>
                </div>
            <div class="col-3">
                <div class="form-group">
                    <label for="">वडा नं</label>
                    <select id="a_wada_id" name="loan_taking_opponent_detail[opponent_permanent_ward]"
                        class="form-control col-md-12">
                        <option disabled selected value>वडा चयन गर्नुहोस्</option>
                        @for ($i = 1; $i <= 32; $i++)
                            <option value="{{ $i }}"
                            {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_permanent_ward == $i ? 'selected' : '' }}>
                                वडा नं. {{ $i }}</option>
                        @endfor
                    </select>
                </div>
            </div>
                <span class="application_second_title">हाल बसोबासको ठेगाना:</span>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">प्रदेश</label>
                        <select id="state_id5" name="loan_taking_opponent_detail[opponent_temp_state]" data-iteration="5"
                        class="form-control e_state_id">
                        <option disabled selected value>प्रदेश चयन गर्नुहोस्</option>
                        @foreach ($states as $state)
                            <option value="{{ $state->id }}"
                                {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_temp_state == $state->id ? 'selected' : '' }}>
                                {{ $state->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">जिल्ला</label>
                        <select id="e_district_id5" data-iteration="5"
                        name="loan_taking_opponent_detail[opponent_temp_district]" class="form-control e_district_id">
                        <option value="">जिल्ला चयन गर्नुहोस्</option>
                        @foreach ($districts as $district)
                            <option value="{{ $district->id }}"
                                {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_temp_district == $district->id ? 'selected' : '' }}>
                                {{ $district->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
                <div class="col-3">
                    <div class="form-group">
                        <label for="">न.पा./गा.पा</label>
                        <select id="e_localbody_id5" data-iteration="5"
                        name="loan_taking_opponent_detail[opponent_temp_local]" class="form-control e_localbody_id">
                        <option value="">स्थानीय तह चयन गर्नुहोस्
                        </option>
                        @foreach ($locals as $localbody)
                            <option value="{{ $localbody->id }}"
                                {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_temp_local == $localbody->id ? 'selected' : '' }}>
                                {{ $localbody->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-3">
                <div class="form-group">
                    <label for="">वडा नं</label>
                    <select id="a_wada_id" name="loan_taking_opponent_detail[opponent_temp_ward]"
                        class="form-control col-md-12">
                        <option disabled selected value>वडा चयन गर्नुहोस्</option>
                        @for ($i = 1; $i <= 32; $i++)
                            <option value="{{ $i }}"
                            {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_temp_ward == $i ? 'selected' : '' }}>वडा नं.
                                {{ $i }}</option>
                        @endfor
                    </select>
                </div>
            </div>

            {{-- For other details in the basic information --}}

            <div class="col-6">
                <div class="form-group">
                    <label for="occupation">पेशा/व्यवसाय<span class="star">*</span></label>
                    <select id="occupation" name="loan_taking_opponent_detail[opponent_occupation]" class="form-control" autofocus>
                        <option disabled selected value>पेशा/व्यवसाय चयन गर्नुहोस्</option>
                        <option value="शिक्षक" {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'शिक्षक' ? 'selected' : '' }}>शिक्षक</option>
                        <option value="अभियंता" {{$loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'अभियंता' ? 'selected' : '' }}>अभियंता</option>
                        <option value="डॉक्टर" {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'डॉक्टर' ? 'selected' : '' }}>डॉक्टर</option>
                        <option value="वकील" {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'वकील' ? 'selected' : '' }}>वकील</option>
                        <option value="व्यवसाय" {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'व्यवसाय' ? 'selected' : '' }}>व्यवसाय</option>
                        <option value="किसान" {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'किसान' ? 'selected' : '' }}>किसान</option>
                        <option value="अन्य" {{ $loanTakingVictim->basicOpponentDetailRegistration->opponent_occupation == 'अन्य' ? 'selected' : '' }}>अन्य</option>
                    </select>
                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="">शैक्षिक योग्यता</label>
                    <select id="" name="loan_taking_opponent_detail[opponent_education_level]"
                        class="form-control">
                        <option value="" selected disabled>शैक्षिक योग्यता चयन गर्नुहोस्</option>
                        <option
                            {{$loanTakingVictim->basicOpponentDetailRegistration->opponent_education_level == 'सामान्य लेखपढ' ? 'selected' : '' }}>
                            सामान्य लेखपढ</option>
                        <option
                            {{$loanTakingVictim->basicOpponentDetailRegistration->opponent_education_level == 'कक्षा ८ सम्म' ? 'selected' : '' }}>
                            कक्षा ८ सम्म</option>
                        <option
                            {{$loanTakingVictim->basicOpponentDetailRegistration->opponent_education_level == 'कक्षा १० सम्म' ? 'selected' : '' }}>
                            कक्षा १० सम्म</option>
                        <option
                            {{$loanTakingVictim->basicOpponentDetailRegistration->opponent_education_level == 'कक्षा १२ सम्म' ? 'selected' : '' }}>
                            कक्षा १२ सम्म</option>
                        <option
                            {{$loanTakingVictim->basicOpponentDetailRegistration->opponent_education_level == 'उच्च शिक्षा' ? 'selected' : '' }}>
                            उच्च शिक्षा</option>
                    </select>
                </div>
            </div>

        </div>

        <hr class="hr-line">

        {{-- OPPONENT INFROMATION END --}}

        {{--  LOAN TAKING DETAIL  --}}
        <div class="row">
            <span class="application_main_title">३. ऋण/कर्जा कारोबारको विवरण:</span>

            <div class="col-12">
                <div class="form-group">
                    <label for="">क. ऋण लिनुपर्ने कारण/प्रयोजन <span class="star">*</span></label>
                    <p class="listing_checkbox">
                        (अ) विवाह <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="विवाह" {{ in_array('विवाह', $loanPurposes) ? 'checked' : '' }}><br>
                        (आ) शिक्षा <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="शिक्षा" {{ in_array('शिक्षा', $loanPurposes) ? 'checked' : '' }}><br>
                        (इ) उपचार <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="उपचार" {{ in_array('उपचार', $loanPurposes) ? 'checked' : '' }}><br>
                        (ई) वैदेशिक रोजगारमा पठाउन <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="वैदेशिक रोजगारमा पठाउन" {{ in_array('वैदेशिक रोजगारमा पठाउन', $loanPurposes) ? 'checked' : '' }}><br>
                        (उ) अरुको ऋण तिर्न <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="अरुको ऋण तिर्न" {{ in_array('अरुको ऋण तिर्न', $loanPurposes) ? 'checked' : '' }}><br>
                        (ऊ) घर निर्माण/जग्गा खरिद <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="घर निर्माण/जग्गा खरिद" {{ in_array('घर निर्माण/जग्गा खरिद', $loanPurposes) ? 'checked' : '' }}><br>
                        (ऋ) सवारी साधन खरिद <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="सवारी साधन खरिद" {{ in_array('सवारी साधन खरिद', $loanPurposes) ? 'checked' : '' }}><br>
                        (ऌ) अन्य सामाजिक व्यवहार चलाउन <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]"
                             value="अन्य सामाजिक व्यवहार चलाउन" onchange="toggleOtherOptions()"
                             {{ in_array('अन्य सामाजिक व्यवहार चलाउन', $loanPurposes) ? 'checked' : '' }}>
                             <div class="other-options" style="{{ in_array('अन्य सामाजिक व्यवहार चलाउन', $loanPurposes) ? '' : 'display: none;' }}">
                            <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="जन्म" {{ in_array('जन्म', $loanPurposes) ? 'checked' : '' }}>
                            जन्म
                            <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="मृत्यु" {{ in_array('मृत्यु', $loanPurposes) ? 'checked' : '' }}>
                            मृत्यु
                            <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="पासनी" {{ in_array('पासनी', $loanPurposes) ? 'checked' : '' }}>
                            पासनी
                            <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="व्रतवन्ध"  {{ in_array('व्रतवन्ध', $loanPurposes) ? 'checked' : '' }}>
                            व्रतवन्ध
                            <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="कर्मकाण्ड"  {{ in_array('कर्मकाण्ड', $loanPurposes) ? 'checked' : '' }}>
                            कर्मकाण्ड
                            <input type="checkbox" name="loan_taking_loan_detail[loan_purpose][]" value="अन्य"  {{ in_array('अन्य', $loanPurposes) ? 'checked' : '' }}>
                            अन्य
                        </div>
                        <script>
                            function toggleOtherOptions() {
                                var otherCheckbox = document.querySelector('input[value="अन्य सामाजिक व्यवहार चलाउन"]');
                                var otherOptions = document.querySelectorAll('.other-options');
            
                                otherOptions.forEach(function(option) {
                                    option.style.display = otherCheckbox.checked ? 'block' : 'none';
                                });
                            }
                        </script>
            
                    </p>
            
                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="loan-datepicker">ख. कर्जा/ऋण कारोबार भएको मिति <span class="star">*</span></label>

                    <input type=""value="{{ $loanTakingVictim->loanDetail->loan_date}}" id="loan-datepicker"
                        name="loan_taking_loan_detail[loan_date]" class="input-text" autofocus>

                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="">ग. कर्जा/ऋण कारोबार भएको स्थान <span class="star">*</span></label>

                    <input type="" value="{{ $loanTakingVictim->loanDetail->loan_date}}" id=""
                        name="loan_taking_loan_detail[loan_location]" class="input-text" autofocus>

                </div>
            </div>

            <div class="col-4">
                <div class="form-group">
                    <label for="">घ. कर्जा/ऋण कारोबार भएको रकम <span class="star">*</span></label>

                    <input type="number"value="{{ $loanTakingVictim->loanDetail->loan_amount}}" id=""
                        name="loan_taking_loan_detail[loan_amount]" class="input-text" autofocus pattern="\d+" min="1">

                </div>
            </div>

            <div class="col-12">
                <div class="form-group">
                    <label for="" class="application_main_title">ङ. कर्जा/ऋण कारोबार हुँदाका बखतका साक्षीहरु <span class="star">*</span>
                    </label>
                    @foreach ($witnessArray as $witness)
                    <div class="input-group">
                        <textarea type="" id="" name="loan_taking_loan_detail[loan_witness][]" class="form-control equal-height" autofocus>{{ $witness }}</textarea>
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary btn-sm add-textarea equal-height" type="button">+</button>
                        </div>
                </div>
                @endforeach
            </div>
            </div>
        

<script>
    $(document).ready(function() {
        // Add textarea functionality
        $(document).on('click', '.add-textarea', function() {
            var container = $(this).closest('.form-group');
            var clonedInputGroup = container.find('.input-group-append').first().clone(); // Clone the input group
            clonedInputGroup.find('.add-textarea').removeClass('add-textarea').addClass('remove-textarea').text('-'); // Change the button to "-"
            clonedInputGroup.find('.remove-textarea').after('<button type="button" class="btn btn-light add-textarea">+</button>'); // Add the "+" button after the "-" button
            clonedInputGroup.find('.add-textarea').remove(); // Remove additional "+" buttons
            var clonedTextarea = $('<textarea type="" name="loan_taking_additional_detail[application_verifying_document][]" class="form-control equal-height" autofocus></textarea>'); // Create a new empty textarea
            var textareaContainer = $('<div class="textarea-container"></div>').append(clonedTextarea).append(clonedInputGroup);
            container.after('<div class="form-group">' + textareaContainer.prop('outerHTML') + '</div>'); // Append cloned textarea and input group
        });
        // Remove textarea functionality
        $(document).on('click', '.remove-textarea', function() {
            var container = $(this).closest('.form-group');
            if ($('.form-group').length > 1) {
                container.remove();
            }
        });
        // Change the button text to "+" for the original textarea
        $('.input-group-append').first().find('.add-textarea').text('+');
    });
    </script>



            <div class="col-6">
                <div class="form-group">
                    <label for="">उ. लिखत लेख्ने व्यक्तिको नाम, थर <span class="star">*</span></label>

                    <input type="" value="{{ $loanTakingVictim->loanDetail->loan_docs_write}}" id=""
                        name="loan_taking_loan_detail[loan_docs_write]" class="input-text" autofocus>

                </div>
            </div>

            <div class="col-6">
                <div class="form-group">
                    <label for="">ठेगाना <span class="star">*</span></label>

                    <input type="" value="{{ $loanTakingVictim->loanDetail->loan_docs_address}}" id=""
                        name="loan_taking_loan_detail[loan_docs_address]" class="input-text" autofocus>

                </div>
            </div>

        </div>

        <hr class="hr-line">
        {{-- 2nd LTD  --}}
        <div class="row">

            <div class="col-12">

                <div class="form-group">
                    <label class="application_main_title">४. ऋण/कर्जा लिएको माध्यम: <span class="star">*</span></label>

                    <p class="listing_checkbox">
                        (क) नगद 
                        <input type="checkbox" value="नगद" id="" name="loan_taking_loan_detail[loan_medium][]" 
                               {{ in_array('नगद', old('loan_taking_loan_detail.loan_medium', $loanMediumsArray)) ? 'checked' : '' }}>
                        <br>
                    
                        (ख) चेक 
                        <input type="checkbox" value="चेक" id="" name="loan_taking_loan_detail[loan_medium][]" 
                               {{ in_array('चेक', old('loan_taking_loan_detail.loan_medium', $loanMediumsArray)) ? 'checked' : '' }}>
                        <br>
                    
                        (ग) जिन्सी 
                        <input type="checkbox" value="जिन्सी" id="" name="loan_taking_loan_detail[loan_medium][]" 
                               {{ in_array('जिन्सी', old('loan_taking_loan_detail.loan_medium', $loanMediumsArray)) ? 'checked' : '' }}>
                        <br>
                    
                        (घ) चेक र नगद दुवै 
                        <input type="checkbox" value="चेक र नगद दुवै" id="" name="loan_taking_loan_detail[loan_medium][]" 
                               {{ in_array('चेक र नगद दुवै', old('loan_taking_loan_detail.loan_medium', $loanMediumsArray)) ? 'checked' : '' }}>
                        <br>
                    
                        (ङ) अन्य 
                        <input type="checkbox" value="अन्य" id="" name="loan_taking_loan_detail[loan_medium][]" 
                               {{ in_array('अन्य', old('loan_taking_loan_detail.loan_medium', $loanMediumsArray)) ? 'checked' : '' }}>
                    </p>


                    {{-- <div class="purposeandnature" style="">
                            @foreach ($proofs as $proof)
                                <input type="checkbox" name="loan_taking_loan_detail[loan_medium][]" value="{{ $proof->id }}" {{ is_array(old('loan_taking_loan_detail.loan_medium')) && in_array($purpose->id, old('loan_taking_loan_detail.loan_medium')) ? 'checked' : '' }}>
                                {{ $proof->title }}<br>
                            @endforeach

                        </div> --}}

                </div>

            </div>
        </div>

        <hr class="hr-line">
        {{-- Another Row Ends --}}
        <div class="row">
            <span class="application_main_title">५. ऋण/कर्जा लिँदाका बखतका विवरण तथा शर्तहरु:<span
                    class="star">*</span></span>
            <div class="col-12">
                <div class="form-group">
                    <label for="">क. कर्जा लिँदा तमसुक/लिखत/सम्झौता </label>

                    <div>
                        <input type="radio" id="loan_docs_yes" name="loan_taking_loan_detail[is_loan_docs]" value="1" @if($previouslyStoredValueForLoanDocs == '1') checked @endif>
                        <label for="loan_docs_yes">भएको</label>
                    </div>
                    <div>
                        <input type="radio" id="loan_docs_no" name="loan_taking_loan_detail[is_loan_docs]" value="0" @if($previouslyStoredValueForLoanDocs == '0') checked @endif>
                        <label for="loan_docs_no">नभएको</label>
                    </div>


                </div>
            </div>


            <div class="col-12">
                <div class="form-group">
                    <label for="">अ. लेनदेन भएको रकम र तमसुकमा उल्लेख भएको रकम समान</label>

                    <div>
                        <input type="radio" id="loan_same_yes" name="loan_taking_loan_detail[is_loan_same]" value="1" @if($previouslyStoredValueForLoanSame == '1') checked @endif>
                        <label for="loan_same_yes">भएको</label>
                    </div>
                    <div>
                        <input type="radio" id="loan_same_no" name="loan_taking_loan_detail[is_loan_same]" value="0" @if($previouslyStoredValueForLoanSame == '0') checked @endif>
                        <label for="loan_same_no">नभएको</label>
                    </div>


                </div>
            </div>

            <div class="col-12">
                <div class="form-group">
                    <label for="">आ. लिखत/तमसुकमा उल्लेख भएको रकम</label>

                    <input type="number"value="{{ $loanTakingVictim->loanDetail->loan_tamasuk_amount}}"
                        id="" name="loan_taking_loan_detail[loan_tamasuk_amount]" class="input-text" autofocus pattern="\d+" min="1">

                </div>
            </div>

            <div class="col-12">
                <div class="form-group">
                    <label for="">इ. ऋण/कर्जा कारोबार भएको वास्तविक रकम</label>

                    <input type="number" value="{{ $loanTakingVictim->loanDetail->loan_transaction_actual_amount}}"
                        id="" name="loan_taking_loan_detail[loan_transaction_actual_amount]" class="input-text"
                        autofocus pattern="\d+" min="1">

                </div>
            </div>

            <div class="col-12">
                <div class="form-group">
                    <label for="">ई. ऋण लिँदा सही छाप मात्र गरी धनिलाई खाली चेक</label>

                    <div>
                        <input type="radio" id="loan_stamp_given" name="loan_taking_loan_detail[is_taken_loan_stamp]" value="1" @if($previouslyStoredValueForLoanStamp == '1') checked @endif>
                        <label for="loan_stamp_given">दिएको</label>
                    </div>
                    <div>
                        <input type="radio" id="loan_stamp_not_given" name="loan_taking_loan_detail[is_taken_loan_stamp]" value="0"  @if($previouslyStoredValueForLoanStamp == '0') checked @endif>
                        <label for="loan_stamp_not_given">नदिएको</label>
                    </div>

                </div>
            </div>

            <div class="col-12">
                <div class="form-group">
                    <label for="">उ. धनी/साहुलाई रकम उल्लेख भएको चेक दिएको भए, चेकमा के कति रकम भरेको हो?</label>

                    <input type="number" value="{{ $loanTakingVictim->loanDetail->taken_loan_stamp_amount}}"
                        id="" name="loan_taking_loan_detail[taken_loan_stamp_amount]" class="input-text"
                        autofocus pattern="\d+" min="1">

                </div>
            </div>

            <div class="col-12">
                <div class="form-group">
                    <label for="">ऊ. लिखत/तमसुक परिवर्तन</label>

                    <div>
                        <input type="radio" id="written_tamsuk_changed_yes" name="loan_taking_loan_detail[is_written_tamsuk_changed]" value="1" @if($previouslyStoredValue == '1') checked @endif>
                        <label for="written_tamsuk_changed_yes">गरेको</label>
                    </div>
                    <div>
                        <input type="radio" id="written_tamsuk_changed_no" name="loan_taking_loan_detail[is_written_tamsuk_changed]" value="0" @if($previouslyStoredValue == '0') checked @endif>
                        <label for="written_tamsuk_changed_no">नगरेको</label>
                    </div>

                </div>
            </div>


            <span class="application_second_title">ख. जग्गा राजिनामा पारीत गरी दिई ऋण/कर्जा लिएको सम्बन्धमा: </span>

            <div class="col-12">
                <div class="form-group">
                    <label for="">अ. जग्गा फिर्ता गर्ने शर्त राखिएको</label>

                    <div>
                        <input type="radio" id="land_return_promise_kept" name="loan_taking_loan_detail[is_land_return_promise]" value="1" @if($previouslyStoredValueForLandReturn == '1') checked @endif>
                        <label for="land_return_promise_kept">थियो</label>
                    </div>
                    <div>
                        <input type="radio" id="land_return_promise_not_kept" name="loan_taking_loan_detail[is_land_return_promise]" value="0" @if($previouslyStoredValueForLandReturn == '0') checked @endif>
                        <label for="land_return_promise_not_kept">थिएन</label>
                    </div>

                </div>
            </div>


            <div class="col-12">
                <div class="form-group">
                    <label for="">आ. कुनै अर्को शर्त राखेर अर्को लिखत/तमसुक खडा गरिएको</label>

                    <div>
                        <input type="radio" id="other_return_promise_yes" name="loan_taking_loan_detail[is_other_return_promise]" value="1" @if($previouslyStoredValueForOtherReturnPromise == '1') checked @endif>
                        <label for="other_return_promise_yes">थियो</label>
                    </div>
                    <div>
                        <input type="radio" id="other_return_promise_no" name="loan_taking_loan_detail[is_other_return_promise]" value="0" @if($previouslyStoredValueForOtherReturnPromise == '0') checked @endif>
                        <label for="other_return_promise_no">थिएन</label>
                    </div>

                </div>
            </div>


            <div class="col-12">
                <div class="form-group">
                    <label for="">ग. हाल सो जग्गाको भोग कसले गरिरहेको छ?</label>
                    <select class="toggle-select" data-details-id="other-person-details" data-address-id="other-person-address" name="loan_taking_loan_detail[land_rights_possessed_by_whome]">
                        <option disabled selected value>चयन गर्नुहोस्</option>
                        <option value="निवेदक" {{$loanTakingVictim->loanDetail->land_rights_possessed_by_whome == 'निवेदक' ? 'selected' : '' }}>निवेदक</option>
                        <option value="विपक्षी" {{$loanTakingVictim->loanDetail->land_rights_possessed_by_whome == 'विपक्षी' ? 'selected' : '' }}>विपक्षी</option>
                        <option value="अन्य व्यक्ति" {{$loanTakingVictim->loanDetail->land_rights_possessed_by_whome == 'अन्य व्यक्ति' ? 'selected' : '' }}>अन्य व्यक्ति</option>
                    </select>
                </div>
            </div>
            <div class="col-6" id="other-person-details" style="display: none;">
                <div class="form-group">
                    <label for="">अन्य व्यक्ति भए निजको नाम, थर</label>
                    <input type="text" value="{{ $loanTakingVictim->loanDetail->land_used_by_name}}" name="loan_taking_loan_detail[land_used_by_name]" class="input-text" autofocus>
                </div>
            </div>
            <div class="col-6" id="other-person-address" style="display: none;">
                <div class="form-group">
                    <label for="">ठेगाना</label>
                    <input type="text" value="{{ $loanTakingVictim->loanDetail->land_used_by_address}}" name="loan_taking_loan_detail[land_used_by_address]" class="input-text" autofocus>
                </div>
            </div>
            
            
            
            <script>
                function toggleInputs(selectElement) {
                    var detailsId = selectElement.getAttribute('data-details-id');
                    var addressId = selectElement.getAttribute('data-address-id');
                    var otherPersonDetails = document.getElementById(detailsId);
                    var otherPersonAddress = document.getElementById(addressId);
            
                    if (selectElement.value === 'अन्य व्यक्ति') {
                        otherPersonDetails.style.display = 'block';
                        otherPersonAddress.style.display = 'block';
                    } else {
                        otherPersonDetails.style.display = 'none';
                        otherPersonAddress.style.display = 'none';
                    }
                }
            
                document.addEventListener('DOMContentLoaded', function() {
                    var selectElements = document.querySelectorAll('.toggle-select');
                    selectElements.forEach(function(selectElement) {
                        // Initialize the visibility on page load
                        toggleInputs(selectElement);
                        // Add event listener for change event
                        selectElement.addEventListener('change', function() {
                            toggleInputs(selectElement);
                        });
                    });
                });
            </script>
            
            <div class="row">
                <span class="application_second_title">घ. जग्गा दृष्टिबन्धक गरी पारित गरिदिई ऋण/कर्जा लिएकोमा: </span>
                <div class="col-12">
                    <div class="form-group">
                        <label for="">(अ) जग्गा दृष्टिबन्धक लिखत गर्दा अन्य केही शर्त राखिएको <span class="star">*</span></label>
                        <div>
                            <input type="radio" id="land_stop_promise_yes" name="loan_taking_loan_detail[is_land_stop_promise]" value="1" @if($previouslyStoredValueForLandStopPromise == '1') checked @endif onclick="toggleTextarea(true, 'textareaContainer1')">
                            <label for="land_stop_promise_yes">थियो</label>
                        </div>
                        <div>
                            <input type="radio" id="land_stop_promise_no" name="loan_taking_loan_detail[is_land_stop_promise]" value="0" @if($previouslyStoredValueForLandStopPromise == '0') checked @endif onclick="toggleTextarea(false, 'textareaContainer1')">
                            <label for="land_stop_promise_no">थिएन</label>
                        </div>
                    </div>
                </div>
                <div class="col-12" id="textareaContainer1" style="display: none;">
                    <div class="form-group">
                        <label for="">(आ) शर्त राखिएको भए के शर्त राखिएको थियो?</label>
                        <textarea name="loan_taking_loan_detail[land_stop_promise_state]" class="input-text" autofocus>{{ optional($loanTakingVictim->loanDetail)->land_stop_promise_state }}</textarea>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="form-group">
                    <label for="">(इ) उक्त दृष्टिबन्धक राखिएको जग्गाको भोग चलन कसले गरिरहेको छ</label>
                    <select class="toggle-select" data-details-id="other-person-details2" data-address-id="other-person-address2" name="loan_taking_loan_detail[land_stop_promise_who_name]">
                        <option disabled selected value>चयन गर्नुहोस्</option>
                        <option value="निवेदक" {{$loanTakingVictim->loanDetail->land_stop_promise_who_name == 'निवेदक' ? 'selected' : '' }}>निवेदक</option>
                        <option value="विपक्षी" {{$loanTakingVictim->loanDetail->land_stop_promise_who_name == 'विपक्षी' ? 'selected' : '' }}>विपक्षी</option>
                        <option value="अन्य व्यक्ति" {{$loanTakingVictim->loanDetail->land_stop_promise_who_name == 'अन्य व्यक्ति' ? 'selected' : '' }}>अन्य व्यक्ति</option>
                    </select>
                </div>
            </div>
            <div class="col-6" id="other-person-details2" style="display: none;">
                <div class="form-group">
                    <label for="">अन्य व्यक्ति भए निजको नाम, थर</label>
                    <input type="text" value="{{ $loanTakingVictim->loanDetail->land_stop_promise_used_by_name}}" name="loan_taking_loan_detail[land_stop_promise_used_by_name]" class="input-text" autofocus>
                </div>
            </div>
            <div class="col-6" id="other-person-address2" style="display: none;">
                <div class="form-group">
                    <label for="">ठेगाना</label>
                    <input type="text" value="{{ $loanTakingVictim->loanDetail->land_stop_promise_used_by_address}}" name="loan_taking_loan_detail[land_stop_promise_used_by_address]" class="input-text" autofocus>
                </div>
            </div>
            
            <script>
                function toggleTextarea(show, containerId) {
                    var container = document.getElementById(containerId);
                    container.style.display = show ? 'block' : 'none';
                }
            
                document.addEventListener('DOMContentLoaded', function() {
                    // Initialize visibility based on previously stored values
                    var landStopPromiseYes = document.getElementById('land_stop_promise_yes').checked;
                    toggleTextarea(landStopPromiseYes, 'textareaContainer1');
                });
            </script>
            
            <div class="row">
                <span class="application_second_title">ङ. तमसुक/शर्तनामामा जमानी राखेको भए:</span>
                <div class="col-12">
                    <div class="form-group">
                        <label for="">क. जमानी बस्नेको कुनै शर्त</label>
                        <div>
                            <input type="radio" id="witness_any_promise_yes" name="loan_taking_loan_detail[is_witness_any_promise]" value="1" @if($previouslyStoredValueForWitnessAnyPromise == '1') checked @endif onclick="toggleTextarea(true, 'textareaContainer2')">
                            <label for="witness_any_promise_yes">थियो</label>
                        </div>
                        <div>
                            <input type="radio" id="witness_any_promise_no" name="loan_taking_loan_detail[is_witness_any_promise]" value="0" @if($previouslyStoredValueForWitnessAnyPromise == '0') checked @endif onclick="toggleTextarea(false, 'textareaContainer2')">
                            <label for="witness_any_promise_no">थिएन</label>
                        </div>
                    </div>
                </div>
                <div class="col-12" id="textareaContainer2" style="display: none;">
                    <div class="form-group">
                        <label for="">ख. शर्त थियो भने के थियो?</label>
                        <textarea name="loan_taking_loan_detail[witness_any_promise_state]" class="input-text">{{ $loanTakingVictim->loanDetail->witness_any_promise_state }}</textarea>
                    </div>
                </div>
            </div>
        </div>
            
            <script>
                document.addEventListener('DOMContentLoaded', function() {
                    // Initialize visibility based on previously stored values
                    var witnessAnyPromiseYes = document.getElementById('witness_any_promise_yes').checked;
                    toggleTextarea(witnessAnyPromiseYes, 'textareaContainer2');
                });
            </script>
            

        <hr class="hr-line">
        {{-- 2nd LTD --}}


        {{--  LOAN TAKING DETAIL END  --}}

        {{-- Interest Detail Start --}}
        <span class="application_main_title">६. लिखत/तमसुकमा उल्लेख भएको मुलधन र ब्याज सम्बन्धमा <span
                class="star">*</span></span>
        <div class="col-12">
            <div class="form-group">
                <label for="">क. लिखत/तमसुकमा उल्लेख भएको ब्याजदर प्रतिशत </label>

                <input type="number" value="{{ $loanTakingVictim->interestDetail->written_docs_interest_rate}}"
                    id="" name="loan_taking_interest_detail[written_docs_interest_rate]" class="input-text"
                    autofocus  min="1" >

            </div>
        </div>

        <div class="col-12">
            <div class="form-group">
                <label for="">ख. बुझाउने/बुझाएको ब्याजदर प्रतिशत</label>

                <input type="number" value="{{ $loanTakingVictim->interestDetail->written_docs_given_interest_rate}}" 
                    id="" name="loan_taking_interest_detail[written_docs_given_interest_rate]"
                    class="input-text" autofocus  min="1">

            </div>
        </div>

        <div class="col-6">
            <div class="form-group">
                <label for="">ग. हाल सम्म बुझाएको ब्याज रकम </label>

                <input type="number" value="{{ $loanTakingVictim->interestDetail->till_now_interest_amount}}"
                    id="" name="loan_taking_interest_detail[till_now_interest_amount]" class="input-text"
                    autofocus pattern="\d+" min="1">

            </div>
        </div>
        <div class="col-6">
            <div class="form-group">
                <label for="">घ. ब्याज बुझाएको माध्यम</label>
                <p class="listing_checkbox">
                    (क) नगद 
                    <input type="checkbox" value="नगद" id="" name="loan_taking_interest_detail[interest_paid_medium][]" 
                           {{ in_array('नगद', old('loan_taking_interest_detail.interest_paid_medium', $loanMediumsArray)) ? 'checked' : '' }}>
                    <br>
                
                    (ख) चेक 
                    <input type="checkbox" value="चेक" id="" name="loan_taking_interest_detail[interest_paid_medium][]" 
                           {{ in_array('चेक', old('loan_taking_interest_detail.interest_paid_medium', $interestMediumsArray)) ? 'checked' : '' }}>
                    <br>
                
                    (ग) जिन्सी 
                    <input type="checkbox" value="जिन्सी" id="" name="loan_taking_interest_detail[interest_paid_medium][]" 
                           {{ in_array('जिन्सी', old('loan_taking_interest_detail.interest_paid_medium', $interestMediumsArray)) ? 'checked' : '' }}>
                    <br>
                
                    (घ) चेक र नगद दुवै 
                    <input type="checkbox" value="चेक र नगद दुवै" id="" name="loan_taking_interest_detail[interest_paid_medium][]" 
                           {{ in_array('चेक र नगद दुवै', old('loan_taking_interest_detail.interest_paid_medium', $interestMediumsArray)) ? 'checked' : '' }}>
                    <br>
                
                    (ङ) अन्य 
                    <input type="checkbox" value="अन्य" id="" name="loan_taking_interest_detail[interest_paid_medium][]" 
                           {{ in_array('अन्य', old('loan_taking_interest_detail.interest_paid_medium', $interestMediumsArray)) ? 'checked' : '' }}>
                </p>



                {{-- <select id="" name="loan_taking_interest_detail[interest_paid_medium]" class="form-control"
                    required>
                    <option disabled value=""
                        {{ old('loan_taking_interest_detail.interest_paid_medium') ? '' : 'selected' }}>माध्यम चयन
                        गर्नुहोस्</option>

                    <option value="नगद"
                        {{ old('loan_taking_interest_detail.interest_paid_medium') == 'नगद' ? 'selected' : '' }}>नगद
                    </option>
                    <option value="चेक"
                        {{ old('loan_taking_interest_detail.interest_paid_medium') == 'चेक' ? 'selected' : '' }}>चेक
                    </option>
                    <option value="जिन्सी"
                        {{ old('loan_taking_interest_detail.interest_paid_medium') == 'जिन्सी' ? 'selected' : '' }}>
                        जिन्सी</option>
                    <option value="चेक र नगद दुवै"
                        {{ old('loan_taking_interest_detail.interest_paid_medium') == 'चेक र नगद दुवै' ? 'selected' : '' }}>
                        चेक र नगद दुवै</option>
                    <option value="अन्य"
                        {{ old('loan_taking_interest_detail.interest_paid_medium') == 'अन्य' ? 'selected' : '' }}>अन्य
                    </option>

                </select> --}}

                {{-- <select id="" name="loan_taking_interest_detail[interest_paid_medium]" class="form-control" required>
                        <option disabled value="" {{ old('loan_taking_interest_detail.interest_paid_medium') ? '' : 'selected' }}>माध्यम चयन गर्नुहोस्</option>
                        @foreach ($proofs as $proof)
                            <option value="{{ $proof->id }}" {{ old('loan_taking_interest_detail.interest_paid_medium') == $proof->id ? 'selected' : '' }}>{{ $proof->title }}</option>
                        @endforeach
                    </select> --}}
            </div>
        </div>

        <div class="col-6">
            <div class="form-group">
                <label for="">ङ. हालसम्म बुझाएको मूल धन वापतको रकम </label>

                <input type="number"  value="{{ $loanTakingVictim->interestDetail->till_now_paid_capital}}"
                    id="" name="loan_taking_interest_detail[till_now_paid_capital]" class="input-text"
                    autofocus pattern="\d+" min="1">

            </div>
        </div>

        <div class="col-6">
            <div class="form-group">
                <label for="">च. बुझाउन बाँकी रकम</label>

                <input type="number" value="{{ $loanTakingVictim->interestDetail->till_now_to_be_paid_amount}}"
                    id="" name="loan_taking_interest_detail[till_now_to_be_paid_amount]" class="input-text"
                    autofocus pattern="\d+" min="1">

            </div>
        </div>

        <div class="col-6">
            <div class="form-group">
                <label for="">छ. वडा कार्यालयमा लिखत दर्ता</label>
                <div>
                    <input type="radio" id="is_registered_inward_yes" name="loan_taking_interest_detail[is_registered_inward]" value="1" @if($previouslyStoredValue == '1') checked @endif onclick="toggleTextarea(true, 'registered_no_field')">
                    <label for="is_registered_inward_yes">भएको</label>
                </div>
                <div>
                    <input type="radio" id="is_registered_inward_no" name="loan_taking_interest_detail[is_registered_inward]" value="0" @if($previouslyStoredValue == '0') checked @endif onclick="toggleTextarea(false, 'registered_no_field')">
                    <label for="is_registered_inward_no">नभएको</label>
                </div>
            </div>
        </div>
        
        <div class="col-6" id="registered_no_field" style="display: none;">
            <div class="form-group">
                <label for="">भएको भए दर्ता नं.</label>
                <input type="number" value="{{ $loanTakingVictim->interestDetail->registered_no ?? '' }}" id="registered_no" name="loan_taking_interest_detail[registered_no]" class="input-text" autofocus pattern="\d+" min="1">
            </div>
        </div>
        
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                // Initialize visibility based on previously stored values
                var registerInwardsyes = document.getElementById('is_registered_inward_yes').checked;
                toggleTextarea(registerInwardsyes, 'registered_no_field');
            });
        </script>
        

        <hr class="hr-line">
        {{-- Row ends --}}
        <div class="row">

            <div class="col-12">
                <div class="form-group">
                    <label class="application_main_title" for="payment-datepicker">७. तमसुक/लिखित अनुसार ऋण/कर्जा सावाँ
                        ब्याज बुझाउने अन्तिम म्याद (भाखा)<span class="star">*</span></label>

                    <input type="" value="{{ $loanTakingVictim->interestDetail->loan_amount_pay_last_date}}" 
                        id="payment-datepicker" name="loan_taking_interest_detail[loan_amount_pay_last_date]"
                        class="input-text" autofocus>

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


        <hr class="hr-line">
        {{-- Row ends --}}



        {{-- Interest Detail End --}}



        {{-- COURT DETAIL --}}
        <div class="row">
            <div class="col-12">
                <div class="form-group">
                    <label class="application_main_title" for="">८. ऋण/कर्जा कारोवारको सम्बन्धमा अदालतमा मुद्दा
                        परेको <span class="star">*</span></label>
                    <div>
                        <input type="radio" id="issue_in_court_yes" name="loan_taking_court_detail[is_issue_in_court]" value="1"  @if($previouslyStoredCourtValue == '1') checked @endif  onclick="toggleCourtFields(true)">
                        <label for="issue_in_court_yes">छ </label>
                    </div>
                    <div>
                        <input type="radio" id="issue_in_court_no" name="loan_taking_court_detail[is_issue_in_court]" value="0"  @if($previouslyStoredCourtValue == '0') checked @endif   onclick="toggleCourtFields(false)">
                        <label for="issue_in_court_no">छैन</label>
                    </div>
                </div>
            </div>

            <div class="col-12" id="courtCaseFields">

                <div class="form-group">
                    <label for="">क. अदालतमा मुद्दा दायर भएको भए:</label>
                    <select name="loan_taking_court_detail[issue_in_court_result]">
                        <option disabled selected value>चयन गर्नुहोस्</option>
                        @foreach($results as $result)
                        <option value="{{ $result }}" {{ $loanTakingVictim->courtDetail->issue_in_court_result === $result ? 'selected' : '' }}>{{ $result }}</option>
                    @endforeach
                    </select>
        
                </div>
            </div>

            <div class="col-6" id="courtCaseFields1">
                <div class="form-group">
                    <label for="">ख. मुद्दाको विषय</label>
                    <input type="text" value="{{ $loanTakingVictim->courtDetail->issue_in_court_subject}}"
                        name="loan_taking_court_detail[issue_in_court_subject]" class="input-text" autofocus>
                </div>
            </div>

            <div class="col-6" id="courtCaseFields2">
                <div class="form-group">
                    <label for="">मुद्दा नं</label>
                    <input type="number" value="{{ $loanTakingVictim->courtDetail->issue_in_court_subject_no}}"
                        name="loan_taking_court_detail[issue_in_court_subject_no]" class="input-text" autofocus pattern="\d+" min="1">
                </div>
            </div>

            <div class="row">
                <div class="col-md-12" id="courtCaseFields3">
                    <span class="application_main_title">९. अदालतको फैसलाको अवस्था:<span class="star">*</span></span>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="">क. फैसला बमोजिम भरीभराउ भई पीडितको अचल सम्पत्ति डाँक लिलाम</label>
                            <div>
                                <input type="radio" id="issue_in_court_applicant_asset_collapse_yes" name="loan_taking_court_detail[is_issue_in_court_applicant_asset_collapse]" value="1" @if($previouslyStoredCourtValue == '1') checked @endif>
                                <label for="issue_in_court_applicant_asset_collapse_yes">भएको</label>
                            </div>
                            <div>
                                <input type="radio" id="issue_in_court_applicant_asset_collapse_no" name="loan_taking_court_detail[is_issue_in_court_applicant_asset_collapse]" value="0" @if($previouslyStoredCourtValue == '0') checked @endif>
                                <label for="issue_in_court_applicant_asset_collapse_no">नभएको</label>
                            </div>
                        </div>

                        <div class="form-group col-md-12">
                            <label for="">ख. डाँक लिलाममा उक्त अचल सम्पत्ति कसले सकार गरेको हो? </label>
                            <div class="form-row">
                                <div class="form-group col-md-12">
                                    <label for="">नाम, थर</label>
                                    <input type="text"
                                    value="{{ $loanTakingVictim->courtDetail->applicant_collapse_by_who_name}}"
                                        name="loan_taking_court_detail[applicant_collapse_by_who_name]" class="input-text"
                                        autofocus>
                                </div>

                                <div class="form-group col-md-12">
                                    <label for="">ठेगाना</label>
                                    <input type="text"
                                    value="{{ $loanTakingVictim->courtDetail->applicant_collapse_by_who_address}}"
                                        name="loan_taking_court_detail[applicant_collapse_by_who_address]"
                                        class="input-text" autofocus>
                                </div>

                                <div class="form-group col-md-12">
                                    <label for="">ग. फैसला बमोजिम रकम असुल उपर गर्न सम्पत्ति नभएकोले थुनामा राखी
                                        पाऊ भन्ने निवेदन</label>
                                    <div>
                                        <input type="radio" id="application_decision_jailtime_yes" name="loan_taking_court_detail[is_application_decision_jailtime]" value="1" @if($previouslyStoredCourtValue == '1') checked @endif>
                                        <label for="application_decision_jailtime_yes">परेको</label>
                                    </div>
                                    <div>
                                        <input type="radio" id="application_decision_jailtime_no" name="loan_taking_court_detail[is_application_decision_jailtime]" value="0" @if($previouslyStoredCourtValue == '0') checked @endif>
                                        <label for="application_decision_jailtime_no">नपरेको</label>
                                    </div>
                                </div>

                                <div class="form-group col-md-12">
                                    <label for="">घ. थुनामा राख्ने आदेश </label>
                                    <div>
                                        <input type="radio" id="jail_subjected_yes" name="loan_taking_court_detail[is_jail_subjected]" value="1"  @if($previouslyStoredCourtValue == '1') checked @endif  onclick="toggleJailFields(true)">
                                        <label for="jail_subjected_yes">भएको</label>
                                    </div>
                                    <div>
                                        <input type="radio" id="jail_subjected_no" name="loan_taking_court_detail[is_jail_subjected]" value="0"  @if($previouslyStoredCourtValue == '0') checked @endif   onclick="toggleJailFields(false)">
                                        <label for="jail_subjected_no">नभएको</label>
                                    </div>
                                </div>


                                <div class="col-6">
                                    <div class="form-group" id="jailFields">
                                        <label for="jail-datepicker">ङ. थुनामा गैसकेको भए थुनामा गएको मिति</label>
                                        <input type="text"
                                        value="{{ $loanTakingVictim->courtDetail->if_in_jail_start_date}}" 
                                            id="jail-datepicker" name="loan_taking_court_detail[if_in_jail_start_date]"
                                            class="form-control" autofocus>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group" id="jailDurationFields">
                                        <label for="">र थुनामा बस्नुपर्ने अवधि</label>
                                        <input type="text"
                                        value="{{ $loanTakingVictim->courtDetail->if_in_jail_start_duration}}"
                                            id="" name="loan_taking_court_detail[if_in_jail_start_duration]"
                                            class="form-control" autofocus>
                                    </div>
                                </div>



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

        <script>
            function toggleCourtFields(show) {
                document.getElementById('courtCaseFields').style.display = show ? 'block' : 'none';
                document.getElementById('courtCaseFields1').style.display = show ? 'block' : 'none';
                document.getElementById('courtCaseFields2').style.display = show ? 'block' : 'none';
                document.getElementById('courtCaseFields3').style.display = show ? 'block' : 'none';
            }

            function toggleJailFields(show) {
                document.getElementById('jailFields').style.display = show ? 'block' : 'none';
                document.getElementById('jailDurationFields').style.display = show ? 'block' : 'none';
            }

            // Set initial visibility based on radio buttons
            document.addEventListener('DOMContentLoaded', function() {
                const issueInCourtYes = document.getElementById('issue_in_court_yes').checked;
                toggleCourtFields(issueInCourtYes);

                const jailSubjectedYes = document.getElementById('jail_subjected_yes').checked;
                toggleJailFields(jailSubjectedYes);
            });
        </script>


        <hr class="hr-line">
        {{-- Row ends --}}
        <div class="row">

            <div class="col-12">
                <div class="form-group">
                    <label class="application_main_title" for="">१०. ऋणी उपर चेक बाउन्स सम्बन्धी मुद्दा <span class="star">*</span></label>
        
                    <div>
                        <input type="radio" id="cheque_bounce_case_yes" name="loan_taking_court_detail[is_cheque_bounce_case]" value="1" 
                            @if($loanTakingVictim->courtDetail->is_cheque_bounce_case == '1') checked @endif  onclick="showChequeBounceCaseFields()">
                        <label for="cheque_bounce_case_yes">भएको</label>
                    </div>
                    <div>
                        <input type="radio" id="cheque_bounce_case_no" name="loan_taking_court_detail[is_cheque_bounce_case]" value="0" 
                            @if($loanTakingVictim->courtDetail->is_cheque_bounce_case == '0') checked @endif onclick="hideChequeBounceCaseFields()">
                        <label for="cheque_bounce_case_no">नभएको</label>
                    </div>
                </div>
            </div>
        
            <div class="col-12" id="cheque_bounce_case_result_field" style="display: none;">
                <div class="form-group">
                    <label for="">भएको भए त्यो मुद्दाको अवस्था</label>
                    <select name="loan_taking_court_detail[cheque_bounce_case_result]" id="select-type3" onchange="toggleInput2()">
                        <option disabled selected value>अवस्था चयन गर्नुहोस्</option>
                        <option value="विचाराधीन अवस्थामा रहेको"
                            {{ $loanTakingVictim->courtDetail->cheque_bounce_case_result == 'विचाराधीन अवस्थामा रहेको' ? 'selected' : '' }}>
                            विचाराधीन अवस्थामा रहेको</option>
                        <option value="विगो भराउने र जरिवाना मात्र भएको"
                            {{ $loanTakingVictim->courtDetail->cheque_bounce_case_result == 'विगो भराउने र जरिवाना मात्र भएको' ? 'selected' : '' }}>
                            विगो भराउने र जरिवाना मात्र भएको</option>
                        <option value="फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छ"
                            {{ $loanTakingVictim->courtDetail->cheque_bounce_case_result == 'फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छ' ? 'selected' : '' }}>
                            फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छ</option>
                        <option value="फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छैन"
                            {{ $loanTakingVictim->courtDetail->cheque_bounce_case_result == 'फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छैन' ? 'selected' : '' }}>
                            फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छैन</option>
                        <option value="सो बैंङ्ग कसुर/चेक अनादर मुद्दाको फैसला भएको"
                            {{ $loanTakingVictim->courtDetail->cheque_bounce_case_result == 'सो बैंङ्ग कसुर/चेक अनादर मुद्दाको फैसला भएको' ? 'selected' : '' }}>
                            सो बैंङ्ग कसुर/चेक अनादर मुद्दाको फैसला भएको</option>
                        <option value="सो बैंङ्ग कसुर/चेक अनादर मुद्दाको फैसला नभएको"
                            {{ $loanTakingVictim->courtDetail->cheque_bounce_case_result == 'सो बैंङ्ग कसुर/चेक अनादर मुद्दाको फैसला नभएको' ? 'selected' : '' }}>
                            सो बैंङ्ग कसुर/चेक अनादर मुद्दाको फैसला नभएको</option>
                    </select>
                </div>
            </div>
        
            <div class="col-4" id="result_bigo" style="display: none;">
                <div class="form-group">
                    <label>सो फैसला भएको भए बिगो</label>
                    <input type="number" value="{{ $loanTakingVictim->courtDetail->case_result_bigo }}" id="" 
                        name="loan_taking_court_detail[case_result_bigo]" class="input-text" autofocus pattern="\d+" min="1">
                </div>
            </div>
            <div class="col-4" id="result_fine" style="display: none;">
                <div class="form-group">
                    <label>जरिवाना</label>
                    <input type="number" value="{{ $loanTakingVictim->courtDetail->case_result_fine }}" id="" 
                        name="loan_taking_court_detail[case_result_fine]" class="input-text" autofocus pattern="\d+" min="1">
                </div>
            </div>
            <div class="col-4" id="result_jail" style="display: none;">
                <div class="form-group">
                    <label>कैद</label>
                    <input type="number" value="{{ $loanTakingVictim->courtDetail->case_result_jail }}" id="" 
                        name="loan_taking_court_detail[case_result_jail]" class="input-text" autofocus pattern="\d+" min="1">
                </div>
            </div>
        
            <div class="col-12" id="bank_cheque_case_resulted_field" style="display: none;">
                <div class="form-group">
                    <label for="">फैसला भएको भए कार्यान्वयनको अवस्था</label>
                    <input type="text" value="{{ $loanTakingVictim->courtDetail->if_bank_cheque_case_resulted }}" id="" 
                        name="loan_taking_court_detail[if_bank_cheque_case_resulted]" class="input-text" autofocus>
                </div>
            </div>
        
        </div>
        
        <script>
            function toggleInput2() {
                var selectType = document.getElementById('select-type3');
                var resultBigo = document.getElementById('result_bigo');
                var resultFine = document.getElementById('result_fine');
                var resultJail = document.getElementById('result_jail');
                if (selectType.value === 'फैसलाले विगो भराएर जरिवाना र कैद समेत हुने ठहराएको छ') {
                    resultBigo.style.display = 'block';
                    resultFine.style.display = 'block';
                    resultJail.style.display = 'block';
                } else {
                    resultBigo.style.display = 'none';
                    resultFine.style.display = 'none';
                    resultJail.style.display = 'none';
                }
            }
        
            function showChequeBounceCaseFields() {
                var chequeBounceCaseField = document.getElementById('cheque_bounce_case_result_field');
                var bankChequeCaseResultedField = document.getElementById('bank_cheque_case_resulted_field');
                chequeBounceCaseField.style.display = 'block';
                bankChequeCaseResultedField.style.display = 'block';
                toggleInput2(); // Ensure other fields are shown or hidden based on the selected option
            }
        
            function hideChequeBounceCaseFields() {
                var chequeBounceCaseField = document.getElementById('cheque_bounce_case_result_field');
                var bankChequeCaseResultedField = document.getElementById('bank_cheque_case_resulted_field');
                var resultBigo = document.getElementById('result_bigo');
                var resultFine = document.getElementById('result_fine');
                var resultJail = document.getElementById('result_jail');
                chequeBounceCaseField.style.display = 'none';
                bankChequeCaseResultedField.style.display = 'none';
                resultBigo.style.display = 'none';
                resultFine.style.display = 'none';
                resultJail.style.display = 'none';
            }
        
            document.addEventListener('DOMContentLoaded', function() {
                // Check the initially selected value and show/hide fields accordingly
                var previouslySelected = "{{ $loanTakingVictim->courtDetail->is_cheque_bounce_case }}";
                if (previouslySelected == '1') {
                    showChequeBounceCaseFields();
                } else {
                    hideChequeBounceCaseFields();
                }
        
                // Check the initially selected value for the select dropdown and show/hide fields accordingly
                toggleInput2();
            });
        </script>
        
        <hr class="hr-line">
        {{-- COURT DETAIL END --}}



        {{-- Additional Detail  --}}

        {{-- For ANother ROw --}}
        <div class="row">
            <span class="application_main_title">११. निवेदकको (ऋण/कर्जा लिने व्यक्ति) आर्थिक अवस्था: <span
                    class="star">*</span></span>
            <br>
            <span class="application_second_title">क. घरको विवरण:</span>
            <div class="col-6">
                <div class="form-group">
                    <label for="applicant_house_no">अ. घरको संख्या</label>
                    <input type="number" value="{{ $loanTakingVictim->additionalDetail->applicant_house_no}}"
                           id="applicant_house_no" name="loan_taking_additional_detail[applicant_house_no]"
                           class="input-text" autofocus min="1" max="10" placeholder="१ देखि १० सम्म" required
                           oninput="validateHouseNumber(this)">
                    <span id="houseNumberError" style="display: none; color: red;">कृपया १ देखि १० सम्मको संख्या प्रविष्ट गर्नुहोस्।</span>
                </div>
            </div>
            <div class="container mt-5">
                <!-- First set of fields -->
                <div id="form-container-1" class="row form-set">
                    <div class="col-6">
                        <div class="form-group">
                            <label for="applicant_house_area_1">आ. घरले चर्चेको जग्गाको क्षेत्रफल</label>
                            <input id="applicant_house_area_1" type="text" value="{{ $loanTakingVictim->additionalDetail->applicant_house_area}}" name="loan_taking_additional_detail[applicant_house_area][]" class="input-text" autofocus min="1">
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group">
                            <label for="applicant_house_type_1">इ. घरको किसिम (कच्ची/पक्की)</label>
                            <select name="loan_taking_additional_detail[applicant_house_type][]">
                                <option disabled selected value>घरको किसिम चयन गर्नुहोस्</option>
                                @foreach($housetypes as $housetype)
                                <option value="{{ $housetype }}" {{ $loanTakingVictim->additionalDetail->applicant_house_type === $housetype ? 'selected' : '' }}>{{ $housetype }}</option>
                            @endforeach
                            </select>
    
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="form-group">
                            <label for="applicant_house_storeyed_1">ई. घरको तला:</label>
                            <input id="applicant_house_storeyed_1" type="number" value="{{ $loanTakingVictim->additionalDetail->applicant_house_storeyed}}" name="loan_taking_additional_detail[applicant_house_storeyed][]" class="input-text" autofocus min="1">
                        </div>
                    </div>
                    <span class="application_second_title">उ. घर रहेको स्थान</span>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="state">प्रदेश</label>
                            <select id="state_0" name="loan_taking_additional_detail[applicant_house_state][]" data-iteration="0" class="form-control d_state_id">
                                <option disabled selected value>प्रदेश चयन गर्नुहोस्</option>
                                @foreach ($states as $state)
                                    <option value="{{ $state->id }}" {{ old('loan_taking_additional_detail.applicant_house_state.0') == $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="district_0">जिल्ला</label>
                            <select id="district_0" name="loan_taking_additional_detail[applicant_house_district][]" data-iteration="0" class="form-control d_district_id">
                                <option disabled selected value>जिल्ला चयन गर्नुहोस्</option>
                                @foreach ($districts as $district)
                                    <option value="{{ $district->id }}" {{ old('loan_taking_additional_detail.applicant_house_district.0') == $district->id ? 'selected' : '' }}>{{ $district->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="localbody_0">न.पा./गा.पा</label>
                            <select id="localbody_0" name="loan_taking_additional_detail[applicant_house_local][]" data-iteration="0" class="form-control d_localbody_id">
                                <option disabled selected value>स्थानीय तह चयन गर्नुहोस्</option>
                                @foreach ($locals as $localbody)
                                    <option value="{{ $localbody->id }}" {{ old('loan_taking_additional_detail.applicant_house_local.0') == $localbody->id ? 'selected' : '' }}>{{ $localbody->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <label for="applicant_house_ward_1">वडा नं</label>
                            <select id="applicant_house_ward_1" name="loan_taking_additional_detail[applicant_house_ward][]" class="form-control col-md-12">
                                <option disabled selected value>वडा चयन गर्नुहोस्</option>
                                @for ($i = 1; $i <= 32; $i++)
                                    <option value="{{ $i }}" {{ old('loan_taking_additional_detail.applicant_house_ward.0') == $i ? 'selected' : '' }}>वडा नं. {{ $i }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <p class="mb-0"><b>(नोट: एक भन्दा बढी ठाउँ /स्थानमा घर/जग्गा भएमा सोही बमोजिम सबै विवरण छुट्टै पानामा उल्लेख गर्ने)</b></p>
                    <button class="btn btn-outline-secondary ml-2 add-dropdown-1" type="button">+</button>
                </div>


<span class="application_second_title">ख. जग्गाको विवरण:</span>
<div id="form-container-2" class="row form-set">
    <div class="col-6">
        <div class="form-group">
            <label for="applicant_land_kitta_no_1">कित्ता नं</label>
            <input id="applicant_land_kitta_no_1" type="number" value="{{ $loanTakingVictim->additionalDetail->applicant_land_kitta_no}}" name="loan_taking_additional_detail[applicant_land_kitta_no][]" class="input-text" autofocus>
        </div>
    </div>
    <div class="col-6">
        <div class="form-group">
            <label for="applicant_land_area_1">क्षेत्रफल</label>
            <input id="applicant_land_area_1" type="text" value="{{ $loanTakingVictim->additionalDetail->applicant_land_area }}" name="loan_taking_additional_detail[applicant_land_area][]" class="input-text" autofocus>
        </div>
    </div>
    <div class="col-3">
        <div class="form-group">
            <label for="state_id2_1">प्रदेश</label>
            <select id="bstate_0" name="loan_taking_additional_detail[applicant_land_state][]"  data-iteration="0" class="form-control b_state_id">
                <option disabled selected value>प्रदेश चयन गर्नुहोस्</option>
                @foreach ($states as $state)
                <option value="{{ $state->id }}" {{ old('loan_taking_additional_detail.applicant_land_state.0') == $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-3">
        <div class="form-group">
            <label for="b_district_id2_1">जिल्ला</label>
            <select id="bdistrict_0" name="loan_taking_additional_detail[applicant_land_district][]"  data-iteration="0" class="form-control b_district_id">
                <option disabled selected value>जिल्ला चयन गर्नुहोस्</option>
                @foreach ($districts as $district)
                <option value="{{ $district->id }}" {{ old('loan_taking_additional_detail.applicant_land_district.0') == $district->id ? 'selected' : '' }}>{{ $district->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-3">
        <div class="form-group">
            <label for="b_localbody_id2_1">न.पा./गा.पा</label>
            <select id="blocalbody_0" name="loan_taking_additional_detail[applicant_land_local][]"  data-iteration="0" class="form-control b_localbody_id">
                <option disabled selected value>स्थानीय तह चयन गर्नुहोस्</option>
                @foreach ($locals as $localbody)
                <option value="{{ $localbody->id }}" {{ old('loan_taking_additional_detail.applicant_land_local.0') == $localbody->id ? 'selected' : '' }}>{{ $localbody->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-3">
        <div class="form-group">
            <label for="applicant_land_ward_1">वडा नं</label>
            <select id="applicant_land_ward_1" name="loan_taking_additional_detail[applicant_land_ward][]" class="form-control col-md-12">
                <option disabled selected value>वडा चयन गर्नुहोस्</option>
                @for ($i = 1; $i <= 32; $i++)
                <option value="{{ $i }}" {{ old('loan_taking_additional_detail.applicant_land_ward.0') == $i ? 'selected' : '' }}>वडा नं. {{ $i }}</option>
                @endfor
            </select>
        </div>
    </div>
</div>
<div class="form-group">
     <p class="mb-0"><b>(नोट: एक भन्दा बढी ठाउँ /स्थानमा घर/जग्गा भएमा सोही बमोजिम सबै विवरण छुट्टै पानामा उल्लेख गर्ने)</b></p>
    <button class="btn btn-outline-secondary ml-2 add-dropdown-2" type="button">+</button>
</div>
</div>


<script>
    $(document).ready(function () {
        let formIndex1 = 0;
        let formIndex2 = 0;
        function updateNamesAndIds(clone, index, prefix) {
            clone.find('input, select').each(function () {
                let name = $(this).attr('name');
                let id = $(this).attr('id');
                let iteration = $(this).data('iteration');
                var currentIteration = $(this).data("iteration");
                console.log(currentIteration);
                if (name) {
                    name = name.replace(/\[\d*\]/, '[' + index + ']');
                    $(this).attr('name', name);
                }
                if (id) {
                    let newId = id.split('_')[0] + '_' + index;
        $(this).attr('id', newId);
                    console.log('Current id:' + id);
                }
                if (iteration !== undefined) {
//                     console.log('Current data-iteration:' + iteration);
// console.log('New index:' + index);
// Remove the existing data-iteration attribute
$(this).removeAttr('data-iteration');
// Set the new data-iteration attribute with the new index value
$(this).attr('data-iteration', index);
    }
            });
        }
        $('.add-dropdown-1').on('click', function () {
            formIndex1++;
            let clone = $('#form-container-1').clone().attr('id', 'form-container-1-' + formIndex1);
            updateNamesAndIds(clone, formIndex1, 'form1');
            clone.append('<div class="col-12 text-right"><button type="button" class="btn btn-outline-danger btn-sm ml-2 remove-dropdown">-</button></div>');
            $('<hr class="separator">').insertAfter($('#form-container-1').last());
            clone.insertAfter($('#form-container-1').last());
            clone.find('.remove-dropdown').on('click', function () {
                $(this).closest('.form-set').remove();
            });
        });
        $('.add-dropdown-2').on('click', function () {
            formIndex2++;
            let clone = $('#form-container-2').clone().attr('id', 'form-container-2-' + formIndex2);
            updateNamesAndIds(clone, formIndex2, 'form2');
            clone.append('<div class="col-12 text-right"><button type="button" class="btn btn-outline-danger btn-sm ml-2 remove-dropdown">-</button></div>');
            $('<hr class="separator">').insertAfter($('#form-container-2').last());
            clone.insertAfter($('#form-container-2').last());
            clone.find('.remove-dropdown').on('click', function () {
                $(this).closest('.form-set').remove();
            });
        });
        $(document).on('click', '.remove-dropdown', function () {
            $(this).closest('.form-set').remove();
        });
       
    });
</script>


            {{-- Another Row Starts --}}
            <div class="row">

                <div class="col-12">
                    <div class="form-group">
                        <label for="">ग. सवारी साधनको विवरण
                        </label>

                        <textarea id="" name="loan_taking_additional_detail[applicant_vehicle_details]" class="input-text"
                            autofocus>{{ optional($loanTakingVictim->additionalDetail)->applicant_vehicle_details }}
                        </textarea>


                    </div>
                </div>

                <div class="col-12">
                    <div class="form-group">
                        <label for="">घ. चल सम्पत्तिको विवरण
                        </label>

                        <textarea id="" name="loan_taking_additional_detail[applicant_current_asset_details]" class="input-text"
                            autofocus>{{ optional($loanTakingVictim->additionalDetail)->applicant_current_asset_details }}</textarea>


                    </div>
                </div>

            </div>

            {{-- Another Row Starts --}}
            <div class="row">
                <label for="">ङ बैंक तथा वित्तिय संस्था (सहकारी/लघुवित्त समेत) मा खोलिएको बैंक खाता विवरण:
                </label>

                <div id="field-container">
                    <div class="field-group">
                        <div class="col-12">
                            <div class="form-group">
                                <label for=""> बैंक तथा वित्तिय संस्था को नाम
                                </label>
                                @foreach ($documentsArray as $document)
                                <input type=""  value="{{ $loanTakingVictim->additionalDetail->applicant_org_name}}"
                                    id="" name="loan_taking_additional_detail[applicant_org_name][]" class="input-text"
                                    autofocus>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label for=""> शाखा/उपाशाखा
                                </label>
                                <input type=""
                                value="{{ $loanTakingVictim->additionalDetail->applicant_finance_org_branch}}"
                                    id="" name="loan_taking_additional_detail[applicant_finance_org_branch][]"
                                    class="input-text" autofocus>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label for="account-datepicker"> खाता खोलेको मिति
                                </label>
                                <input type=""
                                value="{{ $loanTakingVictim->additionalDetail->applicant_account_opening_date}}"
                                    id="account-datepicker" name="loan_taking_additional_detail[applicant_account_opening_date][]"
                                    class="input-text" autofocus>
                            </div>
                        </div>
                        {{-- Another Row Starts --}}
                        <div class="col-12">
                            <div class="form-group">
                                <label for="account-datepicker">खातामा मैज्दात रकम
                                </label>
                                <input type="number"
                                value="{{ $loanTakingVictim->additionalDetail->applicant_finance_amount}}"
                                    id="account-datepicker" name="loan_taking_additional_detail[applicant_finance_amount][]"
                                    class="input-text" autofocus pattern="\d+" min="1">
                            </div>
                        </div>
                    </div>
                </div>
                        <div class="d-flex justify-content-end">
                            <button type="button" class="btn btn-sm btn-primary" id="add-field">+</button>
                            @endforeach
                        </div>
                    </div>
            <hr class="hr-line">
            {{-- Another Row Starts --}}
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label class="application_main_title">१२. यो कर्जा कारोवारको सम्बन्धमा पीडितले मुलुकी अपराध
                            संहिता, २०७४ को दफा २४९ क.(अनुचित लेनदेन गर्न नहुने) अनुसार सम्बन्धित प्रहरी कार्यालयमा
                            उजुरी/जाहेरी दिएको <span class="star">*</span></label>
                        <div>
                            <input type="radio" id="crime_reported_yes" name="loan_taking_additional_detail[is_crime_reported]" value="1" @if($loanTakingAdditionalDetail->is_crime_reported == '1') checked @endif>
                            <label for="crime_reported_yes">छ</label>
                        </div>
                        <div>
                            <input type="radio" id="crime_reported_no" name="loan_taking_additional_detail[is_crime_reported]" value="0" @if($loanTakingAdditionalDetail->is_crime_reported == '0') checked @endif>
                            <label for="crime_reported_no">छैन</label>
                        </div>
                    </div>

                    <div class="col-6" id="if_crime_reported_fields">
                        <span class="application_second_title">क. उजुरी/जाहेरी दिएको भए:</span>
                        <div class="form-group">
                            <label for="">अ. सो मुद्दा कुन अवस्थामा छ?</label>
                            <select name="loan_taking_additional_detail[if_crime_reported]">
                                <option disabled value>अवस्था चयन गर्नुहोस्</option>
                                <option value="अभियोग पत्र पेश भएको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'अभियोग पत्र पेश भएको' ? 'selected' : '' }}>अभियोग पत्र पेश भएको</option>
                                <option value="अभियोग पत्र पेश नभएको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'अभियोग पत्र पेश नभएको' ? 'selected' : '' }}>अभियोग पत्र पेश नभएको</option>
                                <option value="पीडक थुनामा रहेको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'पीडक थुनामा रहेको' ? 'selected' : '' }}>पीडक थुनामा रहेको</option>
                                <option value="पीडक थुनामा नरहेको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'पीडक थुनामा नरहेको' ? 'selected' : '' }}>पीडक थुनामा नरहेको</option>
                                <option value="पीडक धरौटीमा  छुटेको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'पीडक धरौटीमा  छुटेको' ? 'selected' : '' }}>पीडक धरौटीमा छुटेको</option>
                                <option value="पीडकले  सजाय  पाएको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'पीडकले  सजाय  पाएको' ? 'selected' : '' }}>पीडकले सजाय पाएको</option>
                                <option value="पीडकले  सजाय नपाएको" {{ $loanTakingVictim->additionalDetail->if_crime_reported == 'पीडकले  सजाय नपाएको' ? 'selected' : '' }}>पीडकले सजाय नपाएको</option>
                             
                            </select>
                            
                        </div>
                    </div>
                    
                </div>
            </div>
            <script>
                // Add event listener to radio buttons
                var crimeReportedYes = document.getElementById('crime_reported_yes');
                var ifCrimeReportedFields = document.getElementById('if_crime_reported_fields');

                // Function to show or hide fields
                function toggleFields() {
                    if (crimeReportedYes.checked) {
                        ifCrimeReportedFields.style.display = 'block';
                    } else {
                        ifCrimeReportedFields.style.display = 'none';
                    }
                }

                // Add event listener for 'छ' radio button
                crimeReportedYes.addEventListener('change', function() {
                    toggleFields();
                });

                var crimeReportedNo = document.getElementById('crime_reported_no');

                // Add event listener for 'छैन' radio button
                crimeReportedNo.addEventListener('change', function() {
                    ifCrimeReportedFields.style.display = 'none';
                });

                // Call the toggleFields function initially
                toggleFields();
            </script>


            {{-- Another Row Starts --}}
            <hr class="hr-line">
            <div class="row">
                <div class="col-12 mt-4">
                    <div class="form-group">
                        <label class="application_main_title">१३. यो लेनदेनको सावाँ र ब्याजको सम्बन्धमा अन्य केही कुरा
                            खुलाउनुपर्ने भए?</label>

                        <textarea name="loan_taking_additional_detail[transaction_actual_interest]">{{ $loanTakingVictim->additionalDetail->transaction_actual_interest}}</textarea>
                    </div>
                </div>
            </div>

            <hr class="hr-line">


            {{-- Another Row Starts --}}
            <div class="row">
                <div class="col-12 mt-3">
                    <div class="form-group">
                        <label class="application_main_title">१४. यो निवेदनको व्यहोरा पुष्टि गर्ने निम्न कागजातको फोटोकपी यसैसाथ संलग्न गरेको छु।</label>
                        <div id="document-container">
                            @foreach ($documentsArray as $document)
                            <div class="input-group mb-2">
                                <textarea type="" id="" name="loan_taking_additional_detail[application_verifying_document][]" class="form-control equal-height" autofocus>{{ $document }}</textarea>
                                <input type="file" name="loan_taking_additional_detail[application_document_file][]"  class="form-control equal-height ml-2">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary btn-sm add-textarea equal-height" type="button">+</button>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(document).ready(function() {
                    // Add textarea functionality
                    $(document).on('click', '.add-textarea', function() {
                        var container = $(this).closest('.form-group');
                        var clonedInputGroup = container.find('.input-group-append').first().clone(); // Clone the input group
                        clonedInputGroup.find('.add-textarea').removeClass('add-textarea').addClass('remove-textarea').text('-'); // Change the button to "-"
                        clonedInputGroup.find('.remove-textarea').after('<button type="button" class="btn btn-light add-textarea">+</button>'); // Add the "+" button after the "-" button
                        clonedInputGroup.find('.add-textarea').remove(); // Remove additional "+" buttons
                        var clonedTextarea = $('<textarea type="" name="loan_taking_additional_detail[application_verifying_document][]" class="form-control equal-height" autofocus></textarea>'); // Create a new empty textarea
                        var textareaContainer = $('<div class="textarea-container"></div>').append(clonedTextarea).append(clonedInputGroup);
                        container.after('<div class="form-group">' + textareaContainer.prop('outerHTML') + '</div>'); // Append cloned textarea and input group
                    });
                    // Remove textarea functionality
                    $(document).on('click', '.remove-textarea', function() {
                        var container = $(this).closest('.form-group');
                        if ($('.form-group').length > 1) {
                            container.remove();
                        }
                    });
                    // Change the button text to "+" for the original textarea
                    $('.input-group-append').first().find('.add-textarea').text('+');
                });
                </script>
        
            <hr class="hr-line">
            {{-- Another Row Starts --}}
            <div class="row mt-4">
                <label class="application_main_title">१५. माथि लेखिएको व्यहोरा मैले जाने बुझेसम्म ठिक साँचो हो। यसमा फरक
                    परे कानून बमोजिम सहुँला बुझाउँला भनी
                    सहीछाप गरिदिए</label>

                <div class="row">
                    <div class="col-lg-6">
                        <b>ल्याप्चे सहीछाप:</b><br>
                        <table border="1">
                            <tr>
                                <th class="px-5 border border-dark">दायाँ</th>
                                <th class="px-5 border border-dark">बाँयाँ</th>
                            </tr>
                            <tr>
                                <th class=" border border-dark"><br>
                                    <br>
                                    <br>
                                    <br>
                                    <br>
                                </th>
                            </tr>
                        </table>
                    </div>
                    <div class="col-lg-6">
                        <p> <label for="">नाम, थर
                            </label>
                            <input type="" value="{{ $loanTakingVictim->additionalDetail->stamp_person_name}}"
                                id="" name="loan_taking_additional_detail[stamp_person_name]"
                                class="input-text" autofocus>
                        </p>
                        <br>
                        <p><label for="">हस्ताक्षर </label>
                            <input type="" value="{{ $loanTakingVictim->additionalDetail->stamp_person_signature}}"
                                id="" name="loan_taking_additional_detail[stamp_person_name]"
                                class="input-text" autofocus>
                        </p>
                        <br>
                        <p> <label for="stamp-datepicker">मिति
                            </label>
                            <input type="" value="{{ $loanTakingVictim->additionalDetail->stamp_date}}"
                                id="stamp-datepicker" name="loan_taking_additional_detail[stamp_date]"
                                class="input-text" autofocus>
                        </p>
                    </div>
                </div>
            </div>
            {{-- Additional Detail End --}}
            <hr class="hr-line">
            <div class="card-footer">
                <button type="submit" class="btn btn-primary">सिर्जना गर्नुहोस</button>
            </div>
    </form>


    </div>

    <script>
       $(document).ready(function() {
            // Function to handle applicant dynamic dropdowns
            $(document).on('change', '.a_state_id', function() {
                var a_state_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'a_district_id' + currentIteration;
                var next_append = 'a_localbody_id' + currentIteration;
                fetchDistrict(a_state_id, append_to, next_append);
            });
            $(document).on('change', '.a_district_id', function() {
                var a_district_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'a_localbody_id' + currentIteration;
                fetchLocalGoverment(a_district_id, append_to);
            });
            // Function to handle offender dynamic dropdowns
            $(document).on('change', '.o_state_id', function() {
                var o_state_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'o_district_id' + currentIteration;
                var next_append = 'o_localbody_id' + currentIteration;
                fetchDistrict(o_state_id, append_to, next_append);
            });
            $(document).on('change', '.o_district_id', function() {
                var o_district_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'o_localbody_id' + currentIteration;
                fetchLocalGoverment(o_district_id, append_to);
            });
     // Function to handle dynamic dropdowns for the new set for जग्गा रहेको स्थान
    $(document).on('change', '.b_state_id', function() {
        var b_state_id = $(this).val();
        var currentIteration = $(this).attr('data-iteration');
        alert(currentIteration);
        var append_to = 'bdistrict_' + currentIteration;
        var next_append = 'blocalbody_' + currentIteration;
        fetchDistrict(b_state_id, append_to, next_append);
    });
    $(document).on('change', '.b_district_id', function() {
        var b_district_id = $(this).val();
        var currentIteration = $(this).attr('data-iteration');
        var append_to = 'blocalbody_' + currentIteration;
        fetchLocalGoverment(b_district_id, append_to);
    });
            // Function to handle dynamic dropdowns for the new set for  घर रहेको स्थान
            $(document).on('change', '.c_state_id', function() {
                var c_state_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'c_district_id' + currentIteration;
                var next_append = 'c_localbody_id' + currentIteration;
                fetchDistrict(c_state_id, append_to, next_append);
            });
            $(document).on('change', '.c_district_id', function() {
                var c_district_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'c_localbody_id' + currentIteration;
                fetchLocalGoverment(c_district_id, append_to);
            });
     // Function to handle dynamic dropdowns for the new set for  कर्जा लिने व्यक्तिको
     $(document).on('change', '.d_state_id', function() {
        var d_state_id = $(this).val();
        var currentIteration = $(this).attr('data-iteration');
        var append_to = 'district_' + currentIteration;
        console.log("d_state_id value:" + d_state_id);
        console.log("currentIteration for state:" + currentIteration);
        console.log("append to:" + append_to);
        var next_append = 'localbody_' + currentIteration;
        fetchDistrict(d_state_id, append_to, next_append);
    });
    // $(document).on('change', '.d_district_id', function() {
    //     var d_district_id = $(this).val();
    //     var currentIteration = $(this).data("iteration");
    //     var append_to = 'localbody_' + currentIteration;
    //     console.log("district id:" + d_district_id);
    //     console.log("currentIteration for district :" + currentIteration);
    //     fetchLocalGoverment(d_district_id, append_to);
    // });
    $(document).on('change', '.d_district_id', function() {
    var d_district_id = $(this).val();
    var currentIteration = $(this).attr('data-iteration');
    var append_to = 'localbody_' + currentIteration;
    console.log("district id:" + d_district_id);
    console.log("currentIteration for district :" + currentIteration);
    fetchLocalGoverment(d_district_id, append_to);
});
            // Function to handle dynamic dropdowns for the new set for जग्गाको विवरण
            $(document).on('change', '.e_state_id', function() {
                var e_state_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'e_district_id' + currentIteration;
                var next_append = 'e_localbody_id' + currentIteration;
                fetchDistrict(e_state_id, append_to, next_append);
            });
            $(document).on('change', '.e_district_id', function() {
                var e_district_id = $(this).val();
                var currentIteration = $(this).data("iteration");
                var append_to = 'e_localbody_id' + currentIteration;
                fetchLocalGoverment(e_district_id, append_to);
            });
            function fetchDistrict(stateId, append_to, next_append = null) {
                $.ajax({
                    url: '/admin/registration/get-districts/' + stateId,
                    type: 'GET',
                    success: function(response) {
                        var clearThisData = $('#' + append_to + '').empty();
                        var clearNextToThisData = $('#' + next_append + '').empty();
                        if (response.length > 0) {
                            $('#' + append_to + '').append(
                                '<option disabled selected value>जिल्ला चयन गर्नुहोस्</option>');
                            $.each(response, function(key, value) {
                                $('#' + append_to + '').append('<option value="' + value.id +
                                    '">' + value.name + '</option>');
                            });
                        } else {
                            $('#' + append_to + '').append(
                                '<option value="">No districts found</option>');
                        }
                    },
                    error: function() {
                        console.log("error in the ajax");
                    }
                });
            }
            function fetchLocalGoverment(distirctId, append_to) {
                $.ajax({
                    url: '/admin/registration/get-local-governments/' + distirctId,
                    type: 'GET',
                    success: function(response) {
                        var clearThisData = $('#' + append_to + '').empty();
                        if (response.length > 0) {
                            $('#' + append_to + '').append(
                                '<option disabled selected value>स्थानीय तह चयन गर्नुहोस्</option>');
                            $.each(response, function(key, value) {
                                $('#' + append_to + '').append('<option value="' + value.id +
                                    '">' + value.name + '</option>');
                            });
                        } else {
                            $('#' + append_to + '').append(
                                '<option value="">No Local Goverment found</option>');
                        }
                    },
                    error: function() {
                        console.log("error in the ajax");
                    }
                });
            }
        });

        $(document).ready(function() {
            // Function to handle dynamic dropdowns...
            // Move Nepali Datepicker initialization outside the dynamic dropdown function
            initializeNepaliDatepicker();
        });

        function initializeNepaliDatepicker() {
            // Initialize Nepali Datepicker for "Registration Date" field
            var registerInput = document.getElementById("register-datepicker");
            if (registerInput) {
                registerInput.nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }
            // Initialize Nepali Datepicker for "Citizenship Issue Date" field
            var citizenshipInput = document.getElementById("citizenship-datepicker");
            if (citizenshipInput) {
                $(citizenshipInput).nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }

            // Initialize Nepali Datepicker for "Loan Date" field
            var LoanInput = document.getElementById("loan-datepicker");
            if (LoanInput) {
                LoanInput.nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }
            // Initialize Nepali Datepicker for "Jailed Date" field
            var jailInput = document.getElementById("jail-datepicker");
            if (jailInput) {
                jailInput.nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }

            // Initialize Nepali Datepicker for "Account Opened Date" field
            var accountInput = document.getElementById("account-datepicker");
            if (accountInput) {
                accountInput.nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }
            // Initialize Nepali Datepicker for "Stamped Date" field
            var stampInput = document.getElementById("stamp-datepicker");
            if (stampInput) {
                stampInput.nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }

            // Initialize Nepali Datepicker for "Ammountpayment LastDate" field
            var ammountInput = document.getElementById("payment-datepicker");
            if (ammountInput) {
                ammountInput.nepaliDatePicker({
                    dateFormat: "YYYY-MM-DD",
                    ndpYear: true,
                    ndpMonth: true,
                    ndpYearCount: 200
                });
            }
        }

        document.addEventListener('DOMContentLoaded', (event) => {
    const numberInputs = document.querySelectorAll('input[type="number"]');
    numberInputs.forEach(input => {
        input.addEventListener('keypress', (e) => {
            if (e.key === '-' || e.key === '+' || e.key === 'e' || e.key === 'E') {
                e.preventDefault();
            }
        });

        input.addEventListener('input', (e) => {
            if (e.target.value < 0) {
                e.target.value = '';
            }
        });
    });
});

function validatePhoneNumber(input, errorSpanId) {
    const errorSpan = document.getElementById(errorSpanId);
    if (input.value.length > 10) {
        input.value = input.value.slice(0, 10);
    }
    if (input.value.length < 10 && input.value.length > 0) {
        errorSpan.style.display = 'block';
    } else {
        errorSpan.style.display = 'none';
    }
}

//For house number 
function validateHouseNumber(input) {
    const errorSpan = document.getElementById('houseNumberError');
    const value = parseInt(input.value, 10);
    if (value < 1 || value > 10) {
        errorSpan.style.display = 'block';
    } else {
        errorSpan.style.display = 'none';
    }
}


function addWitnessField() {
                    // Create a new input group container
                    var inputGroup = document.createElement("div");
                    inputGroup.className = "input-group";
                    // Create a new input element
                    var newInput = document.createElement("input");
                    newInput.type = "text";
                    newInput.name = "loan_taking_loan_detail[loan_witness][]";
                    newInput.autofocus = true;
                    newInput.className = "mb-2";
                    // Create a remove button
                    var removeBtn = document.createElement("button");
                    removeBtn.type = "button";
                    removeBtn.textContent = "-";
                    removeBtn.onclick = function() { removeField(removeBtn); };
                    // Append the input and remove button to the input group
                    inputGroup.appendChild(newInput);
                    inputGroup.appendChild(removeBtn);
                    // Create a line break element
                    var lineBreak = document.createElement("br");
                    // Append the input group and line break to the witness container
                    var container = document.getElementById("witness-container");
                    container.appendChild(inputGroup);
                    container.appendChild(lineBreak);
                }
                function removeField(button) {
                    // Remove the parent input group of the button
                    var inputGroup = button.parentNode;
                    inputGroup.nextSibling.remove();  // Remove the line break
                    inputGroup.remove();
            }

            //For Textarea + button
            $(document).ready(function() {
            // Function to add new textarea and file input fields
            $(document).on('click', '.add-textarea', function() {
                var container = $('#document-container');
                var newInputGroup = $('<div class="input-group mb-2">')
                    .append('<textarea name="loan_taking_additional_detail[application_verifying_document][]" class="form-control equal-height" autofocus></textarea>')
                    .append('<input type="file" name="loan_taking_additional_detail[application_document_file][]" class="form-control equal-height ml-2">')
                    .append('<div class="input-group-append"><button class="btn btn-outline-secondary btn-sm remove-textarea equal-height" type="button">-</button></div>');
                container.append(newInputGroup);
            });
            // Function to remove textarea and file input fields
            $(document).on('click', '.remove-textarea', function() {
                $(this).closest('.input-group').remove();
            });
        });

        $(document).ready(function() {
    // Clone field group
    function cloneFieldGroup() {
        var $fieldGroup = $('.field-group:first').clone(true);
        $fieldGroup.find('input').val('');
        $fieldGroup.append('<div class="input-group-append"><button type="button" class="btn btn-danger remove-all-fields">-</button></div>');
        return $fieldGroup;
    }
    // Add field group on button click
    $('#add-field').click(function() {
        var $clonedFieldGroup = cloneFieldGroup();
        $('#field-container').append($clonedFieldGroup);
    });
    // Remove all cloned field groups
    $(document).on('click', '.remove-all-fields', function() {
        $(this).closest('.field-group').nextAll('.field-group').remove();
        $(this).closest('.field-group').remove();
    });
});
    </script>


@endsection