{!! html()->form('POST', route('shorttermthreats.move-to-long-term-threat', base64_encode($shortTermThreat->id)))->id('copyModalShortTermForMoveThreat')->open() !!}
@method('PUT')
<x-adminlte-modal id="modalShortTermForMoveThreat" title="Long Term Threat Owner" size="s" theme="primary"
    icon="fas fa-user" 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">
                            <div class="form-group">
                                {!! html()->label('Select Long Term Threat Owner <span class="text-danger">*</span>', 'threat_owner_id')->toHtml() !!}
                                {!! html()->select('threat_owner_id', ['' => 'Select Owner'] + $users)->class('form-control')->value($shortTermThreat->threat_owner_id ?? '')->id('sel2LongThreatOwner') !!}
                            </div>

                            <!-- Warning Message -->
                            <div id="moveWarning" class="alert alert-warning mt-2 mb-0 d-none">
                                <i class="fas fa-exclamation-triangle"></i>
                                Once moved, this Short Term Threat cannot be edited.
                                Please confirm to continue.
                            </div>
                        </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" />

        <!-- Step 1: Initial Move Button -->
        <button type="button" id="moveBtn" class="btn btn-primary float-right">
            <span id="moveBtnText">Move to Long Term Threat</span>
        </button>

        <!-- Step 2: Warning Mode -->
        <div id="confirmActions" class="d-none float-right">
            <button type="button" id="cancelMoveBtn" class="btn btn-secondary mr-2">
                Cancel
            </button>
            <button type="submit" id="confirmBtn" class="btn btn-success">
                <span id="confirmBtnText">Confirm & Move to Long Term Threat</span>
                <span id="submitSpinner" class="spinner-border spinner-border-sm ml-2" role="status"
                    style="display: none;"></span>
            </button>
        </div>
    </x-slot>
</x-adminlte-modal>

{!! html()->form()->close() !!}