@extends('adminlte::page')

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

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Comprehensive 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">Comprehensive 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"><b>Threat Report</b> - Choose option(s) to generate comprehensive report</h3>
                    <div class="card-tools">
                        <button class="btn bg-gradient-primary add-new-threat ml-2 btn-sm" id="export-pdf-ipf-btn">Export To
                            Excel</button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel1">Level 1 (Site)</label>
                                <select id="inputLevel1" class="form-control">
                                    <option>Select Site</option>
                                    <option selected="">Jurong</option>
                                    <option>Bukom</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel2">Level 2 (Business
                                    Site)</label>
                                <select id="inputLevel2" class="form-control">
                                    <option>Select Business Site</option>
                                    <option selected="">Chemical</option>
                                    <option>Products</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel3">Level 3 (Unit)</label>
                                <select id="inputLevel3" class="form-control">
                                    <option>Select Unit</option>
                                    <option selected="">SMPO Jurong</option>
                                    <option>EOG - Commercial</option>
                                    <option>EOG - Jurong</option>
                                    <option>HO - Commercial</option>
                                    <option>PODer - Commercial</option>
                                    <option>PODU - Jurong</option>
                                    <option>Site-Wide-Jurong</option>
                                    <option>SM - Commercial</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel4">Level 4 (Sub Unit)</label>
                                <select id="inputLevel4" class="form-control">
                                    <option>Select Sub Unit</option>
                                    <option selected="">SMPO Jurong - Area</option>
                                    <option>Marine Bukom - Area</option>
                                    <option>PU5 Bukom - Area</option>
                                    <option>Site-Wide Bukom - Area</option>
                                    <option>PU1 Bukom - Area</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title"><b>Short Term Threat Report</b> - Choose option(s) to generate comprehensive
                        report</h3>
                    <div class="card-tools">
                        <button class="btn bg-gradient-primary add-new-threat ml-2 btn-sm" id="export-pdf-ipf-btn">Export To
                            Excel</button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel1">Site</label>
                                <select id="inputLevel1" class="form-control">
                                    <option>Select Site</option>
                                    <option selected="">Jurong</option>
                                    <option>Bukom</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel2">Production Unit</label>
                                <select id="inputLevel2" class="form-control">
                                    <option>Select Production Unit</option>
                                    <option selected="">PU1</option>
                                    <option>PU2</option>
                                    <option>PU3</option>
                                    <option>PU5</option>
                                    <option>Marine</option>
                                    <option>Sitewide-RE</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel3">Unit</label>
                                <select id="inputLevel3" class="form-control">
                                    <option>Select Unit</option>
                                    <option selected="">AUX1-AJI</option>
                                    <option>SM1-AJI</option>
                                    <option>Infrastructure2-AJI</option>
                                    <option>HPEO - EOG2 (LEO)</option>
                                    <option>EOD1/3-AJI</option>
                                    <option>Bukom ADIP (PU1)</option>
                                    <option>Bukom ADIP Treater ( PU2 )</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputLevel4">Short Term Threat Status</label>
                                <select id="inputLevel4" class="form-control">
                                    <option>Select Short Term Threat Status</option>
                                    <option>In Progress</option>
                                    <option selected>On-hold</option>
                                    <option>Delayed</option>
                                    <option>Needs Attention</option>
                                    <option>Needs Attention</option>
                                    <option>Closed-Move to Threats</option>
                                    <option>Closed-Resolved</option>
                                    <option>Cancelled</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection