function getKeyboard(option, numbers_only=0, accents=1, big_letters_only=0, dont_open_if_mobil=false) {
    console.log("open keyboard")
    console.log(option)
    if(dont_open_if_mobil){
        if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) 
            || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) { 
            
                console.log("Opened from mobile device, no need to open keyboard")
                return;
        }
    }
    $('#keyboard_body').prop('hidden', false);
    document.getElementById("keyboard").innerHTML = '<div id="'+option+'" class="softkeys" data-target="input[name='+option+']"></div>';
    if (big_letters_only==1){
        keyboard(0, option, 0, 1)
    }
    else{
        if (numbers_only==0){
            if (accents==1){
                keyboard(0, option);
            }
            else{
                keyboard(0, option, 0)
            }
        }
        else{
            keyboard(1, option);
        }
    }
}

function closeKeyboard(){
    console.log("close keyboard")
    try{
        $('#keyboard_body').prop('hidden', true);
      document.getElementById("keyboard").innerHTML = "";
    }
    catch(error){
        console.log(error)
    }
}


function keyboard(numbers=0, target_name=0, accents=1, big_letters_only=0){
//    option

    $(document).ready(function(){
        if (big_letters_only==1){
            $('.softkeys').softkeys({
                        target : $('.softkeys').data('target'),
                        layout : [
                            [
                                '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
                            ],
                            [
                                'Q','W','E','R','T','Z','U','I','O','P'
                            ],
                            [
                                'A','S','D','F','G','H','J','K','L'
                            ],
                            [
                                'hide', 'Y','X','C','V','B','N','M', 'delete'
                            ]
                        ],
                        numbers_only: 0,
                        target_friendly_name: target_name
                    });
        }
        else{
            if (numbers==0){
                if (accents==1){
                    $('.softkeys').softkeys({
                        target : $('.softkeys').data('target'),
                        layout : [
                            [
                                ['0','§'],
                                ['1',"'"],
                                ['2','"'],
                                ['3','+'],
                                ['4','!'],
                                ['5','%'],
                                ['6','/'],
                                ['7','='],
                                ['8','('],
                                ['9',')'],
                                'ö','ü'
                            ],
                            [
                                'q','w','e','r','t','z','u','i','o','p','ő','ú'
                            ],
                            [
                                'a','s','d','f','g','h','j','k','l','é','á','ű'
                            ],
                            [
                                'shift', '@',
                                'í','y','x','c','v','b','n','m','ó',
                                'delete'
                            ],
                            [
                                'hide',
                                ['-','_'],
                                'space',
                                [',','?'],
                                ['.',':'],
                            ]
                        ],
                        numbers_only: 0,
                        target_friendly_name: target_name
                    });
                }
                else{
                    $('.softkeys').softkeys({
                        target : $('.softkeys').data('target'),
                        layout : [
                            [
                                ['0','§'],
                                ['1',"'"],
                                ['2','"'],
                                ['3','+'],
                                ['4','!'],
                                ['5','%'],
                                ['6','/'],
                                ['7','='],
                                ['8','('],
                                ['9',')']
                            ],
                            [
                                'q','w','e','r','t','z','u','i','o','p'
                            ],
                            [
                                'a','s','d','f','g','h','j','k','l'
                            ],
                            [
                                'shift', '@',
                                'y','x','c','v','b','n','m',
                                'delete'
                            ],
                            [
                                'hide',
                                ['-','_'],
                                'space',
                                [',','?'],
                                ['.',':']
                            ]
                        ],
                        numbers_only: 0,
                        target_friendly_name: target_name
                    });
                }
             }
             else{
                $('.softkeys').softkeys({
                    target : $('.softkeys').data('target'),
                    layout : [
                        [
                            ['1'],
                            ['2'],
                            ['3']
                        ],
                        [
                            ['4'],
                            ['5'],
                            ['6']
                        ],
                        [
                            ['7'],
                            ['8'],
                            ['9']
                        ],
                        [
                            ['-'],
                            ['0'],
                            'delete',
                        ]
                    ],
                    numbers_only: 1,
                    target_friendly_name: target_name
                });
             }
        }
    });
};

(function ($) {$.fn.softkeys = function(options) {
        var settings = $.extend({
                layout : [],
                target : '',
                rowSeperator : 'br',
                buttonWrapper : 'li',
                numbers_only: 0,
                target_friendly_name: 0
            },  options);

        console.log("Numbers only: " + settings.numbers_only);

        var createRow = function(obj, buttons) {
                for (var i = 0; i < buttons.length; i++) {
                    createButton(obj, buttons[i]);
                }

                obj.append('<'+settings.rowSeperator+'>');
            },

            createButton = function(obj, button) {
                var character = '',
                    type = 'letter',
                    styleClass = '';

                switch(typeof button) {
                    case 'array' :
                case 'object' :
                        if(typeof button[0] !== 'undefined') {
                            character += '<span>'+button[0]+'</span>';
                        }
                        if(typeof button[1] !== 'undefined') {
                            character += '<span>'+button[1]+'</span>';
                        }
                        type = 'symbol';
                        break;

                    case 'string' :
                        switch(button) {
                            case 'hide':
                                character = '<span>Hide</span>';
                                type = 'hide';
                                break;

                            case 'capslock' :
                                character = '<span><img class="keyboard_img" src="../proxer_pay_webgui/karc_frame/keyboard/capslock.png" ></span>';
                                type = 'capslock';
                                break;

                            case 'shift' :
                                character = '<span>Shift</span>';
                                type = 'shift';
                                break;

                            case 'return' :
                                character = '<span>Return</span>';
                                type = 'return';
                                break;

                            case 'tab' :
                                character = '<span>Tab</span>';
                                type = 'tab';
                                break;

                            case 'space' :
                                character = '<span>&emsp;</span>';
                                type = 'space';
                                styleClass = 'softkeys__btn--space';
                                break;

                            case 'delete' :
//                                character = '<span><img class="keyboard_img" src="../proxer_pay_webgui/karc_frame/keyboard/backspace.png" ></span>';
//                                character = '<span><i class="bi bi-backspace"></i></span>';
                                character = '<span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-backspace" viewBox="0 0 16 16">'
                                character += '<path d="M5.83 5.146a.5.5 0 0 0 0 .708L7.975 8l-2.147 2.146a.5.5 0 0 0 .707.708l2.147-2.147 2.146 2.147a.5.5 0 0 0 .707-.708L9.39 8l2.146-2.146a.5.5 0 0 0-.707-.708L8.683 7.293 6.536 5.146a.5.5 0 0 0-.707 0z"/>'
                                character += '<path d="M13.683 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7.08a2 2 0 0 1-1.519-.698L.241 8.65a1 1 0 0 1 0-1.302L5.084 1.7A2 2 0 0 1 6.603 1h7.08zm-7.08 1a1 1 0 0 0-.76.35L1 8l4.844 5.65a1 1 0 0 0 .759.35h7.08a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-7.08z"/>'
                                character += '</svg></span>';
                                type = 'delete';
                                break;

                            default :
                                character = button;
                                type = 'letter';
                                break;
                        }

                        break;
                }
                if (settings.numbers_only == 0){
                    obj.append('<'+settings.buttonWrapper+' class="softkeys__btn  '+styleClass+'" data-type="'+type+'">'+character+'</'+settings.buttonWrapper+'>');
                }
                else {
                    obj.append('<'+settings.buttonWrapper+' class="softkeys__numbers__btn  '+styleClass+'" data-type="'+type+'">'+character+'</'+settings.buttonWrapper+'>');
                }
            },

            bindKeyPress = function(obj) {
                obj.children(settings.buttonWrapper).on('click touchstart', function(event){
                    event.preventDefault();

                    var character = '',
                        type = $(this).data('type'),
                        targetValue = $(settings.target).val();

                    switch(type) {
                        case 'hide':
                            closeKeyboard();
                            break;

                        case 'capslock' :
                            toggleCase(obj);
                            break;

                        case 'shift' :
                            toggleCase(obj);
                            toggleAlt(obj);
                            break;

                        case 'return' :
                            character = '\n';
                            break;

                        case 'tab' :
                            character = '\t';
                            break;

                        case 'space' :
                            character = ' ';
                            break;

                        case 'delete' :
                            targetValue = targetValue.substr(0, targetValue.length - 1);
                            break;

                        case 'symbol' :
                            if(obj.hasClass('softkeys--alt')) {
                                character = $(this).children('span').eq(1).html();
                            } else {
                                character = $(this).children('span').eq(0).html();
                            }
                            break;

                        case 'letter' :
                            character = $(this).html();

                            if(obj.hasClass('softkeys--caps')) {
                                character = character.toUpperCase();
                            }

                            break;
                    }

                    if (settings.target_friendly_name != 0){
                        var max_len = document.getElementById(settings.target_friendly_name).maxLength;
                        if (max_len != -1){
                            if (max_len === undefined || targetValue.length < max_len) {
                                $(settings.target).focus().val(targetValue + character);
                            }
                        }
                        else {
                            $(settings.target).focus().val(targetValue + character);
                        }
                        $("#"+settings.target_friendly_name).trigger("input");
                        document.getElementById(settings.target_friendly_name).onchange();
                    }
                    else{
                        $(settings.target).focus().val(targetValue + character);
                    }

                });
            },

            toggleCase = function(obj) {
                obj.toggleClass('softkeys--caps');
            },

            toggleAlt = function(obj) {
                obj.toggleClass('softkeys--alt');
            };

        return this.each(function(){
            for (var i = 0; i < settings.layout.length; i++) {
                createRow($(this), settings.layout[i]);
            }

            bindKeyPress($(this));
        });
    };

}(jQuery));