@php
    $userType = App\Models\Threat::getCurrentUser()->role;
@endphp
<div class="col-md-12">
    <div class="form-group">
        <label for="threat_name">Threat Name <span class="text-danger">*</span></label>
        <input type="text" class="form-control" id="threat_name" name="threat_name" maxlength="80" required>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label for="workstream_id">Workstream <span class="text-danger">*</span></label>
                <select id="workstream_id" class="form-control custom-select " name="workstream_id" required>
                    <option value="">Select Workstream</option>
                    @foreach (App\Models\Threat::getAllWorkstream() as $key => $workstream)
                        <option value="{{ $key }}">{{ $workstream }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="infrastructure_category">Infrastructure Category <span class="text-danger">*</span></label>
                <select id="infrastructure_category" class="form-control custom-select" name="infrastructure_category"
                    required>
                    <option value="">Select Infrastructure Category</option>
                    @foreach (App\Models\Threat::getInfrastuructureCategory() as $key => $infrastructure)
                        <option value="{{ $key }}">{{ $infrastructure }}</option>
                    @endforeach
                </select>
            </div>
            <!-- Level dropdowns -->
            <div class="form-group">
                {!! html()->label('Level 1 (Site) <span class="text-danger">*</span>', 'asset_level_1')->toHtml() !!}
                {!! html()->select(
                'asset_level_1',
                ['' => 'Select Site'] + ($masterSites->toArray() ?? []),
                old('asset_level_1', isset($threat) ? $threat->asset_level_1 : ''), // DB record value when editing
                )->class('form-control')->id('add_threat_popup_master_site_id')->attribute('required') !!}
            </div>
            <div class="form-group">
                {!! html()->label('Level 3 (Unit) <span class="text-danger">*</span>', 'asset_level_3') !!}
                {!! html()->select(
                'asset_level_3',
                ['' => 'Select Unit'] + ($businessUnits ?? collect())->toArray(),
                old('asset_level_3'),
                )->id('add_threat_popup_businessUnit')->class('form-control')->attribute('data-selected', old('asset_level_3'))->attribute('required') !!}
            </div>
            <div class="form-group">
                {!! html()->label('Unit <span class="text-danger">*</span>', 'master_unit_id') !!}
                {!! html()->select(
                'master_unit_id',
                ['' => 'Select Unit'],
                old('master_unit_id'),
                )->id('add_threat_popup_master_unit')->class('form-control')->attribute('data-selected', old('master_unit_id'))->attribute('required') !!}
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label for="overall_status">Overall Status <span class="text-danger">*</span></label>
                <select id="overall_status" name="overall_status" class="form-control custom-select" required>
                    <option value="">Select Overall Status</option>
                    @foreach (App\Models\Threat::getOverAllStatus() as $key => $status)
                        <option value="{{ $key }}">{{ $status }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label for="master_phase_id">Initial Phase <span class="text-danger">*</span></label>
                <select id="master_phase_id" class="form-control custom-select" name="master_phase_id" disabled
                    required>
                    <option value="">Select InitialPhase</option>

                    @foreach (App\Models\Threat::getPhases() as $key => $phase)
                        <option value="{{ $key }}" {{ $key == '2' ? 'selected' : '' }}>{{ $phase }}
                        </option>
                    @endforeach
                </select>
            </div>
            <!-- Level Dropdown -->
            <div class="form-group">
                {!! html()->label(
                    'Level 2 (Business
                                                                                                Site) <span class="text-danger">*</span>',
                    'businessSite',
                ) !!}
                {!! html()->select(
                'asset_level_2',
                ['' => 'Select Business Site'] + ($businessSites ?? collect())->toArray(),
                old('asset_level_2', $asset_level_2 ?? ''),
                )->id('add_threat_popup_businessSite')->class('form-control')->attribute('data-selected', old('asset_level_2'))->attribute('required') !!}
            </div>
            <div class="form-group">
                {!! html()->label('Level 4 (Sub Unit) <span class="text-danger">*</span>', 'asset_level_4') !!}
                {!! html()->select(
                'asset_level_4',
                ['' => 'Select Sub Unit'] + ($businessSubUnits ?? collect())->toArray(),
                old('asset_level_4', $asset_level_4 ?? ''),
                )->id('add_threat_popup_business_sub_unit')->class('form-control')->attribute('data-selected', old('asset_level_4'))->attribute('required') !!}
            </div>
            <div class="form-group">
                <!-- Select2 Input -->
                <label for="discipline">Technical Discipline <span class="text-danger">*</span></label>
                <select id="discipline" name="discipline" class="form-control custom-select" required>
                    <option value="">Select Technical Discipline</option>
                    @foreach (App\Models\Threat::getTechnicalDiscipline() as $key => $value)
                        <option value="{{ $key }}">{{ $value }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="form-group">
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input rounded-checkbox" id="mark_as_confidential"
                    name="mark_as_confidential" value="1">
                <label class="custom-control-label" for="mark_as_confidential">Mark as Confidential</label>
            </div>
        </div>
    @php
        $defaultPlaceholder = "Guidelines for MTO Users
    What is the problem?

    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 (potential and actual)?";
    @endphp
    <div class="form-group">
        <label for="description">Description <span class="text-danger">*</span></label>
        <textarea id="description" name="description" class="form-control" rows="5" maxlength="32768"
            style="overflow-y: auto; resize: vertical;" required>{{ preg_replace('/^[ \t]+|[ \t]+$/m', '', $defaultPlaceholder) }}</textarea>
    </div>
</div>
@push('js')
    <script>
        const threat_master_unit_dropdown_url = "{{ route('threats.get-master-units') }}";
        $(document).ready(function() {
            //Dropdown Make As Serarchable
            $('#workstream_id').select2({
                placeholder: 'Select Workstream',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#infrastructure_category').select2({
                placeholder: 'Select Infrastructure Category',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#master_unit').select2({
                placeholder: 'Select Unit',
                theme: 'bootstrap4',
                allowClear: true,
            });
            //For Levels
            $('#master_site_id').select2({
                placeholder: 'Select Site',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#businessUnit').select2({
                placeholder: 'Select Business Unit',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#businessSite').select2({
                placeholder: 'Select Business Site',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#business_sub_unit').select2({
                placeholder: 'Select Business Sub Unit',
                theme: 'bootstrap4',
                allowClear: true,
            });
            //end levels
            $('#overall_status').select2({
                placeholder: 'Select Overall Status',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#discipline').select2({
                placeholder: 'Select Technical Discipline',
                theme: 'bootstrap4',
                allowClear: true,
            });
            $('#addThreatForm').each(function() {
                $(this).validate({
                    errorElement: 'span',
                    errorClass: 'invalid-feedback d-block',
                    highlight: function(element) {
                        $(element).addClass('is-invalid');
                    },
                    unhighlight: function(element) {
                        $(element).removeClass('is-invalid');
                    },
                    errorPlacement: function(error, element) {
                        var $inputGroup = element.closest('.input-group');
                        var $inputGroupAppend = $inputGroup.find('.input-group-append');

                        if ($inputGroupAppend.length) {
                            error.insertAfter($inputGroupAppend.last());
                        } else if ($inputGroup.length) {
                            error.insertAfter($inputGroup);
                        } else {
                            error.insertAfter(element);
                        }
                    }
                });
            });
        });
    </script>
@endpush