@extends('adminlte::blank')

@section('title', 'Short Term Threat Details')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputShortThreatName">Threat Title</label>
                        <input type="text" id="inputShortThreatName" class="form-control"
                            value="E960 replacement (Like for like)" disabled>
                    </div>
                </div>
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputPriority">Priority</label>
                        <select id="inputPriority" class="form-control custom-select" disabled>
                            <option>Select Priority</option>
                            <option>Immediate Action</option>
                            <option selected>High</option>
                            <option>Medium</option>
                            <option>Low</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {{-- With multiple slots, and plugin config parameters --}}
                        @php
                            $config = [
                                "placeholder" => "Select Workstream",
                                "allowClear" => false,
                            ];
                        @endphp
                        <!-- Select2 Input -->
                        <x-adminlte-select2 id="sel2Workstream" name="sel2Workstream[]" label="Workstream" :config="$config"
                            disabled>
                            <option>PMTO SMPO PT Jurong</option>
                            <option selected>MTO Site-Wide Bukom</option>
                        </x-adminlte-select2>
                    </div>
                </div>
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputThreatStatus">Short Term Threat Status</label>
                        <select id="inputThreatStatus" class="form-control custom-select" disabled>
                            <option>Select 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 class="row">
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputSite">Site</label>
                        <select id="inputSite" class="form-control custom-select" disabled>
                            <option>Select Site</option>
                            <option selected="">Jurong</option>
                            <option>Bukom</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputProductionUnit">Production Unit</label>
                        <select id="inputProductionUnit" class="form-control custom-select" disabled>
                            <option>Select Production Unit</option>
                            <option selected="">Energy Efficiency</option>
                            <option>Sitewide-RE</option>
                            <option>Site-Wide</option>
                            <option>PU1</option>
                            <option>PU2</option>
                            <option>PU3</option>
                            <option>PU4</option>
                            <option>PU5</option>
                            <option>Marine</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputUnit">Unit</label>
                        <select id="inputUnit" class="form-control custom-select" disabled>
                            <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>Storage Tanks-AJI</option>
                            <option>Bukom ADIP Treater ( PU2 )</option>
                            <option>Bukom ADIP (PU1)</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        {{-- With multiple slots, and plugin config parameters --}}
                        @php
                            $config = [
                                "placeholder" => "Select Threat Owner",
                                "allowClear" => false,
                            ];
                        @endphp
                        <!-- Select2 Input -->
                        <x-adminlte-select2 id="sel2ThreatOwner" name="sel2ThreatOwner[]" label="Threat Owner"
                            :config="$config" disabled>
                            <option>Bryan</option>
                            <option selected>Jason Ke</option>
                            <option selected>Robert</option>
                            <option selected>Kavitha</option>
                        </x-adminlte-select2>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label for="InputHashtag">Hashtag #</label>
                        <input type="text" id="InputHashtag" class="form-control" value="#ShortTermThreat" disabled>
                    </div>
                </div>
                <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="ShortTermThreatDueDate" :config="$config"
                            placeholder="Choose a date..." label="Short Term Threat Due date" label-class="text-default"
                            value="07-06-2023" disabled>
                        </x-adminlte-input-date>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="inputDescription">Description</label>
                        <textarea name="inputDescription" class="form-control" rows="4" placeholder="Enter Text ..."
                            disabled></textarea>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputDateReported">Date Reported</label>
                        <input type="text" id="inputDateReported" class="form-control" value="12-07-2025" disabled>
                    </div>
                </div>
                <div class="col-sm-3">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputCreatedBy">Created by</label>
                        <input type="text" id="inputCreatedBy" class="form-control" value="John Doe" disabled>
                    </div>
                </div>
                <div class="col-sm-3">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputThreatID">Short Term Threat ID</label>
                        <input type="text" id="inputThreatID" class="form-control" value="ST-000000001" disabled>
                    </div>
                </div>
                <div class="col-sm-3">
                    <!-- text input -->
                    <div class="form-group">
                        <label for="inputOverdueDays">Overdue Days</label>
                        <input type="text" id="inputOverdueDays" class="form-control" value="5" disabled>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection