{!! html()->form(
        'POST',
        isset($project) && $project->id ? route('IPF.update', base64_encode($project->id)) : route('IPF.store'),
    )->id('IPF_Project_Information_Form')->open() !!}
@if (isset($project) && $project->id)
    @method('PUT')
@endif
{{-- =======================
    MAIN PROJECT CARD
======================== --}}
<div class="card">
    <div class="card-header d-flex align-items-center">
        <h3 class="card-title">{{ $project->exists ? "{$project->investment_planning_form_id}" : 'New Project' }}</h3>
        @if (isset($project) && $project->id)
            <div class="card-tools ml-auto">
                <button type="button" id="IPV_Delete_Btn" class="btn btn-danger btn-sm confirm-delete"
                    data-delete-url="{{ route('IPF.destroy', base64_encode($project->id)) }}">Delete</button>
            </div>
        @endif
    </div>
    <div class="card-body">
        {{-- Row 1 --}}
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('Project Title <span class="text-danger">*</span>', 'IPF_project_title')->toHtml() !!}
                    {!! html()->text('IPF_project_title', old('IPF_project_title', $project->project_title))->class('form-control')->id('IPF_project_title')->placeholder('Enter Project Title') !!}
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    @php
                        $decodedThreatId = !empty($addViathreatId)
                            ? base64_decode($addViathreatId)
                            : old('IPF_threat_id', $project->threat_id);
                        $isThreatReadonly = !empty($addViathreatId);

                        $ThreatLabelText = 'Threat Title';
                        if (!empty($selectedThreat)) {
                            if ($selectedThreat->record_type === 'Opportunity') {
                                $ThreatLabelText = 'Opportunity Title';
                            }
                        }
                    @endphp
                    {!! html()->label($ThreatLabelText . '<span class="text-danger">*</span>', 'IPF_threat_id')->toHtml() !!}
                    <select name="IPF_threat_id" id="IPF_threat_id" class="form-control"
                        data-selected ="{{ old('IPF_threat_id', $project->threat_id) }}"
                        {{ $isThreatReadonly ? 'disabled' : '' }}>
                        <option value="" data-master-site-id="">
                            Select Threat
                        </option>
                        @foreach ($threatList as $threat)
                            <option value="{{ $threat->id }}" data-master-site-id="{{ $threat->asset_level_1 }}"
                                {{ old('IPF_threat_id', $project->threat_id) == $threat->id ? 'selected' : '' }}>
                                {{ $threat->threat_name }}
                            </option>
                        @endforeach
                    </select>
                    @if ($isThreatReadonly)
                        {{-- Hidden field to keep the value when dropdown is disabled --}}
                        <input type="hidden" name="IPF_threat_id" value="{{ old('IPF_threat_id', $decodedThreatId) }}">
                    @endif
                </div>
            </div>
        </div>

        {{-- Row 2 --}}
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('Project ID', 'IPF_project_id')->toHtml() !!}
                    {!! html()->text('IPF_project_id', old('IPF_project_id', $project->project_id))->class('form-control')->id('IPF_project_id')->placeholder('Enter Project ID') !!}
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('PDL <span class="text-danger">*</span>', 'IPF_project_owner')->toHtml() !!}
                    {!! html()->select(
                            'IPF_project_owner',
                            ['' => 'Select PDL'] + ($activeUserList ?? []),
                            old('IPF_project_owner', $project->project_owner),
                        )->id('IPF_project_owner')->addClass('form-control') !!}
                </div>
            </div>
        </div>

        {{-- Row 3 --}}
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('BOM', 'IPF_BOM_full_name')->toHtml() !!}
                    {!! html()->text('IPF_BOM_full_name', old('IPF_BOM_full_name', $project->BOM_full_name))->class('form-control')->id('IPF_BOM_full_name')->placeholder('Enter BOM Full Name') !!}
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('Sponsor', 'IPF_sponsor')->toHtml() !!}
                    {!! html()->select('IPF_sponsor', ['' => 'Select Sponsor'] + ($activeUserList ?? []), old('IPF_sponsor', $project->sponsor))->id('IPF_sponsor')->addClass('form-control') !!}
                </div>
            </div>
        </div>

        {{-- Row 4 --}}
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('PEL <span class="text-danger">*</span>', 'IPF_project_manager')->toHtml() !!}
                    {!! html()->select(
                            'IPF_project_manager',
                            ['' => 'Select PEL'] + ($activeUserList ?? []),
                            old('IPF_project_manager', $project->project_manager),
                        )->id('IPF_project_manager')->addClass('form-control') !!}
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    {!! html()->label('MOC No.', 'IPF_MOC_number')->toHtml() !!}
                    {!! html()->text('IPF_MOC_number', old('IPF_MOC_number', $project->MOC_number))->class('form-control')->id('IPF_MOC_number')->placeholder('Enter MOC Number') !!}
                </div>
            </div>
        </div>

    </div>
    {{-- =======================
    PROJECT DETAILS
======================== --}}
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Project Details</h3>
        </div>
        <div class="card-body">
            {{-- Category + Status --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Project Category <span class="text-danger">*</span>', 'IPF_project_category') !!}
                        {!! html()->select(
                                'IPF_project_category',
                                ['' => 'Select Project Category'] + ($projectCategoryList ?? collect())->toArray(),
                                old('IPF_project_category', $project->project_category_id),
                            )->class('form-control')->id('IPF_project_category') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Project Status <span class="text-danger">*</span>', 'IPF_project_status') !!}
                        {!! html()->select(
                                'IPF_project_status',
                                \App\Models\ThreatInvestmentPlanningForm::$project_statuses,
                                old('IPF_project_status', $project->project_status),
                            )->class('form-control')->id('IPF_project_status')->placeholder('Select Project Status') !!}
                    </div>
                </div>
            </div>

            {{-- Description + Minimum Tech --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Project Description', 'IPF_project_description') !!}
                        {!! html()->textarea('IPF_project_description', old('IPF_project_description', $project->project_description))->class('form-control')->id('IPF_project_description')->rows(3)->placeholder('Enter Project Description') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Minimum Technical Solution', 'IPF_minimum_technical_solution') !!}
                        {!! html()->textarea(
                                'IPF_minimum_technical_solution',
                                old('IPF_minimum_technical_solution', $project->minimum_technical_solution),
                            )->class('form-control')->id('IPF_minimum_technical_solution')->rows(3)->placeholder('Enter Minimum Technical Solution') !!}
                    </div>
                </div>
            </div>

            {{-- Other Alternatives + Free Text 1 --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Other Alternatives', 'IPF_other_alternatives') !!}
                        {!! html()->textarea('IPF_other_alternatives', old('IPF_other_alternatives', $project->other_alternatives))->class('form-control')->id('IPF_other_alternatives')->rows(3)->placeholder('Enter Other Alternatives') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Remarks', 'IPF_Remarks') !!}
                        {!! html()->textarea('IPF_Remarks', old('IPF_Remarks', $project->remarks))->class('form-control')->id('IPF_Remarks')->rows(3)->placeholder('Enter Remarks') !!}
                    </div>
                </div>
            </div>

            {{-- Radar ID + Funding Category --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('RADAR ID', 'IPF_radar_id') !!}
                        {!! html()->text('IPF_radar_id', old('IPF_radar_id', $project->radar_id))->class('form-control')->id('IPF_radar_id')->placeholder('Enter RADAR ID') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Funding Category', 'IPF_funding_category') !!}
                        {!! html()->select(
                                'IPF_funding_category',
                                ['' => 'Select Funding Category'] +
                                    collect(['IT', 'Medium Project', 'T/A', 'Non-Routine OPEX', 'Small Project'])->mapWithKeys(fn($cat) => [$cat => $cat])->toArray(),
                                old('funding_category', $project->funding_category),
                            )->class('form-control')->id('IPF_funding_category') !!}
                    </div>
                </div>
            </div>

            {{-- Schedule + Override --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Schedule', 'IPF_schedule') !!}
                        {!! html()->text('IPF_schedule', old('IPF_schedule', $project->schedule))->class('form-control')->id('IPF_schedule')->placeholder('Enter Schedule') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    {!! html()->label('Override', 'IPF_override') !!} <br>
                    {!! html()->checkbox('IPF_override', old('override', $project->override), 1)->id('IPF_override') !!}
                </div>
            </div>
        </div>
    </div>


    {{-- =======================
        JUSTIFICATION
    ======================== --}}
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Justification</h3>
        </div>
        <div class="card-body">
            {{-- NPV IRR Date + IRR --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        @php
                            $config = ['format' => 'DD-MM-YYYY', 'autoclose' => true];
                        @endphp
                        <x-adminlte-input-date name="IPF_NPV_VIR_calculation_date" igroup-size="md" :config="$config"
                            value="{{ old('IPF_NPV_VIR_calculation_date', $project->NPV_VIR_calculation_date ? \Carbon\Carbon::parse($project->NPV_VIR_calculation_date)->format('d-m-Y') : '') }}"
                            placeholder="Select NPV IRR Calculation Date">
                            <x-slot name="label">
                                NPV IRR Calculation Date
                            </x-slot>
                        </x-adminlte-input-date>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('IRR <span class="text-danger">*</span>', 'IPF_IRR') !!}
                        {!! html()->text('IPF_IRR', old('IPF_IRR', $project->IRR))->class('form-control')->id('IPF_IRR')->placeholder('Enter IRR Value') !!}
                    </div>
                </div>
            </div>

            {{-- IRR NPV Factor + NPV --}}
            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('IRR NPV J-Factor Premises', 'IPF_VIR_NPV_JFactor_premises') !!}
                        {!! html()->text('IPF_VIR_NPV_JFactor_premises', old('IPF_VIR_NPV_JFactor_premises', $project->VIR_NPV_JFactor_premises))->class('form-control')->id('IPF_VIR_NPV_JFactor_premises')->placeholder('Enter IRR NPV J-Factor Premises') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('NPV', 'IPF_NPV') !!}
                        {!! html()->text('IPF_NPV', old('IPF_NPV', $project->NPV))->class('form-control')->id('IPF_NPV')->placeholder('Enter NPV Value') !!}
                    </div>
                </div>
            </div>

            {{-- J-Factor + RT --}}
            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('J-Factor', 'IPF_J_factor') !!}
                        {!! html()->text('IPF_J_factor', old('IPF_J_factor', $project->J_factor))->class('form-control')->id('IPF_J_factor')->placeholder('Enter J-Factor Value') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('RT', 'IPF_RT') !!}
                        {!! html()->text('IPF_RT', old('IPF_RT', $project->RT))->class('form-control')->id('IPF_RT')->placeholder('Enter RT Value') !!}
                    </div>
                </div>
            </div>

            {{-- Problem Solved --}}
            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('% of Problem Solved', 'IPF_precentage_of_problem_solved') !!}
                        {!! html()->text(
                                'IPF_precentage_of_problem_solved',
                                old('IPF_precentage_of_problem_solved', $project->precentage_of_problem_solved),
                            )->class('form-control')->id('IPF_precentage_of_problem_solved')->attribute('placeholder', 'Enter % of Problem Solved') !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- =======================
        TOTAL INSTALLED COST
    ======================== --}}
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Total Installed Cost</h3>
        </div>
        <div class="card-body">
            {{-- Capex USD + Forecast --}}
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Capex Planned Expenditure', 'IPF_capex_planned_expenditure') !!}
                        {!! html()->text(
                                'IPF_capex_planned_expenditure',
                                old('IPF_capex_planned_expenditure', currency_format($project->capex_planned_expenditure ?? 0, 'USD') ?? 0),
                            )->class('form-control price-input')->id('IPF_capex_planned_expenditure')->placeholder('Enter Capex Expenditure USD')->attribute('readonly', 'readonly') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Capex Forecast Expenditure', 'IPF_capex_forecast_expenditure') !!}
                        {!! html()->text(
                                'IPF_capex_forecast_expenditure',
                                old('IPF_capex_forecast_expenditure', currency_format($project->capex_forecast_expenditure ?? 0, 'USD') ?? 0),
                            )->class('form-control price-input')->id('IPF_capex_forecast_expenditure')->placeholder('Enter Capex Forecast Expenditure')->attribute('readonly', 'readonly') !!}
                    </div>
                </div>
            </div>

            {{-- Opex USD + Forecast --}}
            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Opex Planned Expenditure', 'IPF_opex_planned_expenditure') !!}
                        {!! html()->text(
                                'IPF_opex_planned_expenditure',
                                old('IPF_opex_planned_expenditure', currency_format($project->opex_planned_expenditure ?? 0, 'USD') ?? 0),
                            )->class('form-control price-input')->id('IPF_opex_planned_expenditure')->placeholder('Enter Opex Expenditure USD')->attribute('readonly', 'readonly') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Opex Forecast Expenditure', 'IPF_opex_forecast_expenditure') !!}
                        {!! html()->text(
                                'IPF_opex_forecast_expenditure',
                                old('IPF_opex_forecast_expenditure', currency_format($project->opex_forecase_expenditure ?? 0, 'USD') ?? 0),
                            )->class('form-control price-input')->id('IPF_opex_forecast_expenditure')->placeholder('Enter Opex Forecast Expenditure')->attribute('readonly', 'readonly') !!}
                    </div>
                </div>
            </div>

            {{-- Total USD + Forecast --}}
            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Total Planned Expenditure', 'IPF_total_planned_expenditure') !!}
                        {!! html()->text(
                                'IPF_total_planned_expenditure',
                                old('IPF_total_planned_expenditure', currency_format($project->total_planned_expenditure ?? 0, 'USD') ?? 0),
                            )->class('form-control price-input')->id('IPF_total_planned_expenditure')->placeholder('Enter Total Expenditure')->attribute('readonly', 'readonly') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Total Forecast Expenditure', 'IPF_total_forecast_expenditure') !!}
                        {!! html()->text(
                                'IPF_total_forecast_expenditure',
                                old('IPF_total_forecast_expenditure', currency_format($project->total_forecast_expenditure ?? 0, 'USD') ?? 0),
                            )->class('form-control price-input')->id('IPF_total_forecast_expenditure')->placeholder('Enter Total Forecast Expenditure')->attribute('readonly', 'readonly') !!}
                    </div>
                </div>
            </div>

            {{-- Financial Estimate + Business Plan --}}
            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Financial Estimate Quality', 'IPF_financial_estimate_quality') !!}
                        {!! html()->text(
                                'IPF_financial_estimate_quality',
                                old('IPF_financial_estimate_quality', $project->financial_estimate_quality),
                            )->class('form-control')->id('IPF_financial_estimate_quality')->placeholder('Enter Financial Estimate Quality') !!}
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Is Business Plan', 'IPF_in_business_plan') !!}<br>
                        {!! html()->checkbox('IPF_in_business_plan', old('IPF_in_business_plan', $project->in_business_plan)) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>


    {{-- =======================
    MILESTONE
======================== --}}
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Milestone</h3>
        </div>
        @php
            $config = ['format' => 'DD-MM-YYYY', 'autoclose' => true];
            $dateFields = [
                'IPF_identify_planned_date' => 'Identify Planned Date',
                'IPF_identify_actual_date' => 'Identify Actual Date',
                'IPF_assess_plan_date' => 'Access Plan Date',
                'IPF_assess_actual_date' => 'Access Actual Date',
                // 'IPF_select_plan_date' => 'CAC Plan Date',
                'IPF_plan_CAC_date' => 'CAC Plan Date',
                'IPF_select_actual_date' => 'CAC Actual Date',
                'IPF_plan_PAC_date' => 'PAC Plan Date',
                // 'IPF_define_plan_date' => 'PAC Define Plan Date',
                'IPF_define_actual_date' => 'PAC Actual Date',
            ];
        @endphp

        <div class="card-body">
            <div class="row">
                @foreach ($dateFields as $field => $label)
                    @php
                        // Remove 'IPF_' prefix when reading value from $project
                        $dbField = \Illuminate\Support\Str::after($field, 'IPF_');
                        $value = old(
                            $field,
                            $project->$dbField ? \Carbon\Carbon::parse($project->$dbField)->format('d-m-Y') : '',
                        );
                    @endphp
                    <div class="col-sm-6">
                        <x-adminlte-input-date name="{{ $field }}" igroup-size="md" :config="$config"
                            value="{{ $value }}" placeholder="Choose {{ $label }}...">
                            <x-slot name="label">
                                {!! $label !!}
                            </x-slot>
                        </x-adminlte-input-date>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    {{-- =======================
    SYSTEM INFORMATION
======================== --}}
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">System Information</h3>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Last Modified By', 'IPF_modified_by') !!}
                        <p>{{ old('IPF_modified_by', $project->modified_by ? $project->modifiedBy->full_name : '-') }}
                        </p>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Created By', 'IPF_created_by') !!}
                        <p>{{ old('IPF_created_by', $project->created_by ? $project->createdBy->full_name : '-') }}</p>
                    </div>
                </div>
            </div>

            <div class="row mt-3">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Last Modified At', 'IPF_modified_at') !!}
                        <p>{{ old('IPF_modified_at', $project->modified_at ? \Carbon\Carbon::parse($project->modified_at)->format('d-m-Y h:i A') : '-') }}
                        </p>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! html()->label('Created At', 'IPF_created_at') !!}
                        <p>{{ old('IPF_created_at', $project->created_at ? \Carbon\Carbon::parse($project->created_at)->format('d-m-Y h:i A') : '-') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- =======================
    PHASING
======================== --}}
    <div class="card card-secondary">
        <div class="card-header">
            <h3 class="card-title">Phasing</h3>
        </div>
        <div class="card-body">
            <div class="row">
                {{-- Currency --}}
                <div class="col-sm-4">
                    <div class="form-group">
                        {!! html()->label('Currency', 'IPF_master_currency_id') !!}
                        {!! html()->select(
                                'IPF_master_currency_id',
                                ['' => 'Select Currency'] + ($currencyList ?? []),
                                old('IPF_master_currency_id', $project->master_currency_id ?? $defaultCurrencyId),
                            )->id('IPF_master_currency_id')->addClass('form-control') !!}
                    </div>
                </div>
                {{-- Generate Year array Dynamic --}}
                @php
                    $currentYear = date('Y');
                    $years = [];
                    for ($i = 0; $i <= 10; $i++) {
                        $year = $currentYear + $i;
                        $years[$year] = $year;
                    }
                @endphp
                {{-- From Year --}}
                <div class="col-sm-2">
                    <div class="form-group">
                        {!! html()->label('From Year', 'IPF_from_year') !!}
                        {!! html()->select('IPF_from_year', ['' => 'Select Year'] + $years, old('IPF_from_year', $currentYear))->class('form-control custom-select')->id('IPF_from_year') !!}
                    </div>
                </div>

                {{-- To Year --}}
                <div class="col-sm-2">
                    <div class="form-group">
                        {!! html()->label('To Year', 'IPF_to_year') !!}
                        {!! html()->select('IPF_to_year', ['' => 'Select Year'] + $years, old('IPF_to_year', ' '))->class('form-control custom-select')->id('IPF_to_year') !!}
                    </div>
                </div>

                {{-- Buttons --}}
                <div class="col-sm-4 d-flex align-items-center justify-content-end">
                    <button type="button" id="addFinancialsBtn" class="btn btn-primary btn-sm">Add Investment
                        Financials</button>
                </div>
            </div>

            {{-- Table Section --}}
            <div class="row" id="financialTablesContainer">
                {{-- Here is data comming as per popup submit so please dont remove --}}
            </div>
        </div>
    </div>
    {!! html()->form()->close() !!}
</div>

<!-- Investment Financials Modal -->
{!! html()->form('POST', '#')->id('financialsForm')->open() !!}

<x-adminlte-modal id="financialsModal" title="Add Investment Financial" size="xl" theme="primary"
    icon="fas fa-coins" v-centered static-backdrop scrollable style="display: none;">

    <div class="row">
        <div class="col-md-12">
            <div class="card collapsed-card card-light">
                <div class="card-header">
                    <div class="row">
                        <div class="col-sm-4">
                            {!! html()->label('Type', 'Popup_financialTypeDropdown')->toHtml() !!}
                            {!! html()->select(
                                    'Popup_financialTypeDropdown',
                                    ['' => 'Select Type'] + ($projectCategoryList ?? collect())->toArray(),
                                    old('Popup_financialTypeDropdown', ''),
                                )->class('form-control')->id('Popup_financialTypeDropdown')->placeholder('Select Type') !!}
                        </div>
                        <div class="col-sm-4">
                            {!! html()->label('From Year', 'IPF_popup_from_year') !!}
                            {!! html()->select('IPF_popup_from_year', ['' => 'Select Year'] + $years, old('IPF_popup_from_year', $currentYear))->class('form-control custom-select')->id('IPF_popup_from_year') !!}
                        </div>
                        <div class="col-sm-4">
                            {!! html()->label('To Year', 'IPF_popup_to_year') !!}
                            {!! html()->select('IPF_popup_to_year', ['' => 'Select Year'] + $years, old('IPF_popup_to_year', ' '))->class('form-control custom-select')->id('IPF_popup_to_year') !!}
                        </div>
                    </div>
                    <div class="row mt-4">
                        <div class="col-sm-12">
                            <div class="table-responsive" id="PopUp_financialInputsContainer">
                                {{-- Here is table showing dynmaically via js --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <x-slot name="footerSlot">
        <x-adminlte-button theme="default" label="Close" class="mr-auto model-btn-close" data-dismiss="modal" />
        <x-adminlte-button theme="success" label="Save" type="submit" id="Popup_addFinancialsBtn"
            class="modal-btn-save-changes" />
    </x-slot>

</x-adminlte-modal>

{!! html()->form()->close() !!}