@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('staff.jointregistrar.applications') }}" 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>
                        <li class="nav-item"><a class="nav-link" href="#tab-5" data-bs-toggle="tab"
                                role="tab">Disbursement
                                Details</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>₹{{ $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>₹{{ $loan->loan_amount }}</h4>
                                                </div>
                                                <div class="col-md-4">
                                                    <h4>₹{{ $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>₹{{ $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>₹{{ $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>₹{{ $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> ₹{{ $application->amount_spent }} </h4>
                                            </div>
                                        @endif

                                        @if ($application->amount_expected_for_treatment)
                                            <div class="col-md-4 mb-2">
                                                <p>Amount Expected</p>
                                                <h4> ₹{{ $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="list-tab-cont">
                               
                            </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->comments ?? '-' }}</td>
                                                        <td class="text-end">₹{{ $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">₹{{ $flow->actual_recommended_amount }}</span>
                                                </p>
                                            @endif
                                        </div>
                                        <div class="col-md-4">
                                            <p>------------------------------------- ></p>
                                        </div>
                                        <div class="col-md-4 text-end">
                                            <p>To:</p>
                                            <h4>
                                                @if ($flow->Receiver)
                                                    {{ $flow->Receiver->name }}
                                                @else
                                                    <span class="text-muted">Receiver not assigned</span>
                                                @endif

                                                @if ($flow->receiverSeat)
                                                    - {{ $flow->receiverSeat->name }} of
                                                @endif

                                            </h4>
                                            <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
                                                        @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-->

                        <!--tab-5-->
                        <div class="tab-pane" id="tab-5" role="tabpanel">
                            @if ($application->application_status_id == 9)

                                <!--1-->
                                @if ($application->application_type_id == 1)

                                    <div class="">
                                        <h4 class="tab-title">Disbursement Details</h4>
                                        <div class="list-tab-cont">
                                            <div class="table-responsive">
                                                <table class="table table-spriped table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Status</th>
                                                            <th>Amount</th>
                                                            <th>Date</th>
                                                            <th>Disbursed By</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($application->disbursements as $key => $d)
                                                            <tr>
                                                                <td>{{ $key + 1 }}</td>
                                                                <td>{{ $d->status->name ?? '-' }}</td>
                                                                <td>₹ {{ number_format($d->amount_disbursed, 2) }}</td>
                                                                <td>{{ date('d/m/Y', strtotime($d->disbursement_date)) }}
                                                                </td>
                                                                <td>{{ $d->secretary->name ?? '-' }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                @endif
                                @if ($application->application_type_id == 2 && $loanAccounts->isNotEmpty())

                                    <div class="card mt-4">
                                        <h4 class="tab-title">Disbursement Details</h4>
                                        <div class="list-tab-cont">
                                            <div class="table-responsive">
                                                <table class="table table-bordered mb-0">
                                                    <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Loan Account</th>
                                                            <th>Amount</th>
                                                            <th>Outstanding</th>
                                                            <th>Seat</th>
                                                            <th>Disbursed By</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($loanAccounts as $key => $loan)
                                                            <tr>
                                                                <td>{{ $key + 1 }}</td>
                                                                <td>{{ $loan->loan_account_number }}</td>
                                                                <td>₹ {{ number_format($loan->loan_amount, 2) }}</td>
                                                                <td>₹ {{ number_format($loan->outstanding_amount, 2) }}
                                                                </td>
                                                                <td>{{ $loan->seat->name ?? '-' }}</td>
                                                                <td>{{ $loan->user->name ?? '-' }}</td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                @endif
                            @endif

                        </div>
                        <!--tab-5-->

                    </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: "{{ $maximum_membership_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();

                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