@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="opportunities-details-tab-form">
    @csrf

    <div id="custom-tabs-one-details" role="tabpanel" aria-labelledby="opportunity-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">Opportunity 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 Initial Phase</option>
                                @foreach (App\Models\Threat::getPhases('opportunity') 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 -->
                        @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 name="description" class="form-control" rows="8" maxlength 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="overall_status_commentary">Overall Status Commentary</label>
                            <textarea name="overall_status_commentary" 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="mark_as_confidential">Mark as
                                    Confidential</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="mark_as_confidential"
                                    id="mark_as_confidential" value="1"
                                    @if ($details->mark_as_confidential == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                <label for="ptsupportneeded">P&T Support
                                    Needed</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="ptsupportneeded"
                                    id="ptsupportneeded" value="1"
                                    @if ($details->pt_support_needed == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                <label for="bad_actor">Bad Actor</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="bad_actor" id="inputbadactor"
                                    value="1" @if ($details->bad_actor == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                <label for="AIPeSAMP">Inclusion in
                                    AIP/eSAMP</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="AIPeSAMP" id="AIPeSAMP"
                                    value="1" @if ($details->inclusion_aip_esamp == 1) checked @endif>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">


                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select Plan Relevance',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <!-- Select2 Input -->
                            <x-adminlte-select2 id="sel2PlanRelevance" name="sel2PlanRelevance"
                                label="Plan Relevance" :config="$config">
                                @foreach (App\Models\Threat::getPlanRelevance() as $key => $value)
                                    <option value="{{ $key }}"
                                        @if (isset($details->master_plan_relevance_id) && $details->master_plan_relevance_id == $key) selected @endif>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </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 class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select Value Lever Area',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <x-adminlte-select2 id="inputvalueLeverArea" name="inputvalueLeverArea"
                                label="Value Lever Area" :config="$config">
                                @foreach (App\Models\Threat::getValueLeverArea() as $key => $value)
                                    <option value="{{ $key }}"
                                        @if (isset($details->master_value_lever_area_id) && $details->master_value_lever_area_id == $key) selected @endif>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select eSamp Value Lever',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <x-adminlte-select2 id="inputesampvalue" name="inputesampvalue" label="eSamp Value Lever"
                                :config="$config">
                                @foreach (App\Models\Threat::getEsampValueLevers() as $key => $value)
                                    <option value="{{ $key }}"
                                        @if (isset($details->master_esamp_value_lever_id) && $details->master_esamp_value_lever_id == $key) selected @endif>
                                        {{ $value }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">

                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label for="inputcustomsiterank">Custom Site
                                Rank</label>
                            <input type="text" name="inputcustomsiterank" id="inputcustomsiterank"
                                class="form-control"
                                value="@if (isset($details->custom_site_rank)) {{ $details->custom_site_rank }} @endif">
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            <label for="inputitdemandid">IT Demand
                                ID</label>
                            <input type="text" name="inputitdemandid" id="inputitdemandid" class="form-control"
                                value="@if (isset($details->it_demand_id)) {{ $details->it_demand_id }} @endif">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-6">
                        <!-- text input -->
                        <div class="form-group">
                            @php
                                $config = [
                                    'placeholder' => 'Select Enabled By',
                                    'allowClear' => false,
                                ];
                            @endphp
                            <!-- Select2 Input -->
                            <x-adminlte-select2 id="sel2EnabledBy" name="sel2EnabledBy" label="Enabled By"
                                :config="$config">
                                @foreach (App\Models\Threat::getEnabledByUsers() as $key => $name)
                                    <option value="{{ $key }}"
                                        @if ($details->master_enabled_by_id == $key) selected @endif>
                                        {{ $name }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="note">Note</label>
                            <textarea name="note" class="form-control" rows="8" maxlength placeholder="Enter Comments ...">{{ $details->description_of_cause }}</textarea>
                        </div>
                    </div>
                </div>


                <div class="row">


                </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="intolerable_risk">Intolerable
                                    Risk</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="intolerable_risk"
                                    id="intolerable_risk" @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>
                                @php $selectedUserId = $details->approver_user_id ?? null; @endphp
                                @foreach (App\Models\Threat::getAdminAndApproverNames($selectedUserId) as $key => $name)
                                    <option value="{{ $key }}"
                                        @if ($selectedUserId == $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('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>