{{-- Threat List Modal Code --}}
<x-adminlte-modal id="CR_threat_list_modal" title="Threat Details" size="xl" theme="primary" v-centered static-backdrop
    scrollable>
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <table class="table table-bordered table-sm dark-bordered-table">
                                <thead>
                                    <tr>
                                        <th>Threat ID</th>
                                        <th>Threat Name</th>
                                        <th>MTO Score</th>
                                        <th>Unit</th>
                                    </tr>
                                </thead>
                                <tbody id="CR_modal_threat_list_table">
                                    <!-- JS will inject rows dynamically -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
    </div>
    <x-slot name="footerSlot">
        <x-adminlte-button theme="default" label="Close" class="mr-auto model-btn-close" data-dismiss="modal" />
    </x-slot>
</x-adminlte-modal>
{{-- Modal code end --}}