@php 
$phaseId = $threat->threatDetails->master_phase_id ?? null;
$requiredFields  = App\Models\ThreatPhaseCompletionDate::getRequiredFiels($phaseId);
@endphp
<div class="card card-tabs">
    <div class="card-header p-0 pt-1">
        <ul class="nav nav-tabs" id="formTabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active threat-tab-link"
                    id= "custom-tabs-one-details-tab"
                    data-toggle="pill" href="#details-tab" role="tab"
                    data-tab="details"
                    aria-controls="details-tab"
                    data-threat-id="{{  base64_encode($threat->id) }}"
                    aria-selected="true">Details</a>
            </li>
            <li class="nav-item">
                <a class="nav-link threat-tab-link"
                    data-toggle="pill" href="#assessment-tab" role="tab"
                    data-tab="assessment"
                    aria-controls="assessment-tab"
                    data-threat-id="{{ base64_encode(($threat->id)) }}"
                    aria-selected="false">Risk Assessment</a>
            </li>
            <li class="nav-item">
                <a class="nav-link threat-tab-link"
                    data-toggle="pill" href="#solutioning-tab" role="tab"
                    data-tab="solutioning"
                    aria-controls="solutioning-tab"
                    data-threat-id="{{  base64_encode($threat->id) }}" aria-selected="false">Solutioning</a>
            </li>
            <li class="nav-item">
                <a class="nav-link threat-tab-link"
                    data-toggle="pill" href="#residualrisk-tab" role="tab"
                    data-tab="residualrisk"
                    aria-controls="residualrisk-tab"
                    data-threat-id="{{  base64_encode($threat->id) }}"
                    aria-selected="false">Residual Risk</a>
            </li>
            <li class="nav-item">
                <a class="nav-link threat-tab-link" data-toggle="pill"
                    href="#document-tab" role="tab"
                    data-tab="document"
                    aria-controls="document-tab"
                    data-threat-id="{{  base64_encode($threat->id) }}"
                    aria-selected="false">Document & Links</a>
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content">
            <div class="tab-pane details fade show active" id="details-tab"></div>
            <div class="tab-pane details fade" id="assessment-tab">
                @include('backend.threats.threatDetail._riskassesment', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="solutioning-tab">
                @include('backend.threats.threatDetail._solutioning', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="residualrisk-tab">
                @include('backend.threats.threatDetail._residualrisk', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="document-tab">
                @include('backend.threats.threatDetail._document', ['threat' => $threat,'details' => $details])
            </div>
        </div>
    </div>
    @push('js')
    <script>
        let tabdataUrl = "{{ route('threats.tabdata', ['tab' => 'details', 'id' => '__ID__']) }}";
        let listurl = "{{ route('threats.index', ['hashtag' => '__ID__']) }}";
        let saveData = "{{ route('threats.savedata', ['tab' => 'details', 'id' => '__ID__']) }}";
        let requireFields = @json($requiredFields);
    </script>
    <script src="{{ asset('assets/js/backend/threats/load-tab-data.js') }}"></script>
    @endpush
</div>