@extends('adminlte::page')

@section('title', 'Threat Report')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Threat Report</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 active">Threat Report</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">Enter treat id to generate threat report</h3>
                    <div class="card-tools">
                        <button class="btn bg-gradient-success add-new-threat ml-2 btn-sm"
                            id="preview-threat-report-btn">Preview Report</button>
                        <button class="btn bg-gradient-primary add-new-threat ml-2 btn-sm" id="export-pdf-btn">Export To
                            PDF</button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="inputThreatID">Threat ID</label>
                                <input type="text" id="inputThreatID" class="form-control" value="I-4245292">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row d-none" id="threat-report-preview-container">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-primary">
                                <div class="card-header">
                                    <h3 class="card-title text-bold">Details ID: I-4245292</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <table class="table table-bordered table-sm dark-bordered-table">
                                                <tbody>
                                                    <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                                                    <tr>
                                                        <th>Name</th>
                                                        <td>Flare Hydraulic Adequacy Impact due to Fouling</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Phase</th>
                                                        <td>L3</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Workstream</th>
                                                        <td>MTO PODU PT Jurong</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Owner</th>
                                                        <td>Jason Ke</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Overall Status</th>
                                                        <td>New Entry</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Note</th>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="col-sm-6">
                                            <table class="table table-bordered table-sm dark-bordered-table">
                                                <tbody>
                                                    <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                                                    <tr>
                                                        <th>Discipline</th>
                                                        <td>Chemical Engineering</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Infrastructure Category</th>
                                                        <td>Environmental / Ecosystems</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Bad Actor</th>
                                                        <td>No</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Hastag #</th>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th>MTP Score</th>
                                                        <td>127,500</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Primary RAM Box</th>
                                                        <td>C3</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <table class="table table-bordered table-sm dark-bordered-table">
                                                <tbody>
                                                    <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                                                    <tr>
                                                        <th class="w-25">Description</th>
                                                        <td>1. What is the problem? Yes a. Expected. What was expected to
                                                            happen prior to the event? b. Actual; What actually happened. C.
                                                            Impact: Consequence as a result of the event?</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-primary">
                                <div class="card-header">
                                    <h3 class="card-title text-bold">Threat Interim Mitigation</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <table class="table table-bordered table-sm dark-bordered-table">
                                                <tbody>
                                                    <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                                                    <tr>
                                                        <th class="w-25">Interim Lead Person</th>
                                                        <td>Jason Ke</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">Interim Plan</th>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">Original Resolution Date (Interim)</th>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-primary">
                                <div class="card-header">
                                    <h3 class="card-title text-bold">Threat Long Term Solution</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <table class="table table-bordered table-sm dark-bordered-table">
                                                <tbody>
                                                    <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                                                    <tr>
                                                        <th class="w-25">In Business Plan</th>
                                                        <td>Yes</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">In T/A Scope</th>
                                                        <td>Yes</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">Turnaround Required</th>
                                                        <td>No</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">Total OpEx ($)</th>
                                                        <td>156,010</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">Original Resolution Date</th>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">MOC No</th>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="card card-primary">
                                <div class="card-header">
                                    <h3 class="card-title text-bold">Schedule Dates</h3>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <table class="table table-bordered table-sm dark-bordered-table">
                                                <tbody>
                                                    <!-- Static Data (Can be dynamically replaced with Blade variables if needed) -->
                                                    <tr>
                                                        <th class="w-25"></th>
                                                        <th class="text-center">Planned</th>
                                                        <th class="text-center">Actual</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">L1 Completion Date</th>
                                                        <td class="text-center">07-06-2023</td>
                                                        <td class="text-center">07-06-2023</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">L2 Completion Date</th>
                                                        <td class="text-center">30-06-2023</td>
                                                        <td class="text-center">11-06-2023</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">L3 Completion Date</th>
                                                        <td class="text-center">07-06-2023</td>
                                                        <td class="text-center">07-06-2023</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">L3RR Completion Date</th>
                                                        <td class="text-center">07-07-2023</td>
                                                        <td class="text-center">07-07-2023</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">L4 Completion Date</th>
                                                        <td class="text-center">07-06-2023</td>
                                                        <td class="text-center">07-06-2023</td>
                                                    </tr>
                                                    <tr>
                                                        <th class="w-25">L5 Completion Date</th>
                                                        <td class="text-center">30-11-2023</td>
                                                        <td class="text-center">02-01-2024</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection