// Error view
function create_error_view(text) {
    let id = get_random_id();
    let error = document.createElement('div');

    error.innerHTML = `<div id='${id}' class="alert alert-danger">
                ${text}
                <button type="button" onclick="this.parentElement.remove()" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>`;

    document.getElementById('error_wrapper').innerHTML = '';
    document.getElementById('error_wrapper').appendChild(error);

    setTimeout(function () {
        if (typeof (document.getElementById(id)) != 'undefined' && document.getElementById(id) != null) {
            document.getElementById(id).remove();
        }
    }, 10000);
}


// Success view
function create_success_view(text) {
    let id = get_random_id();
    let error = document.createElement('div');

    error.innerHTML = `<div id='${id}' class="alert alert-success">
                ${text}
                <button type="button" onclick="this.parentElement.remove()" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>`;

    document.getElementById('error_wrapper').innerHTML = '';
    document.getElementById('error_wrapper').appendChild(error.firstChild);

    setTimeout(function () {
        if (typeof (document.getElementById(id)) != 'undefined' && document.getElementById(id) != null) {
            document.getElementById(id).remove();
        }
    }, 10000);
}