{{-- Solutioning Tab --}}
<div id="custom-tabs-one-solutioning" role="tabpanel" aria-labelledby="custom-tabs-one-solutioning-tab">

    <form id="custom-tabs-one-solutioning-tab-form" data-threat-id="{{ base64_encode($threat->id) }}">
        {{-- Interim Mitigation --}}

        <div class="card card-secondary">
            <div class="card-header p-2">
                <h3 class="card-title ml-2">Threat Interim Mitigation</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">

                    {{-- Interim Lead Person --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            @php
                                $config = ['placeholder' => 'Select Interim Lead Person', 'allowClear' => false];
                            @endphp
                            <x-adminlte-select2 name="interim_lead_person_id" :config="$config" required>
                                <x-slot name="label">
                                    Interim Lead Person <span class='text-danger'>*</span>
                                </x-slot>
                                <option value="">Select Interim Lead Person</option>
                                @foreach ($userOptions as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ ($threat->solutioningTab->interim_lead_person_id ?? '') == $key ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </x-adminlte-select2>
                        </div>
                    </div>

                    {{-- Original Resolution Date (Interim) --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            @php
                                $config = ['format' => 'DD-MM-YYYY'];
                            @endphp
                            <x-adminlte-input-date name="original_resolution_date_interim" :config="$config"
                                placeholder="Choose a date..." label="" label-class="text-default"
                                value="{{ old('original_resolution_date_interim', $threat->solutioningTab && $threat->solutioningTab->original_resolution_date_interim ? \Carbon\Carbon::parse($threat->solutioningTab->original_resolution_date_interim)->format('d-m-Y') : '') }}"
                                required>
                                <x-slot name="label">
                                    Original Resolution Date (Interim) <span class="text-danger">*</span>
                                </x-slot>
                            </x-adminlte-input-date>
                        </div>
                    </div>
                </div>

                {{-- Interim Plan --}}
                <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            {!! html()->label('Interim Plan <span class="text-danger">*</span>', 'interim_plan') !!}
                            {!! html()->textarea('interim_plan', $threat->solutioningTab->interim_plan ?? '')->class('form-control')->rows(5)->placeholder('Enter Text ...')->required() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Long Term Solution --}}
        <div class="card card-secondary">
            <div class="card-header p-2">
                <h3 class="card-title ml-2">Threat Long Term Solution</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">
                    {{-- In Business Plan --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                {!! html()->label('In Business Plan', 'in_business_plan') !!}
                            </div>
                            <div class="form-check form-check-inline">
                                {!! html()->hidden('in_business_plan', 0) !!}
                                <input class="form-check-input" type="checkbox" name="in_business_plan"
                                    id="in_business_plan_checkbox" value="1"
                                    @if ($threat->solutioningTab && $threat->solutioningTab->in_business_plan == 1) checked @endif>

                            </div>
                        </div>
                    </div>

                    {{-- In T/A Scope --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                {!! html()->label('In T/A Scope', 'in_ta_scope') !!}
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" name="in_ta_scope" id="in_ta_scope"
                                    value="1" @if ($threat->solutioningTab && $threat->solutioningTab->in_ta_scope == 1) checked @endif>


                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    {{-- Turnaround Required --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            <div class="row pl-2">
                                {!! html()->label('Turnaround Required', 'turnaround_required') !!}
                            </div>
                            <div class="form-check form-check-inline">
                                {!! html()->hidden('turnaround_required', 0) !!}
                                <input class="form-check-input" type="checkbox" name="turnaround_required"
                                    id="turnaround_required_checkbox" value="1"
                                    @if ($threat->solutioningTab && $threat->solutioningTab->turnaround_required == 1) checked @endif>

                            </div>

                        </div>
                    </div>

                    {{-- Total OpEx ($) --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            {!! html()->label('Total OpEx ($)', 'total_OpEx_dollar') !!}
                            {!! html()->text(
                                    'total_OpEx_dollar',
                                    $threat->solutioningTab && $threat->solutioningTab->total_OpEx_dollar
                                        ? currency_format($threat->solutioningTab->total_OpEx_dollar)
                                        : '',
                                )->class('form-control')->required() !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    {{-- Original Resolution Date --}}
                    <div class="col-sm-6">
                        @php $config = ['format' => 'DD-MM-YYYY']; @endphp
                        <x-adminlte-input-date name="original_resolution_date" :config="$config"
                            placeholder="Choose a date..." label-class="text-default"
                            value="{{ old('original_resolution_date', $threat->solutioningTab && $threat->solutioningTab->original_resolution_date ? \Carbon\Carbon::parse($threat->solutioningTab->original_resolution_date)->format('d-m-Y') : '') }}"
                            required>
                            <x-slot name="label">
                                Original Resolution Date <span class="text-danger">*</span>
                            </x-slot>
                        </x-adminlte-input-date>
                    </div>

                    {{-- MOC No --}}
                    <div class="col-sm-6">
                        <div class="form-group">
                            {!! html()->label('MOC No', 'MOC_number') !!}
                            {!! html()->text('MOC_number', $threat->solutioningTab->MOC_number ?? '')->class('form-control')->required() !!}
                        </div>
                    </div>
                </div>

                <div class="row">
                    {{-- Description of Solution Intended --}}
                    <div class="col-sm-12">
                        <div class="form-group">
                            {!! html()->label('Description of Solution Intended', 'description_of_solution_identified') !!}
                            {!! html()->textarea('description_of_solution_identified', $threat->solutioningTab->description_of_solution_identified ?? '')->class('form-control')->rows(5)->placeholder('Enter Text ...')->required() !!}
                        </div>
                    </div>
                </div>
                <div class="row">
                    {{-- Description of Cause --}}
                    <div class="col-sm-12">
                        <div class="form-group">
                            {!! html()->label('Description of Cause', 'description_of_cause') !!}
                            {!! html()->textarea(
                                    'description_of_cause',
                                    old(
                                        'description_of_cause',
                                        $threat->solutioningTab->description_of_cause ??
                                            "What do we think caused the problem?\nWhat evidence do we have about the cause?",
                                    ),
                                )->class('form-control')->rows(5)->placeholder('Enter Text ...') !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    {{-- Threat Actions --}}
    <div class="card card-secondary">
        <div class="card-header p-2">
            <h3 class="card-title ml-2">Threat Actions</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="col-12 mb-3 px-0">
                <div class="d-flex">
                    <button class="btn btn-primary btn-sm ml-auto" id="add-action-btn" type="button"
                        onclick="window.location.href='{{ route('threat-action.create', ['threat_id' => base64_encode($threat->id)]) }}'">
                        New Action
                    </button>

                </div>
            </div>

            {{-- Included threat actions list --}}
            @include('backend.threat_actions.list-threatActions', [
                'source' => 'threat-details',
                'threat_id' => $threat->id,
            ])
        </div>
    </div>
</div>

@push('js')
    <script src="{{ asset('assets/js/backend/threat_actions/list-threat-actions.js') }}"></script>
@endpush