@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="opportunityFormTabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active opportunity-tab-link"
                    id= "opportunity-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 opportunity-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 opportunity-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 opportunity-tab-link"
                    data-toggle="pill" href="#action-tab" role="tab"
                    data-tab="action"
                    aria-controls="action-tab"
                    data-threat-id="{{  base64_encode($threat->id) }}" aria-selected="false">Actions</a>
            </li>
            <li class="nav-item">
                <a class="nav-link opportunity-tab-link"
                    data-toggle="pill" href="#impact-tab" role="tab"
                    data-tab="impact"
                    aria-controls="impact-tab"
                    data-threat-id="{{  base64_encode($threat->id) }}"
                    aria-selected="false">Opportunity Impact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link opportunity-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">
                @include('backend.opportunities.details._details', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="assessment-tab">
                @include('backend.opportunities.details._riskassesment', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="solutioning-tab">
                @include('backend.opportunities.details._solutioning', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="action-tab">
                @include('backend.opportunities.details._opportunity_actions', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="impact-tab">
                 @include('backend.opportunities.details._opportunityimpact', ['threat' => $threat,'details' => $details])
            </div>
            <div class="tab-pane details fade" id="document-tab">
                @include('backend.opportunities.details._document', ['threat' => $threat,'details' => $details])
            </div>
        </div>
    </div>
    @push('js')
    <script>
        let tabdataUrl = "{{ route('threats.tabdata', ['tab' => 'details', 'id' => '__ID__']) }}";
        let listurl = "{{ route('opportunities.index', ['hashtag' => '__ID__']) }}";
        let saveData = "{{ route('opportunities.savedata', ['tab' => 'details', 'id' => '__ID__']) }}";
        let requireFields = @json($requiredFields);
    </script>
    <script src="{{ asset('assets/js/backend/opportunities/load-tab-data.js') }}"></script>
    @endpush
</div>