@php
    $encodedId = isset($workstream) ? base64_encode($workstream->id) : null;
@endphp
<div class="tab-pane fade" id="custom-tabs-one-related" role="tabpanel" aria-labelledby="custom-tabs-one-related-tab">
    <div class="card card-secondary">
        <div class="card-header p-2">
            <h3 class="card-title ml-2">Threats</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">
            <table id="threatworkstream_table" class="table table-bordered table-striped"
                data-url="{{ $encodedId ? route('workstreams.workstream-threat-list', $encodedId) : '' }}">
                <thead>
                    <tr>
                        <th>Threat Name</th>
                        <th>Phase</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- Data will be populated by DataTables --}}
                    <tr>
                        <td colspan="2" class="text-center">No Records Found</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- /.card-body -->
    </div>
    <div class="card card-secondary">
        <div class="card-header p-2">
            <h3 class="card-title ml-2">Short Term Threats</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">
            <table id="short_threatworkstream_table" class="table table-bordered table-striped"
                data-url="{{ $encodedId ? route('workstreams.workstream-short-threat-list', $encodedId) : '' }}">
                <thead>
                    <tr>
                        <th>Short Term Threat Title</th>
                        <th>Priority</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- Data will be populated by DataTables --}}
                    <tr>
                        <td colspan="3" class="text-center">No Records Found</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <!-- /.card-body -->
    </div>
    <div class="card card-secondary">
        <div class="card-header p-2">
            <h3 class="card-title ml-2">Workstream History</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">
            <table id="workstream_history_table" class="table table-bordered table-striped"
                data-url="{{ $encodedId ? route('workstreams.workstream-history-list', ['id' => $encodedId]) : '' }}">
                <thead>
                    <tr>
                        <th>Date Time</th>
                        <th>Field</th>
                        <th>User</th>
                        <th>Original Value</th>
                        <th>New Value</th>
                    </tr>
                <tbody>
                    {{-- Data will be populated by DataTables --}}
                    <tr>
                        <td colspan="5" class="text-center">No Records Found</td>
                    </tr>
                </tbody>
                </thead>
            </table>
        </div>
        <!-- /.card-body -->
    </div>
</div>