@php
    $phaseCompletionDetails = App\Models\ThreatPhaseCompletionDate::getPhasesByThreatId(threatId: $threat->id);
    $phaseId = $threat->threatDetails->master_phase_id ?? null;
    $requiredFields = App\Models\ThreatPhaseCompletionDate::getRequiredFiels($phaseId);
@endphp
<form id="details-tab-form">
    @csrf

    <div id="custom-tabs-one-details" role="tabpanel" aria-labelledby="custom-tabs-one-details-tab">
        <div class="card card-secondary">
            <div class="card-header p-2">
                <h3 class="card-title ml-2">Details</h3>
                <div class="card-tools pt-2">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="workstream">Workstream <span class="text-danger">*</span></label>
                            <select id="sel2workstreamdropdown" class="form-control custom-select" name="workstream"
                                required>
                                <option value="">Select Workstream</option>
                                @foreach (App\Models\Threat::getAllWorkstream() as $key => $workstream)
                                    <option value="{{ $key }}"
                                        @if ($threat->workstream_id == $key) selected @endif>
                                        {{ $workstream }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label for="threat_name">Threat Name <span class="text-danger">*</span> </label>
                            <input type="text" id="threat_name" name="threat_name" class="form-control"
                                value="{{ $threat->threat_name }}" required>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="initial_phase">Phase <span class="text-danger">*</span></label>
                            <select id="initial_phase" class="form-control custom-select" name="initial_phase" required>
                                <option value="">Select InitialPhase</option>
                                @foreach (App\Models\Threat::getPhases() as $key => $phase)
                                    <option value="{{ $key }}"
                                        @if ($details->master_phase_id == $key) selected @endif>
                                        {{ $phase }}
                                    </option>
                                @endforeach
                            </select>
                            @if (!auth()->user()->hasRole('Admin'))
                                <input type="hidden" id="initial_phase" name="initial_phase"
                                    value="{{ $details->master_phase_id }}">
                            @endif
                        </div>
                    </div>

                    <div class="col-sm-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 }}"
                                        @if ($threat->overall_status == $key) selected @endif>
                                        {{ $status }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                                                <div class="form-group">
                            <label for="description">Description</label>
                            <textarea name="description" class="form-control" rows="8" placeholder="Enter ...">{{ preg_replace('/^[ \t]+|[ \t]+$/m', '', $details->description) ?? preg_replace('/^[ \t]+|[ \t]+$/m', '', $defaultPlaceholder) }}</textarea>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="note">Note</label>
                            <textarea name="note" class="form-control" rows="8" placeholder="Enter Comments ...">{{ $details->overall_status_commentary }}</textarea>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select Technical Discipline',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <!-- Select2 Input -->
                            <x-adminlte-select2 id="discipline" name="discipline" label="Technical Discipline"
                                :config="$config">
                                @foreach (App\Models\Threat::getTechnicalDiscipline() as $key => $value)
                                    <option value="{{ $key }}"
                                        @if ($details->master_discipline_id == $key) selected @endif>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select Infrastructure Category',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <!-- Select2 Input -->
                            <x-adminlte-select2 id="sel2InfrastructureCategory" name="infrastructure_category"
                                label="Infrastructure Category" :config="$config">
                                @foreach (App\Models\Threat::getInfrastuructureCategory() as $key => $infrastructure)
                                    <option value="{{ $key }}"
                                        @if ($details->master_infrastructure_category_id == $key) selected @endif>{{ $infrastructure }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                <label for="badactor">Bad Actor</label>
                            </div>
                            {!! html()->hidden('badactor', 0) !!}

                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="badactor" value="1"
                                    id="badactor" @if ($details->bad_actor == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label for="hashtag">Hashtag #</label>
                            <div class="input-group">
                                <input type="text" id="hashtag" name="hashtag"
                                    class="form-control clickable-input" value="{{ $details->{'hashtag#'} }}"
                                    readonly>
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" id="editHashtag" type="button"
                                        title="Edit hashtag">
                                        <i class="fas fa-edit"></i>
                                    </button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <div class=" card card-secondary">
            <div class="card-header p-2">
                <h3 class="card-title ml-2">Regulatory/Mandatory
                    or Intolerable
                    Risk Management</h3>
                <div class="card-tools pt-2">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                <label for="IntolerableRisk">Intolerable
                                    Risk</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="intolerable_risk"
                                    id="IntolerableRisk" @if ($details->intolerable_risk == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                <label for="RegulatoryMandatory">Regulatory
                                    /Mandatory</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="regulatory_mandatory"
                                    id="RegulatoryMandatory" @if ($details->regulatory_mandatory == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select Approver Name',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <!-- Select2 Input -->
                            <x-adminlte-select2 id="approver_name" name="approver_name" label="Approver Name"
                                :config="$config">
                                <option value="">Select Approver Name</option>
                                @foreach (App\Models\Threat::getAdminAndApproverNames() as $key => $name)
                                    <option value="{{ $key }}"
                                        @if ($details->approver_user_id == $key) selected @endif>
                                        {{ $name }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label for="support_justification">Supporting
                                Justification</label>
                            <textarea name="support_justification" class="form-control" rows="3" placeholder="Enter Comments ...">{{ $details->supporting_justification }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <div class="card card-secondary">
            <div class="card-header p-2">
                <h3 class="card-title ml-2">Schedule</h3>
                <div class="card-tools pt-2">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                    </button>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @if (in_array('L1CompletionDatePlanned', $requiredFields))
                                <label for="L1CompletionDatePlanned">L1 Completion Date (Planned) <span
                                        class="text-danger">*</span></label>
                                @php $required = 'required'; @endphp
                            @else
                                <label for="L1CompletionDatePlanned">L1 Completion Date (Planned)</label>
                                @php $required = ''; @endphp
                            @endif

                            @php
                                $l1Planned = isset($phaseCompletionDetails['L1CompletionDatePlanned'])
                                    ? $phaseCompletionDetails['L1CompletionDatePlanned']
                                    : '';
                            @endphp
                            <input class="form-control" id="L1CompletionDatePlanned" name="L1CompletionDatePlanned"
                                data-toggle="datetimepicker" value="{{ $l1Planned }}" {{ $required }}>
                        </div>
                    </div>
                    <div class="col-sm-6">

                        <!-- text input -->
                        <div class="form-group">
                            <label for="L1CompletionDateActual">L1 Completion Date (Actual)</label>

                            @php
                                $l1Actual = isset($phaseCompletionDetails['L1CompletionDateActual'])
                                    ? $phaseCompletionDetails['L1CompletionDateActual']
                                    : '';
                            @endphp
                            <input class="form-control" id="L1CompletionDateActual" name="L1CompletionDateActual"
                                data-toggle="datetimepicker" disabled value="{{ $l1Actual }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <!-- text input -->
                        <div class="form-group">
                            @if (in_array('L2CompletionDatePlanned', $requiredFields))
                                <label for="L2CompletionDatePlanned">L2 Completion Date (Planned) <span
                                        class="text-danger">*</span></label>
                                @php $required = 'required'; @endphp
                            @else
                                <label for="L2CompletionDatePlanned">L2 Completion Date (Planned)</label>
                                @php $required = ''; @endphp
                            @endif
                            @php
                                $l2Planned = isset($phaseCompletionDetails['L2CompletionDatePlanned'])
                                    ? $phaseCompletionDetails['L2CompletionDatePlanned']
                                    : '';
                            @endphp
                            <input class="form-control" id="L2CompletionDatePlanned" name="L2CompletionDatePlanned"
                                data-toggle="datetimepicker" value="{{ $l2Planned }}" {{ $required }}>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="L2CompletionDateActual">L2 Completion Date (Actual) </label>
                            @php
                                $l2Actual = isset($phaseCompletionDetails['L2CompletionDateActual'])
                                    ? $phaseCompletionDetails['L2CompletionDateActual']
                                    : '';
                            @endphp
                            <input class="form-control" id="L2CompletionDateActual" name="L2CompletionDateActual"
                                data-toggle="datetimepicker" disabled value="{{ $l2Actual }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @if (in_array('L3CompletionDatePlanned', $requiredFields))
                                <label for="L3CompletionDatePlanned">L3 Completion Date (Planned) <span
                                        class="text-danger">*</span></label>
                                @php $required = 'required'; @endphp
                            @else
                                <label for="L3CompletionDatePlanned">L3 Completion Date (Planned)</label>
                                @php $required = ''; @endphp
                            @endif
                            @php
                                $l3Planned = isset($phaseCompletionDetails['L3CompletionDatePlanned'])
                                    ? $phaseCompletionDetails['L3CompletionDatePlanned']
                                    : '';
                            @endphp
                            <input class="form-control" id="L3CompletionDatePlanned" name="L3CompletionDatePlanned"
                                data-toggle="datetimepicker" value="{{ $l3Planned }}" {{ $required }}>
                        </div>

                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="L3CompletionDateActual">L3 Completion Date (Actual) </label>
                            @php
                                $l3Actual = isset($phaseCompletionDetails['L3CompletionDateActual'])
                                    ? $phaseCompletionDetails['L3CompletionDateActual']
                                    : '';
                            @endphp
                            <input class="form-control" id="L3CompletionDateActual" name="L3CompletionDateActual"
                                data-toggle="datetimepicker" disabled value="{{ $l3Actual }}">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @if (in_array('L3RRCompletionDatePlanned', $requiredFields))
                                <label for="L3RRCompletionDatePlanned">L3RR Completion Date (Planned) <span
                                        class="text-danger">*</span></label>
                                @php $required = 'required'; @endphp
                            @else
                                <label for="L3RRCompletionDatePlanned">L3RR Completion Date (Planned)</label>
                                @php $required = ''; @endphp
                            @endif
                            @php
                                $l3RRPlanned = isset($phaseCompletionDetails['L3RRCompletionDatePlanned'])
                                    ? $phaseCompletionDetails['L3RRCompletionDatePlanned']
                                    : '';
                            @endphp
                            <input class="form-control" id="L3RRCompletionDatePlanned"
                                name="L3RRCompletionDatePlanned" data-toggle="datetimepicker"
                                value="{{ $l3RRPlanned }}" {{ $required }}>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="L3RRCompletionDateActual">L3RR Completion Date (Actual) </label>
                            @php
                                $l3RRActual = isset($phaseCompletionDetails['L3RRCompletionDateActual'])
                                    ? $phaseCompletionDetails['L3RRCompletionDateActual']
                                    : '';
                            @endphp
                            <input class="form-control" id="L3RRCompletionDateActual" name="L3RRCompletionDateActual"
                                value="{{ $l3RRActual }}" disabled data-toggle="datetimepicker">
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @if (in_array('L4CompletionDatePlanned', $requiredFields))
                                <label for="L4CompletionDatePlanned">L4 Completion Date (Planned) <span
                                        class="text-danger">*</span></label>
                                @php $required = 'required'; @endphp
                            @else
                                <label for="L4CompletionDatePlanned">L4 Completion Date (Planned)</label>
                                @php $required = ''; @endphp
                            @endif
                            @php
                                $l4Planned = isset($phaseCompletionDetails['L4CompletionDatePlanned'])
                                    ? $phaseCompletionDetails['L4CompletionDatePlanned']
                                    : '';
                            @endphp
                            <input class="form-control" id="L4CompletionDatePlanned" name="L4CompletionDatePlanned"
                                data-toggle="datetimepicker" value="{{ $l4Planned }}" {{ $required }}>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="L4CompletionDateActual">L4 Completion Date (Actual) </label>
                            @php
                                $l4Actual = isset($phaseCompletionDetails['L4CompletionDateActual'])
                                    ? $phaseCompletionDetails['L4CompletionDateActual']
                                    : '';
                            @endphp
                            <input class="form-control" id="L4CompletionDateActual" name="L4CompletionDateActual"
                                value="{{ $l4Actual }}" disabled data-toggle="datetimepicker">
                        </div>
                    </div>

                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @if (in_array('L5CompletionDatePlanned', $requiredFields))
                                <label for="L5CompletionDatePlanned">L5 Completion Date (Planned) <span
                                        class="text-danger">*</span></label>
                                @php $required = 'required'; @endphp
                            @else
                                <label for="L5CompletionDatePlanned">L5 Completion Date (Planned)</label>
                                @php $required = ''; @endphp
                            @endif
                            @php
                                $l5Planned = isset($phaseCompletionDetails['L5CompletionDatePlanned'])
                                    ? $phaseCompletionDetails['L5CompletionDatePlanned']
                                    : '';
                            @endphp
                            <input class="form-control" id="L5CompletionDatePlanned" name="L5CompletionDatePlanned"
                                data-toggle="datetimepicker" value="{{ $l5Planned }}" {{ $required }}>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="L5CompletionDateActual">L5 Completion Date (Actual)</label>
                            @php
                                $l5Actual = isset($phaseCompletionDetails['L5CompletionDateActual'])
                                    ? $phaseCompletionDetails['L5CompletionDateActual']
                                    : '';
                            @endphp
                            <input class="form-control" id="L5CompletionDateActual" name="L5CompletionDateActual"
                                value="{{ $l5Actual }}" disabled data-toggle="datetimepicker">
                        </div>
                    </div>

                </div>
            </div>
            <!-- /.card-body -->
        </div>

        <!-- /.card -->
    </div>
</form>