define([
    'jquery',
    'taoQtiItem/qtiCreator/widgets/states/factory',
    'tpl!taoQtiItem/qtiCreator/tpl/notifications/invalidInfoBox'
], function($, stateFactory, invalidInfoBoxTpl){

    return stateFactory.create('invalid', ['sleep'], function(a){

        this.widget.$container.addClass('invalid');

        this.$messageBox = $(invalidInfoBoxTpl({
            serial : this.widget.serial
        }));

        /*const $scrollOuterContainer = $('#item-editor-scroll-outer');
        $scrollOuterContainer.prepend(this.$messageBox);*/
        const $itemEditorBar = $('.item-editor-bar');
        $itemEditorBar.append(this.$messageBox);
    },function(){
        this.widget.$container.removeClass('invalid');
        this.$messageBox.remove();
    });
});