@extends('adminlte::page')

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

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1><a href='/threatdetails'>Flare Hydraulic Adequacy Impact due to Fouling</a></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='/IPF'>Investment Planning Form</a></li>
                <li class="breadcrumb-item active">Investment Planning Details</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary 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">

                            <div class="card">
                                <div class="card-header d-flex align-items-center">
                                    <h3 class="card-title">IPF-123456789</h3>
                                    <div class="card-tools ml-auto">
                                        
                                        <button type="button" class="btn btn-danger btn-sm confirm-delete">Delete</button>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProjectTitle">Project Title</label>
                                                <input type="text" id="inputActionName" class="form-control"
                                                    value="prject 1 - for test record">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                @php
                                                    $config = [
                                                        "placeholder" => "Select Threat",
                                                        "allowClear" => false,
                                                    ];
                                                @endphp
                                                <!-- Select2 Input -->
                                                <x-adminlte-select2 id="sel2Threat" name="sel2Threat" label="Threat"
                                                    :config="$config">
                                                    <option selected>S2 MOV actuator obsolete</option>
                                                    <option>(EMP) S1 MOV actuator near end of life.</option>
                                                    <option>Process Safety Upgrade SMPO-1 TA 2026</option>
                                                    <option>Prolong leakage of SCW in E716</option>
                                                    <option>V952 Nozzle N5 Pinhole leak</option>
                                                    <option>SMPO1 Transmitter End of Life</option>
                                                </x-adminlte-select2>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProjectID">Project ID</label>
                                                <input type="text" id="inputProjectID" class="form-control"
                                                    value="MOC 68274">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProjectOwner">Project Owner</label>
                                                <input type="text" id="inputProjectOwner" class="form-control"
                                                    value="huat-cheh lim">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputBOM">BOM</label>
                                                <input type="text" id="inputBOM" class="form-control" value="">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputSponsor">Sponsor</label>
                                                <input type="text" id="inputSponsor" class="form-control"
                                                    value="Lawrence Woo">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProjectManager">Project Manager</label>
                                                <input type="text" id="inputProjectManager" class="form-control"
                                                    value="adam hamid">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label>MOC No.</label>
                                                <p>MOC- 67675</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card card-secondary">
                                <div class="card-header">
                                    <h3 class="card-title">Project Details</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProjectCategory">Project Category</label>
                                                <input type="text" id="inputProjectCategory" class="form-control"
                                                    value="AI-HSE">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProjectStatus">Project Status</label>
                                                <input type="text" id="inputProjectStatus" class="form-control"
                                                    value="ON HOLD">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="inputProjectDescription">Project Description</label>
                                                <textarea name="inputProjectDescription" class="form-control" rows="3"
                                                    placeholder="Enter Comments ..."></textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="inputProjectMinimumTechnical">Minimum Technical
                                                    Solution</label>
                                                <textarea name="inputProjectMinimumTechnical" class="form-control" rows="3"
                                                    placeholder="Enter Comments ..."></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="inputOtherAlternatives">Other Alternatives</label>
                                                <textarea name="inputOtherAlternatives" class="form-control" rows="3"
                                                    placeholder="Enter Comments ..."></textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label for="inputFreeText1">Free Text 1</label>
                                                <textarea name="inputFreeText1" class="form-control" rows="3"
                                                    placeholder="Enter Comments ..."></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputRadarId">RADAR ID</label>
                                                <input type="text" id="inputRadarId" class="form-control" value="">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputFundingCategory">Funding Catagory</label>
                                                <select id="inputFundingCategory" class="form-control custom-select">
                                                    <option>Select Funding Category</option>
                                                    <option>IT</option>
                                                    <option>Medium Project</option>
                                                    <option selected>T/A</option>
                                                    <option>Non-Routine OPEX</option>
                                                    <option>Small Project</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputSchedule">Schedule</label>
                                                <select id="inputSchedule" class="form-control custom-select">
                                                    <option>Select Schedule</option>
                                                    <option selected>>2 Yr</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <div class="row pl-2">
                                                    <label for="inputoverride">Override</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" name="checkbox2"
                                                        id="inputoverride">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card card-secondary">
                                <div class="card-header">
                                    <h3 class="card-title">Justification</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                {{-- With Label --}}
                                                @php
                                                    $config = ['format' => 'DD-MM-YYYY'];
                                                @endphp
                                                <x-adminlte-input-date name="NPVIRRCalculationDate" :config="$config"
                                                    placeholder="Choose a date..." label="NPV IRR Calculation Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputIRR">IRR</label>
                                                <input type="text" id="inputIRR" class="form-control" value="59.00%">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputIRRNPVFactor">IRR NPV J-Factor Premises</label>
                                                <input type="text" id="inputIRRNPVFactor" class="form-control"
                                                    value="FIT4 ID: I-0743341MTO Score: 600,000">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputNPV">NPV</label>
                                                <input type="text" id="inputNPV" class="form-control" value="1,000">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputJFactor">J-Factor</label>
                                                <input type="text" id="inputJFactor" class="form-control" value="">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputRT">RT</label>
                                                <input type="text" id="inputRT" class="form-control" value="9.8">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputProblemSolved">% of Problem Solved</label>
                                                <input type="text" id="inputProblemSolved" class="form-control"
                                                    value="100%">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card card-secondary">
                                <div class="card-header">
                                    <h3 class="card-title">Total Installed Cost</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputCapexUSD">Capex Expenditure USD</label>
                                                <input type="text" id="inputCapexUSD" class="form-control"
                                                    value="600,000.000">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputCapexForecast">Capex Forecast Expenditure</label>
                                                <input type="text" id="inputCapexForecast" class="form-control"
                                                    value="0.00">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputOpexUSD">Opex Expenditure USD</label>
                                                <input type="text" id="inputOpexUSD" class="form-control" value="0.00">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputOpexForecast">Opex Forecast Expenditure</label>
                                                <input type="text" id="inputOpexForecast" class="form-control" value="0.00">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputTotalExpenditure">Total Expenditure</label>
                                                <input type="text" id="inputTotalExpenditure" class="form-control"
                                                    value="600,000.000">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputTotalForecast">Total Forecast Expenditure</label>
                                                <input type="text" id="inputTotalForecast" class="form-control"
                                                    value="0.00">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputFinancialEstimate">Financial Estimate
                                                    Quality</label>
                                                <input type="text" id="inputFinancialEstimate" class="form-control"
                                                    value="+/- 20%">
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <div class="row pl-2">
                                                    <label for="inputbusinessplan">Is Business Plan</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox"
                                                        name="inputbusinessplan">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card card-secondary">
                                <div class="card-header">
                                    <h3 class="card-title">Milestone</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                {{-- With Label --}}
                                                @php
                                                    $config = ['format' => 'DD-MM-YYYY'];
                                                @endphp
                                                <x-adminlte-input-date name="IdentifyPlannedDate" :config="$config"
                                                    placeholder="Choose a date..." label="Identify Planned Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <x-adminlte-input-date name="IdentifyActualDate" :config="$config"
                                                    placeholder="Choose a date..." label="Identify Actual Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                {{-- With Label --}}
                                                @php
                                                    $config = ['format' => 'DD-MM-YYYY'];
                                                @endphp
                                                <x-adminlte-input-date name="AssessPlanDate" :config="$config"
                                                    placeholder="Choose a date..." label="Assess Plan Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <x-adminlte-input-date name="AssessActualDate" :config="$config"
                                                    placeholder="Choose a date..." label="Assess Actual Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                {{-- With Label --}}
                                                @php
                                                    $config = ['format' => 'DD-MM-YYYY'];
                                                @endphp
                                                <x-adminlte-input-date name="SelectPlanDate" :config="$config"
                                                    placeholder="Choose a date..." label="Select Plan Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <x-adminlte-input-date name="SelectActualDate" :config="$config"
                                                    placeholder="Choose a date..." label="Select Actual Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                {{-- With Label --}}
                                                @php
                                                    $config = ['format' => 'DD-MM-YYYY'];
                                                @endphp
                                                <x-adminlte-input-date name="DefinePlanDate" :config="$config"
                                                    placeholder="Choose a date..." label="Define Plan Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <x-adminlte-input-date name="DefineActualDate" :config="$config"
                                                    placeholder="Choose a date..." label="Define Actual Date"
                                                    label-class="text-default" value="">
                                                </x-adminlte-input-date>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <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">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputLastModifiedBy">Last Modified By</label>
                                                <p>Robert Joson</p>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label>Created By</label>
                                                <p>Rahul Swami</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <!-- text input -->
                                            <div class="form-group">
                                                <label for="inputLastModifiedAt">Last Modified At</label>
                                                <p>18-12-2024 10:00 PM</p>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <label>Created At</label>
                                                <p>11-12-2024 05:15 PM</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card card-secondary">
                                <div class="card-header">
                                    <h3 class="card-title">Phasing</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label for="inputCurrency">Currency</label>
                                                <select id="inputCurrency" class="form-control custom-select">
                                                    <option>Select Role</option>
                                                    <option selected="">U.S. Dollar</option>
                                                    <option>Singapore Dollar</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label for="inputFromYear">From Year</label>
                                                <select id="inputFromYear" class="form-control custom-select">
                                                    <option>Select Year</option>
                                                    <option selected="">2025</option>
                                                    <option>2020</option>
                                                    <option>2021</option>
                                                    <option>2022</option>
                                                    <option>2023</option>
                                                    <option>2024</option>
                                                    <option>2025</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">
                                            <div class="form-group">
                                                <label for="inputToYear">To Year</label>
                                                <select id="inputToYear" class="form-control custom-select">
                                                    <option>Select Year</option>
                                                    <option selected="">2029</option>
                                                    <option>2024</option>
                                                    <option>2025</option>
                                                    <option>2026</option>
                                                    <option>2027</option>
                                                    <option>2028</option>
                                                    <option>2029</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 d-flex align-items-center justify-content-end">
                                            <button type="button" class="btn btn-primary btn-sm">Add Investement
                                                Financials</button>
                                            <button type="button" class="btn btn-primary btn-sm ml-2">Save</button>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="card collapsed-card card-light">
                                                <div class="card-header">
                                                    <div class="row">
                                                        <h3 class="card-title"><b>capex-Other</b></h3>
                                                    </div>
                                                    <div class="row mt-4">
                                                        <div class="col-sm-12">
                                                            <div class="table-responsive">
                                                                <table class="table table-sm table-bordered">
                                                                    <tbody>
                                                                        <tr>
                                                                            <th></th>
                                                                            <th>2025</th>
                                                                            <th>2026</th>
                                                                            <th>2027</th>
                                                                            <th>2028</th>
                                                                            <th>2029</th>
                                                                        </tr>
                                                                        <tr>
                                                                            <th class="align-middle">Planned</th>
                                                                            <td>
                                                                                <input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <th class="align-middle">Forecast</th>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                            <td><input type="text" id=""
                                                                                    class="form-control-sm" value="100.000">
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="parent-tabs-one-additional" role="tabpanel"
                            aria-labelledby="parent-tabs-one-additional-tab">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="card card-secondary">
                                        <div class="card-header">
                                            <h3 class="card-title">Details</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="InputType">Type</label>
                                                        <select id="InputType" class="form-control custom-select">
                                                            <option>Select Type</option>
                                                            <option selected>CAPEX AI</option>
                                                            <option>CAPEX MM</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputEntity">Entity</label>
                                                        <input type="text" id="inputEntity" class="form-control" value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputPlant">Plant</label>
                                                        <input type="text" id="inputPlant" class="form-control" value="">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="InputSite">Site</label>
                                                        <select id="InputSite" class="form-control custom-select">
                                                            <option>Select Site</option>
                                                            <option selected>AJI</option>
                                                            <option>Bukom</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="InputUnitNo">Unit No</label>
                                                        <select id="InputUnitNo" class="form-control custom-select">
                                                            <option>Select Unit No</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputProjectNo">Project No</label>
                                                        <input type="text" id="inputProjectNo" class="form-control"
                                                            value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        @php
                                                            $config = [
                                                                "placeholder" => "Select PU No",
                                                                "allowClear" => false,
                                                            ];
                                                        @endphp
                                                        <!-- Select2 Input -->
                                                        <x-adminlte-select2 id="sel2PUNo" name="sel2PUNo" label="PU No"
                                                            :config="$config">
                                                            <option selected>PU1</option>
                                                            <option>PU2</option>
                                                            <option>PU3</option>
                                                            <option>PU4</option>
                                                            <option>PU5</option>
                                                            <option>Sitewide</option>
                                                            <option>Sitewide-RE</option>
                                                            <option>Energy Efficiency</option>
                                                            <option>IT</option>
                                                            <option>Marine</option>
                                                            <option>Side-wide</option>
                                                        </x-adminlte-select2>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="InputWBSNo">WBS No</label>
                                                        <input type="text" id="InputWBSNo" class="form-control" value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        {{-- With Label --}}
                                                        @php
                                                            $config = ['format' => 'DD-MM-YYYY'];
                                                        @endphp
                                                        <x-adminlte-input-date name="PlanRFSUGoLiveDate" :config="$config"
                                                            placeholder="Choose a date..." label="Plan RFSU (Go Live) Date"
                                                            label-class="text-default" value="">
                                                        </x-adminlte-input-date>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputOPCapexHeadline">OP Capex Headline (USD)</label>
                                                        <input type="text" id="inputOPCapexHeadline" class="form-control"
                                                            value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputOPCYPrevYrCapex">OP CY Prev Yr Capex(USD)</label>
                                                        <input type="text" id="inputOPCYPrevYrCapex" class="form-control"
                                                            value="">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputOPCYCapex">OP CY Capex(USD)</label>
                                                        <input type="text" id="inputOPYCapex" class="form-control" value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputOPCY1PrevYrCapex">OP CY+1 Capex(USD)</label>
                                                        <input type="text" id="inputOPCY1PrevYrCapex" class="form-control"
                                                            value="">
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputOPCYCapex">OP CY+2 Capex(USD)</label>
                                                        <input type="text" id="inputOPCYCapex" class="form-control"
                                                            value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <!-- text input -->
                                                    <div class="form-group">
                                                        <label for="inputOPCY3PrevYrCapex">OP CY+3 Capex(USD)</label>
                                                        <input type="text" id="inputOPCY3PrevYrCapex" class="form-control"
                                                            value="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="form-group">
                                                        <label for="inputFullName">Capex OP CY Comments</label>
                                                        <textarea name="Capex OP CY Comments" class="form-control" rows="4"
                                                            placeholder="Enter Capex OP CY Comments ..."></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        {{-- With Label --}}
                                                        @php
                                                            $config = ['format' => 'DD-MM-YYYY'];
                                                        @endphp
                                                        <x-adminlte-input-date name="PlanCACDate" :config="$config"
                                                            placeholder="Choose a date..." label="Plan CAC Date"
                                                            label-class="text-default" value="07-06-2023">
                                                        </x-adminlte-input-date>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        {{-- With Label --}}
                                                        @php
                                                            $config = ['format' => 'DD-MM-YYYY'];
                                                        @endphp
                                                        <x-adminlte-input-date name="PlanPACDate" :config="$config"
                                                            placeholder="Choose a date..." label="Plan PAC Date"
                                                            label-class="text-default" value="07-06-2023">
                                                        </x-adminlte-input-date>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        {{-- With Label --}}
                                                        @php
                                                            $config = ['format' => 'DD-MM-YYYY'];
                                                        @endphp
                                                        <x-adminlte-input-date name="ForecastCACDate" :config="$config"
                                                            placeholder="Choose a date..." label="Forecast CAC Date"
                                                            label-class="text-default" value="07-06-2023">
                                                        </x-adminlte-input-date>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <div class="form-group">
                                                        {{-- With Label --}}
                                                        @php
                                                            $config = ['format' => 'DD-MM-YYYY'];
                                                        @endphp
                                                        <x-adminlte-input-date name="ForecastPACDate" :config="$config"
                                                            placeholder="Choose a date..." label="Forecast PAC Date"
                                                            label-class="text-default" value="07-06-2023">
                                                        </x-adminlte-input-date>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>






    <div class="row">
        <div class="col-12">
            <a href="{{route('dashboard')}}" class="btn btn-default">Cancel</a>
            <a href="{{route('dashboard')}}" class="btn btn-success float-right">Save Changes</a>
        </div>
    </div>
@endsection

@push('js')


    <!-- Include jQuery, AdminLTE JS, and DataTables JS -->
    <script src="{{ asset('vendor/adminlte/dist/js/adminlte.min.js') }}"></script>
    <script>
        $(".confirm-delete").click(function (e) {
            e.preventDefault();
            Swal.fire({
                title: "Are you sure?",
                text: "",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#28a745",
                cancelButtonColor: "#6c757d",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {
                    const Toast = Swal.mixin({
                        toast: true,
                        position: "top",
                        showConfirmButton: false,
                        timer: 4000,
                        timerProgressBar: true,
                        didOpen: (toast) => {
                            toast.onmouseenter = Swal.stopTimer;
                            toast.onmouseleave = Swal.resumeTimer;
                        }
                    });
                    window.location.href = "/threatdetails";
                    Toast.fire({
                        icon: "success",
                        title: "Investment planning form deleted successfully."
                    });
                }
            });
        });
    </script>
@endpush