{{-- Custom --}}
<input type="hidden" id="modal_threat_id" name="modal_threat_id" value="" />
<x-adminlte-modal id="modalApprove" title="Approve" size="m" theme="primary" icon="fas fa-check" 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">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="comment">Comments <span style="color:red">*</span></label>
                                <textarea name="comment" class="form-control" rows="5" placeholder="Enter Comments ..." required></textarea>
                            </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" />
        <x-adminlte-button theme="success" label="Approve" class="modal-btn-save-changes" type="button" />
    </x-slot>
</x-adminlte-modal>

<x-adminlte-modal id="modalAssign" title="Advanced To Next L-Gate" size="m" theme="primary" icon="fas fa-check"
    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">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="comment">Comments<span style="color:red">*</span></label>
                                <textarea name="comment" class="form-control" rows="5" placeholder="Enter Comments ..." required></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
    <x-slot name="footerSlot">
        <x-adminlte-button theme="default" label="Close" class="mr-auto model-btn-close" data-dismiss="modal" />
        <x-adminlte-button theme="success" label="Advanced To Next L-gate" class="modal-btn-save-changes" />
    </x-slot>
</x-adminlte-modal>


<x-adminlte-modal id="modalReject" title="Reject" size="m" theme="primary" icon="fas fa-times" 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">
                            <!-- text input -->
                            <div class="form-group">
                                <label for="inputFullName">Comments <span style="color:red">*</span></label>
                                <textarea name="description" class="form-control" rows="5" placeholder="Enter Comments ..." required></textarea>
                            </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" />
        <x-adminlte-button theme="danger" label="Reject" class="modal-btn-save-changes" />
    </x-slot>
</x-adminlte-modal>

<x-adminlte-modal id="modalReassign" title="Reassign" size="m" theme="primary" icon="fas fa-times" 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">
                            <!-- Select2 Input -->
                            <div class="form-group">
                                <label for="reassign_user">User <span style="color:red">*</span></label>
                                <select class="form-control select2" id="reassign_user" class="reassign_user"
                                    name="reassign_user" required>

                                </select>
                            </div>
                            <!-- text input -->
                            <div class="form-group">
                                <label for="reassign_comment">Comments <span style="color:red">*</span></label>
                                <textarea id="reassign_comment" name="comment" class="form-control" rows="5" placeholder="Enter Comments ..."
                                    required></textarea>
                            </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" />
        <x-adminlte-button theme="danger" label="Reassign" class="modal-btn-save-changes" />
    </x-slot>
</x-adminlte-modal>

<!-- See more modal -->
<x-adminlte-modal id="modalSeeMore" title="Submitter Comment" size="m" theme="primary"
    icon="fas fa-pencil-alt" 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">
                            <!-- text input -->
                            <div class="form-group">
                                <textarea id="see-more-comment-text" name="description" class="form-control" rows="5" placeholder=""
                                    readonly></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
    </div>
    <x-slot name="footerSlot">
        <x-adminlte-button theme="default" label="Close" class="model-btn-close" data-dismiss="modal" />
    </x-slot>
</x-adminlte-modal>
{{-- Example button to open modal --}}



@push('js')
    <script>
        var csrfToken = "{{ csrf_token() }}";
        let url = "{{ route('threats.approve', ['id' => '__ID__']) }}";
        let userlist = "{{ route('threats.approverlist') }}";
    </script>
    <script src="{{ asset('assets/js/backend/threats/threat_approve.js') }}"></script>
@endpush