@extends('layouts.admin')

@section('title', 'Application Details')

@section('content')

    <style>
        /* 🎨 Styling the Error MESSAGE itself */
        .error {
            /* Change the color of the text to a bright red */
            color: #cc0000;

            /* Ensure the message is bold and stands out */
            font-weight: bold;

            /* Make the message display on its own line below the input */
            display: block;

            /* Add a little space above the message */
            margin-top: 4px;
        }

        /* ⚠️ Styling the Invalid INPUT FIELD */
        input.error,
        textarea.error,
        select.error {
            /* Give the input a red border */
            border: 1px solid #cc0000;

            /* Optionally, give the input a light background */
            background-color: #fff8f8;
        }
    </style>

    <div class="container-fluid p-0">

        <!--title-->
        <div class="mb-3 row align-items-center justify-content-between">
            <div class="col-md-6">
                <h1 class="h3 d-inline align-middle">{{ $application->application_number }}</h1><br><br>
                <h5>Application for {{ $application->ApplicationType->application_type_name }}</h5>
                <p></p>
            </div>

            <div class="col-md-4">


            </div>

            <div class="col-md-2">

                <a href="{{ route('secretary.inbox') }}" class="btn btn-primary btn-sm">Application Inbox</a>


            </div>

            <!--<div class="col-md-6 text-end">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <button class="btn btn-warning">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <i class="fas fa-exclamation"></i> Pending
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </button>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>-->

        </div>
        <!--title-->

        <!--content-->
        <div class="row">
            <div class="col-12 col-xl-12">

                <!--tab-->
                <div class="tab">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item"><a class="nav-link active" href="#tab-1" data-bs-toggle="tab"
                                role="tab">Application Details</a></li>
                        <li class="nav-item"><a class="nav-link" href="#tab-2" data-bs-toggle="tab"
                                role="tab">Documents</a></li>
                        <li class="nav-item"><a class="nav-link" href="#tab-3" data-bs-toggle="tab"
                                role="tab">Recommendation Amounts</a></li>
                        <li class="nav-item"><a class="nav-link" href="#tab-4" data-bs-toggle="tab" role="tab">File
                                Flow</a></li>
                    </ul>
                    <div class="tab-content">

                        <!--tab-1-->
                        <div class="tab-pane active" id="tab-1" role="tabpanel">

                            @if ($application->application_type_id == 2)


                                <h3 class="tab-title"><b>Applicant Details</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">
                                        @if ($application->name)
                                            <div class="col-md-4 mb-2">
                                                <p>Name on Minor child</p>
                                                <h4>{{ $application->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->birth_certificate_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Birth Certificate Number</p>
                                                <h4>{{ $application->birth_certificate_number }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->childs_aadhaar_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Minor Child's Aadhar Number</p>
                                                <h4>

                                                    {{ $application->childs_aadhaar_number }}

                                                </h4>
                                            </div>
                                        @endif


                                        @if ($application->loanee_name)
                                            <div class="col-md-4 mb-2">
                                                <p>Full Name of Deceased</p>
                                                <h4>{{ $application->loanee_name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->loan_account_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Loan Number</p>
                                                <h4>{{ $application->loan_account_number }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->ration_card_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Ration Card Number</p>
                                                <h4>{{ $application->ration_card_number }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->annual_income)
                                            <div class="col-md-4 mb-2">
                                                <p>Annual Income</p>
                                                <h4>{{ formatINR($application->annual_income) }}</h4>
                                            </div>
                                        @endif

                                    </div>
                                </div>

                                <h3 class="tab-title"><b>Address Details</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">


                                        @if ($application->addressBook)
                                            <div class="col-md-4 mb-2">
                                                <p>Door Number</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        {{ $application->addressBook->door_no }}
                                                    @endif
                                                </h4>
                                            </div>


                                            <div class="col-md-4 mb-2">
                                                <p>Building Name</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        {{ $application->addressBook->building_name }}
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Street/ Locality</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        {{ $application->addressBook->street }}
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Post Office</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->postOffice)
                                                            {{ $application->addressBook->postOffice->post_office_name }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Taluk</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->taluk)
                                                            {{ $application->addressBook->taluk->taluk_name }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>District</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->district)
                                                            {{ $application->addressBook->district->district }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Pincode</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->postOffice)
                                                            {{ $application->addressBook->postOffice->pincode }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <!--1-->
                                <h3 class="tab-title"><b>Society & Membership</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">

                                        @if ($application->society->code)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Code</p>
                                                <h4>{{ $application->society->code }}</h4>
                                            </div>
                                        @endif
                                        @if ($application->societyType)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Type</p>
                                                <h4>{{ $application->societyType->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->society)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Name</p>
                                                <h4>{{ $application->society->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->society_membership_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Membership Number</p>
                                                <h4>{{ $application->society_membership_number }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->society_sb_account_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Society SB Account Number</p>
                                                <h4>{{ $application->society_sb_account_number }}</h4>
                                            </div>
                                        @endif


                                        @if ($application->societyTaluk)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Taluk</p>
                                                <h4>{{ $application->societyTaluk->taluk_name }}</h4>
                                            </div>
                                        @endif



                                        @if ($application->societyDistrict)
                                            <div class="col-md-4 mb-2">
                                                <p>Society District</p>
                                                <h4>{{ $application->societyDistrict->district }}</h4>
                                            </div>
                                        @endif







                                    </div>
                                </div>
                                <!--1-->
                                <!--1-->


                                <h3 class="tab-title"><b>Guardian Details</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">

                                        @if ($application->guardian_name)
                                            <div class="col-md-4 mb-2">
                                                <p>Guardian's Name</p>
                                                <h4>{{ $application->guardian_name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->guardianRelationship)
                                            <div class="col-md-4 mb-2">
                                                <p>Guardian's Relationship with Child</p>
                                                <h4>{{ $application->guardianRelationship->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->guardians_phone_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Guardian's Phone Number</p>
                                                <h4>{{ $application->guardians_phone_number }}</h4>
                                            </div>
                                        @endif


                                    </div>
                                </div>


                                <h3 class="tab-title"><b>Parents Death Details</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">

                                        @if ($application->death_certificate_number_father)
                                            <div class="col-md-4 mb-2">
                                                <p>Death Certificate Number (Father)</p>
                                                <h4>{{ $application->death_certificate_number_father }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->date_of_death_father)
                                            <div class="col-md-4 mb-2">
                                                <p>Date of Death (Father)</p>
                                                <h4>{{ date('d/m/Y', strtotime($application->date_of_death_father)) }}</h4>
                                            </div>
                                        @endif

                                    </div>

                                    <div class="row">

                                        @if ($application->death_certificate_number_mother)
                                            <div class="col-md-4 mb-2">
                                                <p>Death Certificate Number (Mother)</p>
                                                <h4>{{ $application->death_certificate_number_mother }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->date_of_death_mother)
                                            <div class="col-md-4 mb-2">
                                                <p>Date of Death (Mother)</p>
                                                <h4>{{ date('d/m/Y', strtotime($application->date_of_death_mother)) }}</h4>
                                            </div>
                                        @endif


                                    </div>
                                </div>



                                @if ($application->membership_date)

                                    <h3 class="tab-title"><b>Details added by society secretary</b></h3>
                                    <div class="list-tab-cont" style="background-color:BlanchedAlmond;">
                                        <div class="row">
                                            @if ($application->membership_date)
                                                <div class="col-md-4 mb-2">
                                                    <p>Society Membership Date</p>
                                                    <h4>{{ date('d/m/Y', strtotime($application->membership_date)) }}</h4>
                                                </div>
                                            @endif



                                            @if ($application->society_resolution)
                                                <div class="col-md-4 mb-2">
                                                    <p>Society Resolution</p>
                                                    <a href="{{ asset('storage/uploads/society_resolutions/' . $application->society_resolution) }}"
                                                        target="_blank">View File</a>

                                                </div>
                                            @endif
                                        </div>
                                    </div>

                                @endif

                                {{-- loan account details --}}
                                @if ($application->LoanAccounts->count() > 0)
                                    <h3 class="tab-title"><b>Associated Loans</b></h3>

                                    <div class="list-tab-cont" style="background-color:BlanchedAlmond;">

                                        <div class="row fw-bold mb-2">
                                            <div class="col-md-4">
                                                <p>Loan Number</p>
                                            </div>
                                            <div class="col-md-4">
                                                <p>Loan Amount</p>
                                            </div>
                                            <div class="col-md-4">
                                                <p>Outstanding Amount</p>
                                            </div>
                                        </div>

                                        @foreach ($application->LoanAccounts as $loan)
                                            <div class="row mb-2">
                                                <div class="col-md-4">
                                                    <h4>{{ $loan->loan_account_number }}</h4>
                                                </div>
                                                <div class="col-md-4">
                                                    <h4>{{ formatINR($loan->loan_amount) }}</h4>
                                                </div>
                                                <div class="col-md-4">
                                                    <h4>{{ formatINR($loan->outstanding_amount) }}</h4>
                                                </div>
                                            </div>
                                        @endforeach

                                    </div>
                                @endif

                                {{-- @if ($application->loan_amount)

                                    <h3 class="tab-title"><b>Loan Details</b></h3>
                                    <div class="list-tab-cont" style="background-color:BlanchedAlmond;">
                                        <div class="row">


                                            @if ($application->loan_amount)
                                                <div class="col-md-4 mb-2">
                                                    <p>Loan Amount</p>
                                                    <h4>{{formatINR( $application->loan_amount) }}</h4>
                                                </div>
                                            @endif


                                            @if ($application->loan_numbers)
                                                <div class="col-md-4 mb-2">
                                                    <p>Loan Numbers</p>
                                                    <h4>{{ $application->loan_numbers }}</h4>
                                                </div>
                                            @endif


                                            @if ($application->outstanding_amount)
                                                <div class="col-md-4 mb-2">
                                                    <p>Outstanding Amount</p>
                                                    <h4>{{ formatINR($application->outstanding_amount) }}</h4>
                                                </div>
                                            @endif


                                        </div>
                                    </div>

                                @endif --}}
                            @elseif($application->application_type_id == 1)
                                <h3 class="tab-title"><b>Applicant & Address</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">
                                        @if ($application->name)
                                            <div class="col-md-4 mb-2">
                                                <p>Full Name</p>
                                                <h4>{{ $application->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->phone_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Mobile Number</p>
                                                <h4>{{ $application->phone_number }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->aadhaar_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Aadhar Number</p>
                                                <h4>

                                                    {{ $application->aadhaar_number }}

                                                </h4>
                                            </div>
                                        @endif

                                        @if ($application->ration_card_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Ration Card Number</p>
                                                <h4>

                                                    {{ $application->ration_card_number }}

                                                </h4>
                                            </div>
                                        @endif


                                        @if ($application->annual_income)
                                            <div class="col-md-4 mb-2">
                                                <p>Anual Income</p>
                                                <h4>{{ formatINR($application->annual_income) }}</h4>
                                            </div>
                                        @endif


                                    </div>
                                </div>
                                <!--1-->

                                <h3 class="tab-title"><b>Address Details</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">


                                        @if ($application->addressBook)
                                            <div class="col-md-4 mb-2">
                                                <p>Door Number</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        {{ $application->addressBook->door_no }}
                                                    @endif
                                                </h4>
                                            </div>


                                            <div class="col-md-4 mb-2">
                                                <p>Building Name</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        {{ $application->addressBook->building_name }}
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Street/ Locality</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        {{ $application->addressBook->street }}
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Post Office</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->postOffice)
                                                            {{ $application->addressBook->postOffice->post_office_name }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Taluk</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->taluk)
                                                            {{ $application->addressBook->taluk->taluk_name }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>District</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->district)
                                                            {{ $application->addressBook->district->district }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                            <div class="col-md-4 mb-2">
                                                <p>Pincode</p>
                                                <h4>
                                                    @if ($application->addressBook)
                                                        @if ($application->addressBook->postOffice)
                                                            {{ $application->addressBook->postOffice->pincode }}
                                                        @endif
                                                    @endif
                                                </h4>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <h3 class="tab-title"><b>Society & Membership</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">

                                        @if ($application->society->code)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Code</p>
                                                <h4>{{ $application->society->code }}</h4>
                                            </div>
                                        @endif
                                        @if ($application->societyType)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Type</p>
                                                <h4>{{ $application->societyType->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->society)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Name</p>
                                                <h4>{{ $application->society->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->society_membership_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Membership Number</p>
                                                <h4>{{ $application->society_membership_number }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->society_sb_account_number)
                                            <div class="col-md-4 mb-2">
                                                <p>Society SB Account Number</p>
                                                <h4>{{ $application->society_sb_account_number }}</h4>
                                            </div>
                                        @endif


                                        @if ($application->societyTaluk)
                                            <div class="col-md-4 mb-2">
                                                <p>Society Taluk</p>
                                                <h4>{{ $application->societyTaluk->taluk_name }}</h4>
                                            </div>
                                        @endif



                                        @if ($application->societyDistrict)
                                            <div class="col-md-4 mb-2">
                                                <p>Society District</p>
                                                <h4>{{ $application->societyDistrict->district }}</h4>
                                            </div>
                                        @endif







                                    </div>
                                </div>
                                <!--1-->
                                <!--1-->

                                <!--1-->
                                <!--1-->


                                <h3 class="tab-title"><b>Medical & Financial Details</b></h3>
                                <div class="list-tab-cont">
                                    <div class="row">
                                        @if ($application->diseaseAccident)
                                            <div class="col-md-4 mb-2">
                                                <p>Disease/Accident</p>
                                                <h4> {{ $application->diseaseAccident->name }}</h4>
                                            </div>
                                        @endif

                                        @if ($application->disease_accident_description)
                                            <div class="col-md-4 mb-2">
                                                <p>Description</p>
                                                <h4>{{ $application->disease_accident_description }}</h4>
                                            </div>
                                        @endif


                                        @if ($application->hospital)
                                            <div class="col-md-4 mb-2">
                                                <p>Hospital</p>
                                                <h4> {{ $application->hospital->name }} </h4>
                                            </div>
                                        @endif


                                        @if ($application->amount_spent)
                                            <div class="col-md-4 mb-2">
                                                <p>Amount Spent</p>
                                                <h4> {{ formatINR($application->amount_spent) }} </h4>
                                            </div>
                                        @endif

                                        @if ($application->amount_expected_for_treatment)
                                            <div class="col-md-4 mb-2">
                                                <p>Amount Expected</p>
                                                <h4> {{ formatINR($application->amount_expected_for_treatment) }} </h4>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <!--1-->
                                <!--1-->





                                @if ($application->membership_date)

                                    <h3 class="tab-title"><b>Details added by society secretary</b></h3>
                                    <div class="list-tab-cont" style="background-color:BlanchedAlmond;">
                                        <div class="row">
                                            @if ($application->membership_date)
                                                <div class="col-md-4 mb-2">
                                                    <p>Society Membership Date</p>
                                                    <h4>{{ date('d/m/Y', strtotime($application->membership_date)) }}</h4>
                                                </div>
                                            @endif




                                            @if ($application->society_resolution)
                                                <div class="col-md-4 mb-2">
                                                    <p>Society Resolution</p>
                                                    <a href="{{ asset('storage/uploads/society_resolutions/' . $application->society_resolution) }}"
                                                        target="_blank">View File</a>

                                                </div>
                                            @endif
                                        </div>
                                    </div>


                                @endif





                            @endif



                            <h3 class="tab-title"><b>Recommendation & Actions</b></h3>
                            <div class="text-end mt-4 d-flex justify-content-start gap-3">
                                <!-- Button trigger modal -->
                                <button type="button" class="btn btn-primary me-3" data-bs-toggle="modal"
                                    data-bs-target="#forwardModal">
                                    Forward
                                </button>

                                <button type="button" class="btn btn-danger me-3" data-bs-toggle="modal"
                                    data-bs-target="#rejectModal">
                                    Defect
                                </button>
                            </div>

                            {{-- FORWARD MODAL --}}
                            <div class="modal fade popupModal secretraryPopup" id="forwardModal" tabindex="-1"
                                aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">

                                        <form id="forward_application">

                                            <div class="modal-header">
                                                <h5 class="modal-title">Forward Application</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                    aria-label="Close"></button>
                                            </div>

                                            <div class="modal-body m-3">

                                                @if ($application->application_type_id == 2)
                                                    <div class="card">
                                                        <div class="card-body">
                                                            <p class="mb-3"><b>Associated Loans</b></p>

                                                            <div class="table-responsive mb-3">
                                                                <table class="table table-hover" id="loan_accounts_table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th width="10%">Loan No.</th>
                                                                            <th width="20%">Original Amount</th>
                                                                            <th width="25%">Outstanding amount as on
                                                                                Date of Death</th>
                                                                            <th width="15%">Actions</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @forelse ($application->LoanAccounts as $loan)
                                                                            <tr>
                                                                                <td>{{ $loan->loan_account_number }}<input
                                                                                        type="hidden"
                                                                                        name="loan_account_number[]"
                                                                                        value="{{ $loan->loan_account_number }}">
                                                                                </td>
                                                                                <td>{{ $loan->loan_amount }}<input
                                                                                        type="hidden"
                                                                                        name="loan_amount[]"
                                                                                        value="{{ $loan->loan_amount }}">
                                                                                </td>
                                                                                <td>{{ $loan->outstanding_amount }}<input
                                                                                        type="hidden"
                                                                                        name="outstanding_amount[]"
                                                                                        value="{{ $loan->outstanding_amount }}">
                                                                                </td>
                                                                                <td class="table-action">
                                                                                    <button type="button"
                                                                                        class="remove-row">
                                                                                        <i class="align-middle"
                                                                                            data-feather="trash"></i>
                                                                                    </button>
                                                                                </td>
                                                                            </tr>
                                                                        @empty
                                                                            <tr class="no-data">
                                                                                <td colspan="4" class="text-center">
                                                                                    No loans added yet.
                                                                                </td>
                                                                            </tr>
                                                                        @endforelse
                                                                        {{-- Rows will be inserted dynamically --}}
                                                                    </tbody>
                                                                </table>
                                                            </div>

                                                            <div id="loan_accounts_wrapper" class="row">
                                                                <p class="mb-3"><b>Add an Associated Loan</b></p>
                                                                <div class="col-md-3">
                                                                    <label class="form-label">Loan Number<span
                                                                            style="color:red">*</span></label>
                                                                    <input id="loan_no" class="form-control"
                                                                        type="text">
                                                                </div>

                                                                <div class="col-md-3">
                                                                    <label class="form-label">Loan Amount<span
                                                                            style="color:red">*</span></label>
                                                                    <input id="loan_amount" class="form-control"
                                                                        type="number" maxlength="7">
                                                                </div>

                                                                <div class="col-md-4">
                                                                    <label class="form-label">Outstanding amount as on
                                                                        Date of
                                                                        Death<span style="color:red">*</span></label>
                                                                    <input id="outstanding_amount" class="form-control"
                                                                        type="number" maxlength="7">
                                                                </div>
                                                                <div class="col-md-2 d-flex align-items-end">
                                                                    <button type="button"
                                                                        class="btn btn-success btn-sm mt-3"
                                                                        id="add_loan_row">
                                                                        <i class="me-1 far fa-fw fa-plus"></i> Add
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif


                                                <input type="hidden" name="application_type"
                                                    value="{{ $application->application_type_id }}">

                                                <input type="hidden" name="application"
                                                    value="{{ \Crypt::encryptString($application->id) }}">
                                                <div class="list-tab-cont">
                                                    <p class="mb-3"><b>Recommendation Status</b></p>
                                                    <div class="row">
                                                        <div class="mb-3 col-md-3">
                                                            <label class="col-form-label col-sm-12 pt-sm-0">Select
                                                                Any</label>
                                                            <div class="col-sm-12">

                                                                <label class="form-check form-check-inline">
                                                                    <input type="radio" name="recommendation"
                                                                        value="1" class="form-check-input valid"
                                                                        checked>
                                                                    <span class="form-check-label">Eligible</span>
                                                                </label>
                                                                <label class="form-check form-check-inline">
                                                                    <input type="radio" name="recommendation"
                                                                        value="2" class="form-check-input valid">
                                                                    <span class="form-check-label">Ineligible</span>
                                                                </label>

                                                            </div>
                                                        </div>
                                                        <div class="mb-3 col-md-9" id="comment_div">

                                                            <label class="form-label">Reason for Ineligible<span
                                                                    style="color:red">*</span></label>

                                                            <textarea name="comment" class="form-control form-label" cols="10" rows="5" maxlength="300"></textarea>

                                                            <small>Comment is mandatory if recommendation is not
                                                                eligible.Maximum
                                                                allowed
                                                                character count is 300</small>

                                                        </div>
                                                        <div class="mb-3 col-md-3" id="recommended_amount_div">
                                                            <label class="form-label" for="">Suggested
                                                                Amount</label>
                                                            <input name="recommended_amount"
                                                                @if ($minimum_alloted_relief_amount_value) placeholder="{{ formatINR($minimum_alloted_relief_amount_value) }}-{{ formatINR($maximum_alloted_relief_amount_value) }}" @endif
                                                                class="form-control form-label" type="number">
                                                            <small>Allowed range is
                                                                {{ formatINR($minimum_alloted_relief_amount_value) }} to
                                                                {{ formatINR($maximum_alloted_relief_amount_value) }}</small>
                                                        </div>
                                                        <div class="mb-3 col-md-3">
                                                            <label class="form-label" for="">Membership No</label>
                                                            <input type="text" disabled=""
                                                                value="{{ $application->society_membership_number }}"
                                                                class="form-control" id="">
                                                        </div>
                                                        <div class="mb-3 col-md-3" id="membership_date_div">
                                                            <label class="form-label" for="">Membership
                                                                Date</label>
                                                            <input name="membership_date" class="form-control"
                                                                type="text">
                                                        </div>
                                                        <div class="mb-3 col-md-4" id="resolution_div">
                                                            <label class="form-label" for="">Society
                                                                Resolution</label>
                                                            <input name="resolution" class="form-control form-label"
                                                                type="file">
                                                            <small>Allowed file types are jpg,pdf,jpeg.Maximum upload size
                                                                is 2
                                                                MB</small>
                                                        </div>
                                                        {{-- @if ($application->application_type_id == 2)
                                                            <div class="mb-3 col-md-6" id="loan_numbers_div"
                                                                style="display:none">
                                                                <label><b>Loan Numbers</b><span
                                                                        style="color:red">*</span></label>

                                                                <input name="loan_numbers" class="form-control"
                                                                    type="text">
                                                            </div>

                                                            <div class="mb-3 col-md-6" id="loan_amount_div"
                                                                style="display:none">
                                                                <label><b>Loan Amount</b><span
                                                                        style="color:red">*</span></label>

                                                                <input name="loan_amount" class="form-control"
                                                                    type="number">
                                                            </div>

                                                            <div class="mb-3 col-md-6" id="outstanding_amount_div"
                                                                style="display:none">
                                                                <label><b>Outstanding Amount</b><span
                                                                        style="color:red">*</span></label>

                                                                <input name="outstanding_amount" class="form-control"
                                                                    type="number">
                                                            </div>
                                                        @endif --}}

                                                        <div class="mb-3 col-md-8">
                                                            <label class="form-label" for="">Forward to
                                                                Seat</label>
                                                            @if (count($higherAuthority) === 1)
                                                                {{-- Only ONE option → show readonly text input + hidden field --}}
                                                                <input type="text" class="form-control"
                                                                    value="{{ $higherAuthority[0]['seat']->name }} ({{ $higherAuthority[0]['office_name'] ?? 'N/A' }})"
                                                                    readonly>

                                                                <input type="hidden" name="forward_to_seat"
                                                                    value="{{ $higherAuthority[0]['seat']->id }}">
                                                            @else
                                                                {{-- Multiple options → dropdown --}}
                                                                <select name="forward_to_seat" id="forward_to_seat"
                                                                    class="form-select" required>
                                                                    @foreach ($higherAuthority as $index => $item)
                                                                        <option value="{{ $item['seat']->id }}"
                                                                            {{ $index === 0 ? 'selected' : 'disabled' }}>
                                                                            {{ $item['seat']->name }}
                                                                            ({{ $item['office_name'] ?? 'N/A' }})
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                            @endif
                                                        </div>
                                                        <div class="col-md-12" id="declaration_div">
                                                            <label class="form-label">
                                                                <input type="checkbox" class="form-check-input"
                                                                    name="declaration">
                                                                <span class="form-check-label">I have verified all details
                                                                    submitted on
                                                                    the
                                                                    application</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="mb-3" id="declaration_div" style="display:none">
                                                    <label class="form-label">
                                                        <input type="checkbox" class="form-check-input"
                                                            name="declaration">
                                                        <span class="form-check-label">I have verified all details
                                                            submitted on
                                                            the
                                                            application</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>

                                        </form>

                                        {{-- <form id="forwardForm" class="ajaxSubmit"
                                            action="{{ route('staff.unit_inspector.applications.forward') }}"
                                            method="POST">
                                            @csrf
                                            <div class="modal-header">
                                                <h5 class="modal-title">Forward Application</h5>
                                                <button type="button" class="btn-close"
                                                    data-bs-dismiss="modal"></button>
                                            </div>
                                            <div class="modal-body m-3">
                                               
                                                <input type="hidden" id="minReliefAmount" value="{{ $minAmount }}">
                                                <input type="hidden" id="maxReliefAmount" value="{{ $maxAmount }}">
                                                <input type="hidden" id="recommendedAmount"
                                                    value="{{ $recommendedAmount }}">
                                                <input type="hidden" name="application_id"
                                                    value="{{ $application->id }}">
                                              
                                                <p class="mb-3"><b>Recommendation Status</b></p>
                                                <fieldset class="mb-3 col-md-12">
                                                    <div class="row">
                                                        <label class="col-form-label col-sm-2 pt-sm-0">Select Any</label>
                                                        <div class="col-sm-10">
                                                            <label class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio"
                                                                    name="recommendation" id="eligible" value="1"
                                                                    checked>
                                                                <span class="form-check-label">Eligible</span>
                                                            </label>
                                                            <label class="form-check form-check-inline">
                                                                <input class="form-check-input" type="radio"
                                                                    name="recommendation" id="ineligible" value="2">
                                                                <span class="form-check-label">Ineligible</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </fieldset>
                                                <div class="row">
                                                    <div class="mb-3 col-md-6">
                                                        <label class="mb-2">Secretary Recommended Amount</label>
                                                        <input type="text" id="recommendedAmount" class="form-control"
                                                            value="{{ $recommendedAmount ?? '0' }}" readonly>
                                                        <input type="hidden" name="recommended_amount"
                                                            value="{{ $recommendedAmount ?? 0 }}">
                                                    </div>
                                                    <div class="mb-3 col-md-6 suggestedAmountWrapper">
                                                        <label class="mb-2">Suggested Amount</label>
                                                        <input type="number" id="forwardSuggested" class="form-control"
                                                            name="suggested_amount" placeholder="Enter amount" required>
                                                        <span id="forwardAmountError" class="text-danger"></span>
                                                        <small>Allowed Range: {{formatINR( $minAmount )}} –
                                                            {{ formatINR($maxAmount )}}</small>
                                                    </div>
                                                    <div class="mb-3 col-md-12">
                                                        <div id="forwardComment" class="" style="display:none;">
                                                            <label class="mb-2">Comment</label>
                                                            <textarea class="form-control" name="comment"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="mb-3 col-md-12">
                                                        <label for="forward_to_seat" class="form-label mb-2">Forward To
                                                            Seat</label>

                                                        @if (count($higherAuthority) === 1)
                                                           
                                                            <input type="text" class="form-control"
                                                                value="{{ $higherAuthority[0]['seat']->name }} ({{ $higherAuthority[0]['office_name'] ?? 'N/A' }})"
                                                                readonly>

                                                            <input type="hidden" name="forward_to_seat"
                                                                value="{{ $higherAuthority[0]['seat']->id }}">
                                                        @else
                                                           
                                                            <select name="forward_to_seat" id="forward_to_seat"
                                                                class="form-select" required>
                                                                @foreach ($higherAuthority as $index => $item)
                                                                    <option value="{{ $item['seat']->id }}"
                                                                        {{ $index === 0 ? 'selected' : 'disabled' }}>
                                                                        {{ $item['seat']->name }}
                                                                        ({{ $item['office_name'] ?? 'N/A' }})
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        @endif
                                                    </div>

                                                    <div class="col-md-12">
                                                        <label class="form-label">
                                                            <input type="checkbox" id="forwardDeclaration"
                                                                class="form-check-input" name="declaration">
                                                            I have verified all details submitted on the application.
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Close</button>
                                                <button type="submit" id="forwardSubmit" class="btn btn-primary"
                                                    disabled>Submit</button>
                                            </div>
                                        </form> --}}
                                    </div>
                                </div>
                            </div>

                            {{-- DEFECT / REJECT MODAL --}}
                            <div class="modal fade popupModal" id="rejectModal" tabindex="-1" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <form id="defectForm" class="ajaxSubmit"
                                            action="{{ route('staff.unit_inspector.applications.defect') }}"
                                            method="POST">
                                            @csrf

                                            <input type="hidden" name="application_type"
                                                value="{{ $application->application_type_id }}">

                                            <input type="hidden" name="application"
                                                value="{{ \Crypt::encryptString($application->id) }}">

                                            <div class="modal-header">
                                                <h5 class="modal-title">Defect / Correction</h5>
                                                <button type="button" class="btn-close"
                                                    data-bs-dismiss="modal"></button>
                                            </div>
                                            <div class="modal-body m-3">
                                                <input type="hidden" name="application_id"
                                                    value="{{ $application->id }}">
                                                <input type="hidden" name="recommendation" value="3">
                                                <div class="row">
                                                    <div class="mb-3 col-md-12" id="comment_div">

                                                        <label class="form-label">Reason for Ineligible<span
                                                                style="color:red">*</span></label>

                                                        <textarea name="comment" class="form-control form-label" cols="10" rows="5" maxlength="300"></textarea>

                                                        <small>Comment is mandatory if recommendation is not
                                                            eligible.Maximum
                                                            allowed
                                                            character count is 300</small>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Close</button>
                                                <button type="submit" id="defectSubmit"
                                                    class="btn btn-danger">Submit</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>


                            {{-- <div class="list-tab-cont">
                                <div class="row">
                                    <form id="forward_application">

                                        <input type="hidden" name="application_type"
                                            value="{{ $application->application_type_id }}">

                                        <input type="hidden" name="application"
                                            value="{{ \Crypt::encryptString($application->id) }}">
                                        <div class="mb-3 col-md-6">
                                            <label><b>Recommendation</b><span style="color:red">*</span></label>

                                            <select name="recommendation" class="form-control">

                                                <option value="">Choose Recommendation</option>

                                                @foreach ($recommendations as $recommendation)
                                                    <option value="{{ $recommendation->id }}">{{ $recommendation->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>


                                        <div class="mb-3 col-md-6" id="membership_date_div" style="display:none">
                                            <label><b>Membership Date</b><span style="color:red">*</span></label>

                                            <input name="membership_date" class="form-control" type="text">
                                        </div>

                                        @if ($application->application_type_id == 2)
                                            <div class="mb-3 col-md-6" id="loan_numbers_div" style="display:none">
                                                <label><b>Loan Numbers</b><span style="color:red">*</span></label>

                                                <input name="loan_numbers" class="form-control" type="text">
                                            </div>

                                            <div class="mb-3 col-md-6" id="loan_amount_div" style="display:none">
                                                <label><b>Loan Amount</b><span style="color:red">*</span></label>

                                                <input name="loan_amount" class="form-control" type="number">
                                            </div>

                                            <div class="mb-3 col-md-6" id="outstanding_amount_div" style="display:none">
                                                <label><b>Outstanding Amount</b><span style="color:red">*</span></label>

                                                <input name="outstanding_amount" class="form-control" type="number">
                                            </div>
                                        @endif

                                        <div class="mb-3 col-md-6" id="resolution_div" style="display:none">
                                            <label><b>Resolution</b><span style="color:red">*</span></label>

                                            <input name="resolution" class="form-control" type="file">
                                            <span>Allowed file types are jpg,pdf,jpeg.Maximum upload size is 2 MB</span>
                                        </div>



                                        <div class="mb-3 col-md-6" id="recommended_amount_div" style="display:none">


                                            <div class="mb-3 col-md-6" id="recommended_amount_div">


                                                <label><b>Recommended Amount</b><span style="color:red">*</span>
                                                    &nbsp;</label>

                                                <label>Allowed range is {{ formatINR($minimum_alloted_relief_amount_value )}} to
                                                    {{ formatINR($maximum_alloted_relief_amount_value )}}</label>

                                                <input name="recommended_amount"
                                                    @if ($minimum_alloted_relief_amount_value) placeholder="{{ formatINR($minimum_alloted_relief_amount_value )}}-{{ formatINR($maximum_alloted_relief_amount_value) }}" @endif
                                                    class="form-control" type="number">
                                            </div>
                                        </div>



                                        <div class="mb-3 col-md-6" id="comment_div" style="display:none">


                                            <label><b>Comment</b><span style="color:red">*</span></label>

                                            <textarea name="comment" class="form-control" cols="10" rows="5" maxlength="300"></textarea>

                                            <span>Comment is mandatory if recommendation is not eligible.Maximum allowed
                                                character count is 300</span>

                                        </div>




                                        <div class="mb-3" id="declaration_div" style="display:none">
                                            <label class="form-label">
                                                <input type="checkbox" class="form-check-input" name="declaration">
                                                <span class="form-check-label">I have verified all details submitted on the
                                                    application</span>
                                            </label>
                                        </div>
                                        <div class="mb-3 col-md-12">
                                            <button class="btn btn-primary me-3" type="submit">Submit</button>

                                        </div>
                                    </form>

                                </div>
                            </div> --}}
                            <!--1-->
                        </div>
                        <!--tab-1-->

                        <!--tab-2-->
                        <div class="tab-pane" id="tab-2" role="tabpanel">
                            <h4 class="tab-title">Uploaded Documents</h4>
                            <div class="list-tab-cont">
                                <div class="table-responsive">
                                    <table class="table table-spriped table-hover">
                                        <thead>
                                            <tr>
                                                <td width="10%">#</td>
                                                <td width="70%">Document Name</td>
                                                <td width="20%">Actions</td>
                                            </tr>
                                        </thead>
                                        <tbody>


                                            @foreach ($application->attachments as $key => $attachment)
                                                <tr>



                                                    <td>{{ $key + 1 }}</td>
                                                    <td>

                                                        @if ($attachment->file_type == 'medical_certificate')
                                                            Medical Certificate
                                                        @else
                                                            {{ $attachment->attachment_name }}
                                                        @endif

                                                    </td>
                                                    <td>
                                                        <a class="btn btn-success" href="{{ $attachment->file_url }}"
                                                            target="_blank">
                                                            <i class="me-1 far fa-fw fa-eye"></i> View</a>
                                                    </td>
                                                </tr>
                                            @endforeach



                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!--tab-2-->

                        <!--tab-3-->
                        <div class="tab-pane" id="tab-3" role="tabpanel">
                            <h4 class="tab-title">Recommended Amount History</h4>
                            <div class="list-tab-cont">
                                <div class="table-responsive">
                                    <table class="table table-spriped table-hover">
                                        <thead>
                                            <tr>
                                                <td width="10%">#</td>
                                                <td width="30%">Amount Suggested by</td>
                                                <td with="30%">Comment</td>
                                                <td width="30%" class="text-end">Amount</td>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            @if (count($application->amountRecommendations) > 0)

                                                @foreach ($application->amountRecommendations as $key => $recommendation)
                                                    <tr>
                                                        <td>{{ $key + 1 }}</td>
                                                        <td>{{ $recommendation->user->name }}-{{ $recommendation->Seat->name }}-{{ $recommendation->Seat->office->name }}
                                                        </td>
                                                        <td>{{ $recommendation->LatestFileFlow->comments }}</td>
                                                        <td class="text-end">{{ formatINR($recommendation->amount) }}</td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="3">No recommendations yet</td>

                                                </tr>

                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!--tab-3-->

                        <!--tab-4-->
                        <div class="tab-pane" id="tab-4" role="tabpanel">
                            <!--1-->

                            @foreach ($application->fileFlows as $flow)
                                <div class="list-tab-cont"
                                    @if ($flow->application_status_id == 2 || $flow->application_status_id == 11) style="background-color:BlanchedAlmond;" @endif>
                                    <div class="row align-items-center">

                                        <div class="col-md-4">
                                            <p>From:</p>
                                            <h4>{{ $flow->Initiator->name }} @if ($flow->initiatorSeat)
                                                    -{{ $flow->initiatorSeat->name }} of
                                                    {{ $flow->initiatorSeat->office->name }}
                                                @endif
                                            </h4>
                                            <p class="mt-2">Status: <span
                                                    class="btn-success-light">{{ $flow->ApplicationStatus->status_name }}</span>
                                            </p>
                                            @if ($flow->Recommendation)
                                                <p class="mt-2">Recommendation: <span
                                                        class="btn-success-light">{{ $flow->Recommendation->name }}</span>
                                                </p>
                                            @endif
                                            @if ($flow->actual_recommended_amount)
                                                <p class="mt-2">Recommended Amount: <span
                                                        class="btn-success-light">{{ formatINR($flow->actual_recommended_amount) }}</span>
                                                </p>
                                            @endif
                                        </div>
                                        <div class="col-md-4">
                                            <p>------------------------------------- ></p>
                                        </div>
                                        <div class="col-md-4 text-end">
                                            @if ($flow->file_flow_type_id != 4)
                                                <p>To:</p>
                                                <h4>{{ $flow->Receiver->name }} @if ($flow->receiverSeat)
                                                        -{{ $flow->receiverSeat->name }} of
                                                        {{ $flow->receiverSeat->office->name }}
                                                    @endif
                                                </h4>
                                            @endif
                                            <p class="mt-2">Status: <span class="btn-pending-light">
                                                    @if ($flow->status == 1)
                                                        Action Pending
                                                    @else
                                                        @if ($flow->file_flow_type_id == 1)
                                                            Action Taken
                                                        @elseif($flow->file_flow_type_id == 2)
                                                            Reversed
                                                        @elseif($flow->file_flow_type_id == 3)
                                                            Marked as defect
                                                        @elseif($flow->application_status_id == 5)
                                                            Action Taken
                                                        @else
                                                            Action Taken
                                                        @endif
                                                    @endif
                                                </span></p>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <p>Movement on: <span
                                                    class="text01">{{ date('d M Y h:i:s a', strtotime($flow->created_at)) }}</span>
                                            </p>
                                            @if ($flow->comments)
                                                <p>Comment: <span class="text01">{{ $flow->comments }}</span></p>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <!--1-->
                            <!--1-->
                            <!--<div class="list-tab-cont">
                                                                                                           <div class="row align-items-center">
                                                                                                            <div class="col-md-4">
                                                                                                             <p>From:</p>
                                                                                                             <h4>Secretary John Doe</h4>
                                                                                                             <p class="mt-2">Status: <span class="btn-review-light">Reviewed</span></p>
                                                                                                            </div>
                                                                                                            <div class="col-md-4"><p>------------------------------------- ></p></div>
                                                                                                            <div class="col-md-4 text-end">
                                                                                                             <p>To:</p>
                                                                                                             <h4>Inspector Jane Smith</h4>
                                                                                                             <p class="mt-2">Status: <span class="btn-forward-light">Forwarded</span></p>
                                                                                                            </div>
                                                                                                           </div>
                                                                                                           <hr>
                                                                                                           <div class="row">
                                                                                                            <div class="col-md-12">
                                                                                                             <p>Movement on: <span class="text01">2024-03-15 02:45PM</span></p>
                                                                                                             <p>Recommended Amount: <span class="text01">30,000</span></p>
                                                                                                             <p>Comment: <span class="text01">Forwarded for verification. Please check attached documents.</span></p>
                                                                                                            </div>
                                                                                                           </div>
                                                                                                          </div>-->
                            <!--1-->
                        </div>
                        <!--tab-4-->
                    </div>
                </div>
                <!--tab-->

            </div>
        </div>
        <!--content-->

    </div>



@endsection

@push('scripts')
    <script>
        $(document).ready(function() {

            // var recommendation_value = $("select[name='recommendation']").val();
            handleRecommendationChange();

            var application_type = $("input[name='application_type']").val();

            function handleRecommendationChange() {
                var recommendation_value = $("input[name='recommendation']:checked").val();

                if (recommendation_value == 3) {
                    $("#comment_div").show();
                    $("#membership_date_div").hide();
                    $("#loan_numbers_div").hide();
                    $("#loan_amount_div").hide();
                    $("#resolution_div").hide();
                    $("#outstanding_amount_div").hide();
                    $("#recommended_amount_div").hide();
                    $("#declaration_div").hide();

                } else if (recommendation_value == 2 && application_type == 1) {
                    $("#comment_div").show();
                    $("#membership_date_div").show();
                    $("#loan_numbers_div").hide();
                    $("#loan_amount_div").hide();
                    $("#resolution_div").show();
                    $("#recommended_amount_div").hide();
                    $("#declaration_div").show();
                    $("#outstanding_amount_div").hide();

                } else if (recommendation_value == 2 && application_type == 2) {
                    $("#comment_div").show();
                    $("#membership_date_div").show();
                    $("#loan_numbers_div").show();
                    $("#loan_amount_div").show();
                    $("#resolution_div").show();
                    $("#recommended_amount_div").hide();
                    $("#declaration_div").show();
                    $("#outstanding_amount_div").show();

                } else if (recommendation_value == 1 && application_type == 1) {
                    $("#comment_div").hide();
                    $("#membership_date_div").show();
                    $("#loan_numbers_div").hide();
                    $("#loan_amount_div").hide();
                    $("#resolution_div").show();
                    $("#recommended_amount_div").show();
                    $("#declaration_div").show();
                    $("#outstanding_amount_div").hide();

                } else if (recommendation_value == 1 && application_type == 2) {
                    $("#comment_div").hide();
                    $("#membership_date_div").show();
                    $("#loan_numbers_div").show();
                    $("#loan_amount_div").show();
                    $("#resolution_div").show();
                    $("#recommended_amount_div").show();
                    $("#declaration_div").show();
                    $("#outstanding_amount_div").show();
                }
            }

            $(document).ready(function() {
                // Run on page load
                handleRecommendationChange();

                // Run on radio button change
                $(document).on("change", "input[name='recommendation']", function() {
                    handleRecommendationChange();
                });
            });


            $(document).on("change", "input[name='recommendation']", function() {

                handleRecommendationChange();

            });

            $.validator.addMethod("maxFileSize", function(value, element, param) {
                // Return true if the field is optional/empty
                if (this.optional(element)) {
                    return true;
                }

                // Check file API support and if a file is selected
                if (element.files && element.files[0]) {
                    // Check if the file size (in bytes) is less than or equal to the parameter
                    return element.files[0].size <= param;
                }

                // Fail gracefully if the browser is too old or no file selected
                return true;

            }, function(param) {
                // Dynamic error message function (optional, but good practice)
                const maxSizeMB = (param / 1048576).toFixed(2);
                return "The file size must not exceed " + maxSizeMB + " MB.";
            });

            const MAX_FILE_SIZE_BYTES = 2097152;


            $.validator.addMethod("extension", function(value, element, param) {
                // Return true if the field is empty (handled by the 'required' rule)
                if (this.optional(element)) {
                    return true;
                }

                var allowedExtensions = typeof param === "string" ? param.replace(/,/g, '|') :
                    "png|jpg|jpeg";

                var regex = new RegExp("^.*\\.(" + allowedExtensions + ")$", "i");

                // Test the file input's value (the file name) against the regex
                return regex.test(value);

            }, $.validator.format("Please upload only files with the extension: {0}."));



            if (application_type == 2) {

                var error_messages = {
                    membership_date: {
                        required: "Please choose membership date.",
                    },
                    loan_numbers: {
                        required: "Please enter loan numbers."
                    },
                    loan_amount: {
                        required: "Please enter loan amount."
                    },
                    outstanding_amount: {
                        required: "Please enter outstanding loan amount."
                    },
                    resolution: {

                        required: "Please choose resolution",
                        extension: "Resolution extension must be jpg or jpeg or pdf",
                        maxFilesize: "Resolution should not be greater than 2MB"
                    },
                    comment: "Comment is mandatory if recommendation is not eligible",
                    recommendation: {
                        required: "Please choose recommendation"
                    },
                    recommended_amount: {
                        required: "Please enter recommended amount",
                        min: "Minimum allowed amount is {{ $minimum_alloted_relief_amount_value }}",
                        max: "Maximum allowed amount is {{ $maximum_alloted_relief_amount_value }}"
                    },
                    declaration: {

                        required: "Declaration is mandatory"
                    }
                };

                var form_rules = {
                    membership_date: {
                        required: true,
                    },
                    loan_numbers: {
                        required: true
                    },
                    loan_amount: {
                        required: true
                    },
                    outstanding_amount: {
                        required: true
                    },
                    comment: {

                        required: {

                            depends: function(element) {

                                var recommendation_value = $("select[name='recommendation']").val();
                                return (recommendation_value == 2 || recommendation_value == 3);
                            }
                        }


                    },
                    resolution: {
                        required: true,
                        extension: 'pdf|jpg|jpeg',
                        maxFileSize: MAX_FILE_SIZE_BYTES
                    },
                    recommendation: {
                        required: true
                    },
                    recommended_amount: {
                        required: true,
                        min: parseInt("{{ $minimum_alloted_relief_amount_value }}"),
                        max: parseInt("{{ $maximum_alloted_relief_amount_value }}")
                    },
                    declaration: {
                        required: true
                    },
                };

            } else {

                var error_messages = {
                    membership_date: {
                        required: "Please choose membership date."
                    },

                    resolution: {

                        required: "Please choose resolution",
                        extension: "Resolution extension must be jpg or jpeg or pdf",
                        maxFilesize: "Resolution should not be greater than 2MB"
                    },
                    comment: {

                        required: "Comment is mandatory if recommendation is eligible"


                    },
                    recommendation: {
                        required: "Please choose recommendation"
                    },
                    recommended_amount: {
                        required: "Please enter recommended amount",
                        min: "Minimum allowed amount is {{ $minimum_alloted_relief_amount_value }}",
                        max: "Maximum allowed amount is {{ $maximum_alloted_relief_amount_value }}"
                    },
                    declaration: {

                        required: "Declaration is mandatory"
                    }
                };


                var form_rules = {
                    membership_date: {
                        required: true
                    },

                    resolution: {
                        required: true,
                        extension: 'pdf|jpg|jpeg',
                        maxFileSize: MAX_FILE_SIZE_BYTES
                    },
                    comment: {

                        required: {

                            depends: function(element) {

                                var recommendation_value = $("select[name='recommendation']").val();
                                return (recommendation_value == 2 || recommendation_value == 3);
                            }
                        }


                    },
                    recommendation: {
                        required: true
                    },
                    recommended_amount: {
                        required: true,
                        min: parseInt("{{ $minimum_alloted_relief_amount_value }}"),
                        max: parseInt("{{ $maximum_alloted_relief_amount_value }}")
                    },
                    declaration: {
                        required: true
                    },
                };

            }

            $("#forward_application").validate({

                rules: form_rules,

                // Define custom error messages
                messages: error_messages,


                // Optional: Custom function to run on successful validation
                submitHandler: function(form) {
                    // When the form is valid, this function runs.

                    var form_data = new FormData(form);
                    //form.submit(); // Submits the form

                    $.ajax({

                        headers: {
                            'X-CSRF-TOKEN': "{{ csrf_token() }}"
                        },
                        url: "{{ route('secretary.application.processing') }}",
                        type: "POST",
                        data: form_data,
                        dataType: "JSON",
                        processData: false,
                        contentType: false,
                        beforeSend: function() {
                            Swal.fire({
                                title: 'Processing...',
                                text: 'Please wait...',
                                allowOutsideClick: false,
                                didOpen: () => Swal.showLoading()
                            });
                        },
                        success: function(response) {

                            Swal.close();
                            if (response.status == "success") {
                                Swal.fire({

                                    title: "Application processed",
                                    text: response.message,
                                    icon: "success",
                                    confirmButtonText: "OK",
                                }).then((result) => {

                                    window.location.href =
                                        "{{ route('secretary.inbox') }}";
                                });
                            } else {

                                Swal.fire({

                                    title: "Application not processed",
                                    text: response.message,
                                    icon: "error",
                                    confirmButtonText: "OK",
                                });


                            }
                        },
                        error: function() {

                            Swal.fire({

                                title: "Application not processed",
                                text: "Something went wrong",
                                icon: "error",
                                confirmButtonText: "OK",
                            });

                        }

                    });
                }

            });

            $("#defectForm").validate({
                rules: {
                    comment: {
                        required: true
                    },
                    recommendation: {
                        required: true
                    }
                },
                messages: {
                    comment: {
                        required: "Comment is mandatory for rejected application"
                    }
                },
                submitHandler: function(form) {
                    // When the form is valid, this function runs.

                    var form_data = new FormData(form);
                    //form.submit(); // Submits the form

                    $.ajax({

                        headers: {
                            'X-CSRF-TOKEN': "{{ csrf_token() }}"
                        },
                        url: "{{ route('secretary.application.processing') }}",
                        type: "POST",
                        data: form_data,
                        dataType: "JSON",
                        processData: false,
                        contentType: false,
                        beforeSend: function() {
                            Swal.fire({
                                title: 'Processing...',
                                text: 'Please wait...',
                                allowOutsideClick: false,
                                didOpen: () => Swal.showLoading()
                            });
                        },
                        success: function(response) {

                            Swal.close();
                            if (response.status == "success") {
                                Swal.fire({

                                    title: "Application processed",
                                    text: response.message,
                                    icon: "success",
                                    confirmButtonText: "OK",
                                }).then((result) => {

                                    window.location.href =
                                        "{{ route('secretary.inbox') }}";
                                });
                            } else {

                                Swal.fire({

                                    title: "Application not processed",
                                    text: response.message,
                                    icon: "error",
                                    confirmButtonText: "OK",
                                });


                            }
                        },
                        error: function() {

                            Swal.fire({

                                title: "Application not processed",
                                text: "Something went wrong",
                                icon: "error",
                                confirmButtonText: "OK",
                            });

                        }

                    });
                }
            });


            $("input[name='membership_date']").fdatepicker({
                endDate: new Date(),
                format: 'dd/mm/yyyy',
                disableDblClickSelection: true,
                leftArrow: '<<',
                rightArrow: '>>',
                closeIcon: 'X',
                closeButton: true
            });

        });

        $(document).ready(function() {
            let maxRows = 3;

            function updateAddButton() {
                let rowCount = $("#loan_accounts_table tbody tr").length;

                if (rowCount >= maxRows) {
                    $("#add_loan_row").prop("disabled", true).text("Max Limit Reached");
                    $("#loan_accounts_wrapper").hide(); // Hide the add section
                } else {
                    $("#add_loan_row").prop("disabled", false).text("+ Add");
                    $("#loan_accounts_wrapper").show(); // Show the add section
                }
            }
            // Initialize button state on page load
            updateAddButton();

            $("#add_loan_row").on("click", function() {

                $("#loan_accounts_table tbody tr.no-data").remove();
                let totalRows = $("#loan_accounts_table tbody tr").length;

                if (totalRows >= maxRows) {
                    Swal.fire({
                        icon: "warning",
                        title: "Limit reached",
                        text: "Maximum 3 loan entries allowed",
                        confirmButtonText: "OK"
                    });
                    updateAddButton();
                    return;
                }

                let loanNo = $("#loan_no").val().trim();
                let loanAmount = $("#loan_amount").val().trim();
                let outstandingAmount = $("#outstanding_amount").val().trim();

                let loanNoRegex = /^[A-Za-z0-9\s-]+$/;

                if (!loanNoRegex.test(loanNo)) {
                    Swal.fire({
                        icon: "warning",
                        title: "Invalid Loan Number",
                        text: "Loan Number can contain only alphabets, numbers, spaces, and hyphens. Special characters are not allowed.",
                        confirmButtonText: "OK"
                    });
                    $("#loan_no").focus();
                    return;
                }

                // Check for duplicate loan number
                let isDuplicate = false;

                $("input[name='loan_account_number[]']").each(function() {
                    if ($(this).val() === loanNo) {
                        isDuplicate = true;
                        return false; // break loop
                    }
                });

                if (isDuplicate) {
                    Swal.fire({
                        icon: "warning",
                        title: "Duplicate Loan Number",
                        text: "This loan number is already added.",
                        confirmButtonText: "OK"
                    });
                    $("#loan_no").focus();
                    return;
                }

                if (loanAmount.length > 7 || outstandingAmount.length > 7) {
                    Swal.fire({
                        icon: "warning",
                        title: "Invalid Amount",
                        text: "Loan Amount and Outstanding Amount must not exceed 7 digits.",
                        confirmButtonText: "OK"
                    });
                    return;
                }

                // if (outstandingAmount > loanAmount) {
                //     Swal.fire({
                //         icon: "warning",
                //         title: "Invalid Outstanding Amount",
                //         text: "Outstanding amount cannot be greater than the loan amount.",
                //         confirmButtonText: "OK"
                //     });
                //     $("#outstanding_amount").focus();
                //     return;
                // }

                if (!loanNo || !loanAmount || !outstandingAmount) {
                    Swal.fire({
                        icon: "warning",
                        title: "Missing Information",
                        text: "Loan Number, Loan Amount and Outstanding Amount are required.",
                        confirmButtonText: "OK"
                    });
                    return;
                }

                let newRow = `
            <tr>
                <td>${loanNo}<input type="hidden" name="loan_account_number[]" value="${loanNo}"></td>
                <td>${loanAmount}<input type="hidden" name="loan_amount[]" value="${loanAmount}"></td>
                <td>${outstandingAmount}<input type="hidden" name="outstanding_amount[]" value="${outstandingAmount}"></td>
                <td class="table-action">
                    <button type="button" class="remove-row">
                        <i class="align-middle" data-feather="trash"></i>
                    </button>
                </td>
            </tr>
        `;

                $("#loan_accounts_table tbody").append(newRow);

                feather.replace();

                // Clear inputs
                $("#loan_no").val("");
                $("#loan_amount").val("");
                $("#outstanding_amount").val("");

                updateAddButton();
            });

            $(document).on("click", ".remove-row", function() {
                $(this).closest("tr").remove();
                updateAddButton();
            });
        });
    </script>
@endpush