@extends('adminlte::page')

@section('title', 'Investment Planning Details')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>{{ isset($project) && $project->id ? $project->project_title : 'New Project' }}</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href='{{ route('IPF.index') }}'>Investment Planning Form</a></li>
                <li class="breadcrumb-item active">Investment Planning Details</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    @if (isset($project) && $project->id)
        <div class="row">
            <div class="col-md-12">
                <div class="card card-danger card-outline">
                    <div class="card-header">
                        <div class="card-tools">
                            <button type="button" class="btn btn-primary btn-sm" id="IPF-edit-enable-button">Edit
                                Investment
                                Planning Form</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="card card-danger card-tabs card-outline">
                <div class="card-header p-0 pt-1">
                    <ul class="nav nav-tabs" id="parent-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="parent-tabs-one-details-tab" data-toggle="pill"
                                href="#parent-tabs-one-details" role="tab" aria-controls="parent-tabs-one-details"
                                aria-selected="true">Project Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="parent-tabs-one-additional-tab" data-toggle="pill"
                                href="#parent-tabs-one-additional" role="tab" aria-controls="parent-tabs-one-additional"
                                aria-selected="false">Additional Project Information</a>
                        </li>
                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content" id="parent-tabs-one-tabContent">
                        <div class="tab-pane fade active show" id="parent-tabs-one-details" role="tabpanel"
                            aria-labelledby="parent-tabs-one-details-tab">

                            @include('backend.investment_planning_forms.project_details_form', [
                                'project' => $project,
                            ])

                        </div>
                        <div class="tab-pane fade" id="parent-tabs-one-additional" role="tabpanel"
                            aria-labelledby="parent-tabs-one-additional-tab">

                            @include('backend.investment_planning_forms.project_details_aditional_form', [
                                'project' => $project,
                            ])

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <a href="javascript:void(0)" class="btn btn-default" id="IPF_Cancel_BTN">Cancel</a>
            <button type="button" class="btn btn-success float-right" id="IPV_Save_Changes_Btn">Save Changes</button>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{ asset('assets/js/backend/investment_planning_forms/IPF-form.js') }}"></script>
    <script>
        const IPFFormroutes = {
            dropdown_Site: "{{ route('IPF.get-site-dropdown') }}",
            dropdown_PU: "{{ route('IPF.get-pu-dropdown') }}",
            dropdown_Unit: "{{ route('IPF.get-unit-dropdown') }}",
            dropdown_ThreatOwner: "{{ route('IPF.get-threat-owner-dropdown') }}",
            IPL_Index: "{{ route('IPF.index') }}",
            Is_EditMode: {{ isset($project) && $project->id ? 'true' : 'false' }},
            addViathreatId: "{{ $addViathreatId ?? '' }}",
            IPF_Edit_URL: "{{ route('IPF.edit', ['ipf' => '__ID__']) }}"
        };

        // Pass PHP variable to JS safely
        var addViathreatId = "{{ $addViathreatId ?? '' }}";
        var threatSiteId =
            "{{ isset($selectedThreat) && empty($project->master_site_id) ? $selectedThreat->asset_level_1 : '' }}";

        // financialData will now contain all planned/forecast values
        @if (!empty($financialsArray))
            var DB_financialData = @json($financialsArray);
        @else
            var DB_financialData = {};
        @endif
    </script>
@endpush